2022-7-1 純純
字號大小對比是大家都知道最常見最容易的方法。重要的信息字號放大,次要的信息字號縮小。但一個界面里字號種類的數量不建議過多,否則會顯得凌亂,這時候就可以采用文字粗細對比、顏色對比等其他方法配合使用。
小tip:
1. 字號種類控制在3~5種,保持克制。
2. 文字顏色種類控制在2~3種,保持克制。
3. 字重通常2種就夠了,普通和加粗。
小tip:
1. 當背景為純色時,可以靠降低白色文本的不透明度來調整前景文字和背景之間的對比度。
2. 當背景帶有圖片或圖案時,半透明的文本會影響可讀性,需要根據背景色手動挑選適合的文本顏色。
投影在垂直方向設置一些偏移量,會使投影顯得更加自然。
由上而下光源偏見也叫做“上方照明偏愛(top-lighting preference)。大腦之所以會認為從上方照下來的光線更自然,是因為我們生活中始終有一個巨大的來自上方的光源:太陽,漫長的進化已經在我們腦中刻下了“由上而下光源”這樣一個強大的偏見。因此來自上方的光源照射會讓物體顯現的非常自然。
相反,來自下方的光源會讓物體看起來怪異不自然,設計師可以利用這個原理來制造一些恐怖怪異的氛圍。(題外話)
下圖來自名偵探柯南
當你需要分隔一些信息群組時,不要一直用描邊去分隔,過多的描邊會使界面顯得過于瑣碎凌亂。
增加組與組之間的間距,留白也是進行信息分隔的一種常見手法,不一定需要通過線框來分隔。
不知道大家有沒有發(fā)現,下圖藍色的說明文本看上去比藍色的按鈕更亮,但明明顏色色值是一樣的。右邊通過使用略深的藍色,神奇地解決了這個問題,視覺上更和諧統(tǒng)一。
米勒-萊爾錯覺:這個視覺現象表明,將一個V型記號放到線段兩端可能造成其顯得比實際更短或更長,長短取決于V型記號的朝向,這個經典的錯覺證明了人類感知錯誤。
左圖的膠囊型按鈕的邊緣給人向內收攏的感覺,雖然像素上和文字對齊了,但視覺上按鈕顯得偏右了。右圖通過將按鈕往左側微微移動來修正不對齊的錯覺。
亞馬遜的logo中,字母“a、m、o、n”同樣因為圓形的外緣,有向下收攏的感覺,因此需要微微上移,與字母“z”達到視覺效果上的平衡。
最經典的播放按鈕的案例:把一個三角形放在圓形中直接居中,會使它看起來居中位置不對。為了使三角形視覺居中,需要通過計算等邊三角形腰的中點與對角頂點連線的交點,來找出三角形的質點,這才是真正的中心(重心)。
作者:大秘密mimi 來源:站酷
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系。