2017年最后幾個月,網頁設計師值得注意的趨勢

      作者:
      分類: 觀點/經驗
      2017-09-19
      6321

      新誕生的設計工具和素材當中,無論是UI Kit 、風格指南還是設計輔助工具,都是為了更好的沉浸式體驗。

      如果你也一直觀察網頁設計這個行業,會發現它的變化確實非常快。設計趨勢來了又去,年頭流行,到年底可能就完全看不到了,還有一些設計手法,則在幾年之間持續不斷地發生變化。想要跟上設計的趨勢,敏銳地觀察,持續不斷的關注,總是需要的。

      時間行進到2017年,越來越成熟的網頁設計圈子,已經不僅僅只是流行各種設計技法和不同的設計工具了,你會發現,設計手段和設計思想也越來越成熟,至少,系統化的思維已經不再鮮見了。

      “我們不只在搭建頁面,我們在創建系統。”

      縱覽今年的網頁設計,用戶體驗設計被大家提升到更重要的位置,數字產品的沉浸體驗被越來越多的設計師和產品人關注到。新誕生的設計工具和素材當中,無論是UI Kit 、風格指南還是設計輔助工具,都是為了更好的沉浸式體驗。

      非對稱布局

      對稱式的布局在網頁中非常常見,它不僅易于設計,便于使用而且是合理的設計策略。柵格系統的出現,不僅幫助設計更好地完成響應式布局的設計搭建,也讓設計擁有了更好管控非對稱布局的方案。越來越多的非對稱式的布局出現在我們視野當中,甚至不少設計師專門對此進行了總結。Kimberly Elamconveys 的這本《Grid System:Principles of Organizing Type》中對于如何運用柵格系統來構建非對稱布局,有許多不錯的實例。

      01.png

      打破常規的布局,這并非是新鮮的概念,但是在非對稱式的網頁布局的探索上,我們還有很長的路要走,還有許多未知可供探索。非對稱布局在今天成為設計趨勢,很大程度上是因為它在技術可行性的基礎上,讓設計師有了自由發揮的可能性,能夠讓設計脫穎而出。如果排版布局和整體實現都足夠合理,想法和內容能夠在自由的設計下更容易被用戶所感知,個性化的表達也得以保留。

      隨著設計師對于動效、視差和柵格的純熟掌握,未來的非對稱式布局可能會成為設計師手里的殺手锏。

      感知化設計

      在擬物化設計走到極致之后,扁平化設計接管了整個設計風格的走向。早期的扁平化設計擁有了足夠現代的設計特質,但是在用戶感知上并不足以媲美擬物化,這也催生了今天我們所說的扁平化2.0 和 Material Design 這樣的設計風尚。用風格來描述這些設計上的演變是我們現在所熟知的方式,但是換個角度來看待這些變化,其實會更加直觀。設計元素從來都沒有因為扁平化設計而疏離真實的世界,我們對于世界的認知構建起來了感知的體系,而設計元素的變化,一直都是奔著更好的感知度而去的。

      02.png

      雖然擬物化的設計并沒有回歸,但是在設計元素的演變上,可感知性一直在逐步變好,變得更容易理解、觸及。

      自定義字體

      伴隨著非對稱式布局而來的,是個性化的字體設計。針對特定的需求、遵循特定風格的個性化字體設計,和非常規的排版有著天然的契合,超大的個性化字體不僅可以傳達信息,而且能夠作為重要的視覺元素而存在,甚至可以成為視覺焦點。

      讓不同的字體在網頁中協調的搭配起來是越來越多網頁設計師試圖做到的事情,而出于視覺設計的需求,有時候還需要讓對比足夠強烈的字體搭配到一起。

      03.png

      新的網頁字體技術的出現,使得網頁字體的兼容性和可能性越來越強。多彩字體甚至一開始就是為了個性化和自定義而存在。被非襯線體字體所統治的時代,即將過去。

      更有質感的圖片

      和自定義的字體不同,真實感更強的圖片在網頁設計領域的流行,不僅僅是出于技術發展和個性化的需求,它更多是為了創造沉浸感更強的體驗,營造更加真實有效的品牌感。經過定制的、富有質感的圖片能夠更好地服務于品牌,營造獨特的氣質,成為更加具有影響力的工具。

      04.png

      從成千上萬的圖片中精心挑選的圖片,有著更強的感染力,在絕大多數的時候,它們比起單純被設計出來的圖片更加有效。

      如果你沒有辦法尋求專業的攝影師來為你打造這樣的照片的話,不妨通過社交網絡來舉辦活動,從你的品牌用戶和粉絲當中征集。截至目前,這種方法還是非常有效的。

      原型工具和設計版本控制工具

      Sketch

      在諸多設計類軟件當中,今年最突出的大概就是Sketch 這款軟件了。雖然 Sketch 出現的時間不短,但是在用戶數量上,2017年才出現爆發性的增長,從設計機構到自由設計師都開始青睞這款工具。

      選擇 Sketch 的原因很多,但是這很大程度上是得益于它在UI/UX領域的深耕,以及在交互設計和原型設計上完備的功能。Sketch 并不具備3D功能,沒有濾鏡,它的功能都是圍繞著現代UI和UX設計來進行的,可拓展的插件也讓它具備了更多的可能性。

      05.png

      Abstract

      版本控制是設計的基石。雖然大家一直在呼吁設計師要懂得 Git ,但是在實踐和使用上,依然存在著天然的壁壘。

      06.png

      Abstract 是一款用于 Sketch 的版本控制工具,它的設計干凈清爽,將強大的版本控制功能藏于背后,讓設計師專注于設計,而不用糾纏于備份和時間表。Abstract 幫助設計師控制分支、提交、備份和合并。盡管 Abstract 還面臨著不同對手的競爭,但是總體上有著更加光明的未來。至少,對于面向未來的設計團隊而言,很有使用的必要。

      UX文案設計

      在很長的一段時間里面,視覺是UI和UX設計中的重中之重,但是大家現在對于文案和內容也足夠重視了。信息的傳遞和內容的呈現必定不是以視覺作為唯一載體,文本內容和文案的重要性也不言而喻。

      對話式的UI直接將界面直接用文本和文案來置換,而UX設計當中,文本、標簽和文案的準確性也直接影響著產品本身的使用。為了更精準地使用詞匯,更有效地使用內容,Facebook 這樣的科技企業已經有了內容策略師這樣的職位,確保UX的一致和有效。

      07.png

      相比于傳統的文案設計,UX 文案設計對于詞匯運用的要求更高,詞語的設計可以說是目前最新的行業趨勢。設計師需要深入到詞匯背后的心理、語言和概念當中去。

      結語

      設計趨勢上的演變,很多時候會讓人覺得驚喜。有些趨勢讓我們看到了新的可能性,有些甚至可以創造新的工作機會和新的前進方向。


      0
      0
      分享到:

      0

      喜歡他,就推薦他上首頁吧^_^

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

      • QQ:33143335 QQ:1904200230
      • 電話:18569912460
      • 投稿:cndesign@163.com
      • 地址:鄭州市國家大學科技園東區9號樓2層

      版權信息

        移動 Android 版 豫 ICP 備16038122號-2 豫公網安備 41019702002261號

      主站蜘蛛池模板: 亚洲综合无码一区二区痴汉| 国产精品一区电影| 无码人妻一区二区三区兔费| 国产精品美女一区二区 | 无码日韩AV一区二区三区| 无码毛片视频一区二区本码| 精品乱子伦一区二区三区| 日本香蕉一区二区三区| 色欲综合一区二区三区| 好湿好大硬得深一点动态图91精品福利一区二区 | 日本免费一区二区久久人人澡| 国产亚洲综合精品一区二区三区 | 亚洲精品日韩一区二区小说| 一区二区三区四区视频| 国产午夜精品一区二区三区漫画 | 久久精品一区二区三区AV| 日韩精品福利视频一区二区三区| 色欲综合一区二区三区| 亚洲AV无码一区二区三区系列| 曰韩精品无码一区二区三区| 波多野结衣高清一区二区三区| 国产情侣一区二区三区| 国产一区二区三区夜色| 99精品国产高清一区二区三区| 国产日韩精品一区二区三区在线 | 3d动漫精品啪啪一区二区中文| 亚洲一区二区电影| 精品性影院一区二区三区内射 | 久久精品国内一区二区三区| 色综合久久一区二区三区| 久久一区二区三区精华液使用方法 | 国产精品乱码一区二区三| 成人区人妻精品一区二区不卡| 日本精品3d动漫一区二区| 无码人妻精品一区二| 亚洲AV综合色区无码一区爱AV| 久久一区二区三区免费播放| 韩国福利一区二区美女视频| 色婷婷av一区二区三区仙踪林 | 日韩人妻无码一区二区三区99| 国产成人精品日本亚洲专一区|