等等

辽宁35选7:分辨好壞設計的三個套路

等等 APP設計 3292瀏覽

辽宁35选7开奖哪个台 www.duulp.com 在我做界面遇到問題的時候,前輩經常建議“多看看好的設計”,可是現在平臺上琳瑯滿目的設計作品,到底哪些是值得學習的,又覺得難以辨別,憑自己的感覺難免會有偏差。因此有時候自己找的學習對象就有一些問題,自然也就做不出好的設計。

多次碰壁之后,自己總結了三個分辨好壞設計的套路:具有視覺吸引力;細節處理到位;實用。

 

具有視覺吸引力

當我看到一個作品的時候,首先看它是否具有視覺吸引力。這個吸引力和單純的好看還不太一樣。好看的設計不一定就是好的設計,但是好的設計一定要具有視覺吸引力。好看不好看的評判是很主觀的,但是視覺吸引力是有原則可循的。我把他們分為以下三個參考標準:層級分明、一致性、小特別。

1、層級分明

清晰的層級結構能讓用戶看起來更加舒適,也能夠快速的獲取重要內容。那么我們在看的時候判斷它是否層級分明,主要看不同的??櫓涫欠袂置魅?;界面中主次是否分明;是否符合用戶的閱讀習慣。

首先,好的界面,都是分??檎故鏡?,而不是平鋪直敘。并且不同的??櫓淝置魅?。當我們看到一個界面,不能快速的區分出不同的???,那說明它的??榍值牟還緩?。比如下圖,右圖看著就更加舒適、清晰。

其次,內容要有主有次,重要的信息突出,次要的信息弱化。一個??櫓械鬧匾諶葜荒苡幸桓?,如果有多個重點,那就等于沒有重點。以下圖為例,左圖沒有主次,右圖很明顯就能知道重點內容是什么。

最后要根據視覺流的原則去審視這個界面是否符合用戶的閱讀習慣。比如說我們的閱讀習慣是從左到右,從上到下,但是界面的重點內容卻放在視覺流程的尾端,是不是就不太合理呢?

 

2、一致性

這里說的一致性,一方面是視覺上的一致,另一方面是與已知的一致。視覺上,一個產品中頁面的風格、元素、間隔等都要遵循統一原則,同一層級的內容要統一,比如說同為??楸晏?,字體色號卻不一致,這樣就會導致頁面的混亂。

與已知的一致,是把設計與生活聯系起來,讓用戶看到這個設計就能想到生活中相關的東西,具有熟悉感,也更容易上手。比如說界面中的票券設計,與生活中的票券可撕樣式保持一致。

 

3、小特別

為什么這里說是小特別,沒有說大差異呢。因為我認為,UI和平面設計還不太一樣。平面重視覺,追求視覺沖擊力。但是UI界面更多的是追求好用。用戶已經習慣了已有的視覺形式和交互模式,突然來了一個顛覆性的設計,用戶反倒不知所措。但是又要有差異,區分那些常規的設計。所以我在看的時候就去看一些符合現有的習慣,但是又有些微創意在里面的。

 

細節處理到位

有句話說,真正考驗設計能力的是設計細節上的處理。的確,一個界面的細節把握能很大提升一個界面的品質,有時候我們看到一個界面,大問題沒有,但就是有些粗糙,不夠精致。這就是細節處理不到位的結果。小到一個卡片的圓角設計,分割線的粗細、顏色設置等,都能影響一個界面的整體感覺。

比如說下面的分割線,左面的色彩粗細都很合適,能夠在不干擾內容的情況下,做到分割的作用。右側的顏色過重又是通欄效果,給人的感覺就很生硬。

 

實用

好的設計最終都是要落地的。起初我通?;岣庸刈⒄飧黿緱婧貌緩每?,事實上比好看更重要的是好用、實用。因此平時看作品的時候要分辨出哪些是單純視覺好,但是實現起來成本會比較高或者效果并沒有那么好的。

我在學習的時候就盡量多去看線上產品,畢竟經得起市場考驗的才是好的設計。平臺上很多概念稿,有些簡單的大圖堆積就很漂亮,但是在做的時候可能并不實用。因為作者在設計的時候都是精心挑選的圖片,我們在看的時候就很容易忽視細節,而只看到了圖片的效果。但是也要去看概念稿,因為概念稿里有很多大膽的配色,創新的形式可能是線上作品中所缺乏的。

 

劃重點

好的設計要具備以下幾個特點:

  • 第一是具有視覺吸引力,首先要層級分明,具有一致性,并且有一些小特別;
  • 第二是細節處理到位,頁面具有品質感;
  • 第三是實用,比好看更加重要的是實用。

雖然我總結了幾點好的設計的特點,但是并不是說不具備這些特點的就完全不好。事實上很多作品都有我們可以學習的點。總結的不足的地方,還希望大家指正。我們一起學習吖。

 

參考引文:

優秀設計的評價標準

如何提升產品的品質感

 

原文地址:海鹽社(公眾號)

作者:?山竹屁

 

轉載請注明:辽宁35选7开奖哪个台 » 分辨好壞設計的三個套路

登錄收藏
 
你可能喜歡的:
圓角矩形背后的含義|深度解析圓角矩形背后的含義|深度解析
交互基礎——頁面加載方式交互基礎——頁面加載方式
一篇文章讀懂交互設計7大定律一篇文章讀懂交互設計7大定律
音頻 | 開屏頁設計,看這篇就夠了!音頻 | 開屏頁設計,看這篇就夠了!
【UI&UX案例分析】解密停車App(Pazi)的“前世今生”【UI&UX案例分析】解密停車App(Pazi)的“前世今生”
產品體驗設計-交互篇(一)產品體驗設計-交互篇(一)
PRD分享:「網易云音樂-評論??欏共沸棖笪牡?/span>
Material Design Environment Surfaces 界面Material Design Environment Surfaces 界面
Material Design Foundation overview 概述Material Design Foundation overview 概述
iOS13:交互上都有哪些更新?iOS13:交互上都有哪些更新?
?