雙刃劍?這些流行的趨勢可能會損害你的設計

      作者:chenzimu7
      分類: 觀點/經驗
      2017-08-11
      4208

      這也是為什么大家會借用設計趨勢來讓自己的網站和產品更具有吸引力,但是回過頭從網站本身價值來看,這些設計趨勢真的是提升本身價值的靈丹妙藥么?

      很多時候你不能通過封面來判斷一本書的價值,但是很多時候你可以通過網站的設計來判斷它的好壞。以貌取人或者以貌取物是人類的天性,用戶更加傾向于在了解產品的功能和實用性之前,就外觀來評判它的好壞。這也是為什么大家會借用設計趨勢來讓自己的網站和產品更具有吸引力,但是回過頭從網站本身價值來看,這些設計趨勢真的是提升本身價值的靈丹妙藥么?

      當然,作為設計師我們其實也很清楚,設計趨勢確實是日常設計工作中難以回避的部分,甚至可以說它們還很關鍵。同時我們也都明白,設計趨勢也不能盲目使用。每一種趨勢都有其使用場景,這也意味著如果你使用不當,再有趣的趨勢也會毀掉你的設計。

      讓我們看看今年流行的趨勢當中所潛藏的風險吧。了解這些雙刃劍的另外一面,才能讓我們更好地用好它們。

      鮮艷的色彩

      鮮艷的色彩.jpeg


      眾所周知,色彩是傳遞情緒的最重要的途徑,在品牌設計和UI設計的時候,精心設計的配色能夠帶來不同的效果。鮮艷的配色通常更加吸引人的注意力,更容易傳遞出積極的情緒。明亮而鮮艷的色彩讓人覺得有趣,給人精力充沛的感覺,而柔和的色彩更容易讓人放松。

      如果你仔細觀察,會發現大量的初創企業帶來的產品,一進入市場就試圖采用鮮艷的色彩來吸引用戶,緊緊跟隨著2017年的整個用色趨勢。這樣的界面確實很顯眼,但是同樣也存在著干擾用戶的可能性。

      鮮艷的色彩1.jpeg


      潛在風險

      鮮艷的色彩通常都有著較高的飽和度,霓虹色就是如此。如果你的配色方案采用的是色輪上相對位置的對比色,兩種高飽和度的色彩可能會產生炫光的效果,非常刺眼。

      這種炫光的效果在許多高飽和度對比色中都非常常見,而這個時候和黑色或者白色的文本搭配起來的時候,會讓可讀性較低,無論是對比度還是炫光所帶來的不適,都是用戶體驗上的減分項。

      推薦方案

      ·使用低飽和度和中性色來平衡鮮艷的色彩
      ·僅在細節上采用鮮艷的色彩,引起用戶的注意
      ·在大范圍排版中使用鮮艷的色彩作為點綴
      ·使用鮮艷的色彩作為強調或者互動

      注意事項

      ·避免在大范圍元素上使用鮮艷的色彩,包括背景
      ·避免在一個頁面或者區域內使用太多不同的鮮艷色彩
      ·盡量不要在正文當中使用鮮艷的色彩
      ·盡量不要在圖標和按鈕這樣的關鍵元素上使用過于鮮艷的色彩

      實驗性的排版布局

      實驗性的排版布局.jpeg


      設計師從來都不會限制自己的想象力,而實驗性的布局設計很大程度上就是設計師的創造力的明證。對于實驗性布局的追求,在2017年的網頁設計領域達到了一個小高潮。

      許多實驗性的網頁布局是有趣而好玩的,許多帶有藝術性的設計和時尚的構思在這些優秀的設計作品中體現了出來。有的設計干凈整潔,而有的則采用了不對稱、不均衡的設計,來營造獨特的失調感。

      實驗性的排版布局1.jpeg


      潛在風險

      我們的生活中已經充滿了混亂失衡的元素,這已經讓人焦頭爛額了。實驗性的網頁布局帶來的設計感固然讓人眼前一亮,但是非常規的布局設計可能會導致部分元素的隱藏,偏離常規邏輯的交互會讓信息的可發現性較差,這樣一來,精心設計的布局反而成了用戶獲取信息的障礙。

      視覺層次是幫助用戶了解內容的航標。但是許多實驗性的網頁布局中,會有元素不規則的、反常規地活動,這可能會讓整個視覺層次顯得混亂,難以閱讀和處理。

      推薦方案

      ·當用戶需要閱讀的內容不是網頁主體的時候,可以采用實驗性布局
      ·將不對稱的布局元素是作為整個布局的細節點綴
      ·讓相關的內容分組靠近,并且在不同的內容塊之間保持明確的分隔
      ·當整個排版的對比度夠大的時候,再使用元素疊加

      注意事項

      ·不要在重內容的頁面中使用實驗性布局
      ·不要在用戶需要快速瀏覽內容的頁面中采用實驗性布局
      ·不要在頁面中隨機排布元素,保持基本的對齊很有必要
      ·不要盲目使用元素疊加,應當考慮對比度和其中的含義

      細節點綴

      細節點綴.jpeg


      雖然極簡主義的設計依然廣受歡迎,但是設計師們仍然堅持不懈地試圖讓其中的細節更加豐富。必須得承認,有趣的細節更加吸引人。從浮動的導航元素,到裝飾性的小圖標、下劃線、幾何圖形和小碎片,它們讓整個頁面更加有趣了。

      有趣.jpeg


      潛在風險

      細節對于用戶的吸引力是非常大的。而有趣的地方在于,目前我們所說的細節點綴很大程度上指的是在極簡風的設計中,這樣一來,點綴的細節就很容易和內容主體構成競爭了。太多的細節點綴還會影響整個布局的層次結構,令人困惑,對于用戶獲取內容和信息并無裨益。

      解決方案

      ·讓點綴的細節來襯托主體內容,確保可讀性不要被影響
      ·使用細節來構建引導用戶注意力的視覺系統
      ·使用細節來平衡極簡風的頁面,但是要以點綴作為核心思路
      ·讓細節和主體內容關聯、搭配起來

      注意事項

      ·不要在重內容的頁面中使用小細節點綴
      ·避免隨意地點綴細節,不要讓無目的的細節影響整個故事的呈現
      ·嘗試把細節和導航系統分隔開來,避免可用性問題
      ·細節僅僅只是細節,不要成為設計的主體

      這些趨勢同樣要小心使用

      超小字體


      超小的字體排版常常可以讓頁面顯得頗為有逼格,因為它能夠構成視覺對比,增加頁面的呼吸感。

      但是另外一方面,超小的字體排版有一定機率干擾內容的閱讀,并且會讓人感到迷惑。盡量避免使用比13pt 更小的字體。

      實驗性導航


      實驗性的導航是另外一個設計趨勢,它和實驗性的排版布局一樣受歡迎。別具一格的導航設計讓網站顯得更加有趣。

      而實驗性導航所存在的風險,就是它的不確定性。如果它有趣,而且可用性很強也就算了,如果它并不是那么直觀,那么可能不會適用于所有用戶。測試至關重要。

      動效

      東郊.gif


      動效為UI帶來了無限的可能性,他們確實提升了體驗。可是動效的設計同樣需要克制,它應該是服務于整個產品的體驗,而不是用來炫技的。

      結語

      設計趨勢是讓產品保持新鮮有趣的重要工具,但是在整個設計當中,它又是一把雙刃劍,合理地評判趨勢的價值,理智地運用到設計當中,這才是正確的思路。


      0
      0
      分享到:

      0

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

      推薦閱讀

      ×

      賽事服務聯系方式

      0371-86068866

      4008887269

      cndesign@163.com

      好的,我知道了

      官方微信

      聯系我們

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

      版權信息

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

      主站蜘蛛池模板: 国产一区二区三区视频在线观看| 国产在线精品一区二区不卡麻豆 | 久久青青草原一区二区| 日韩一区二区三区在线观看| 波多野结衣一区在线观看| 国产自产对白一区| 无码人妻一区二区三区在线| 区三区激情福利综合中文字幕在线一区亚洲视频1 | 中文字幕一精品亚洲无线一区| 国产日韩视频一区| 精品国产精品久久一区免费式| 亚洲午夜一区二区电影院| 无码人妻AV免费一区二区三区| 在线精品亚洲一区二区三区| 亚洲性日韩精品一区二区三区| 精品国产区一区二区三区在线观看 | 奇米精品一区二区三区在| 国产精品一区二区三区久久| 精品国产一区二区三区AV| 自拍日韩亚洲一区在线| 国产成人久久精品一区二区三区 | 91午夜精品亚洲一区二区三区 | 一区二区三区视频观看| 国产三级一区二区三区| 精品国产一区二区三区www| 国产成人免费一区二区三区| 国产一区在线观看免费| 激情爆乳一区二区三区| 日韩十八禁一区二区久久| 亚洲一区二区三区乱码A| 中文字幕久久久久一区| 亚洲AV本道一区二区三区四区| 亚洲AV成人一区二区三区AV| 99无码人妻一区二区三区免费| 亚洲乱色熟女一区二区三区蜜臀| 人妻av综合天堂一区| 一区视频免费观看| 中文字幕精品一区二区精品| 亚洲天堂一区在线| 国产aⅴ一区二区三区| 在线精品亚洲一区二区小说|