在互聯(lián)網(wǎng)產(chǎn)品日趨成熟的今天,你會發(fā)現(xiàn)所有的App越來越像,似乎是同一套模版設(shè)計出來的產(chǎn)品。而這種普適化的設(shè)計會導(dǎo)致同質(zhì)化嚴(yán)重,使得設(shè)計不精致,產(chǎn)品沒有氣質(zhì)和品牌感。一個App設(shè)計是否精致,是否富有設(shè)計感,在于它的細(xì)節(jié),這就意味著我們在進(jìn)行設(shè)計的時候,要從細(xì)微之處著手,從多方面去鉆研如何創(chuàng)造出打動人心的UI設(shè)計。本節(jié)總結(jié)了5個簡單直觀的提升設(shè)計感的小細(xì)節(jié),一起來學(xué)習(xí)。
1.使用顏色深淺構(gòu)建層次結(jié)構(gòu)
在對UI文本進(jìn)行樣式控制的時候,最常見的錯誤莫過于過度依賴字體大小差異來營造對比。單純使用字體大小對比,所營造的對比并不夠,嘗試結(jié)合色彩和字重來營造更好的對比效果。
2.統(tǒng)一色調(diào)
選擇一種基礎(chǔ)色,再調(diào)整色調(diào)和顏色深淺來增加均衡。設(shè)計時避免用過多的顏色。如果項目允許,只需使用固定的色板,通過調(diào)整基礎(chǔ)色的飽和度和明度,利用這種簡單的方式為設(shè)計增加一致性。
3.干凈的陰影
陰影是UI設(shè)計中最常見的視覺表現(xiàn)手法,它可以增加元素的深度,使其從背景中脫穎而出,引起用戶的注意力,同時也能增強畫面的視覺層次感。相比于采用大范圍的擴散模糊陰影,使用微妙的垂直偏移陰影效果更明顯,更自然,它模擬了最常見的光源特征,光線從上往下照下來所營造的陰影效果。
4.個性的圖標(biāo)設(shè)計
合格的設(shè)計師能夠繪制風(fēng)格統(tǒng)一的圖標(biāo),而優(yōu)秀的設(shè)計師能夠創(chuàng)造風(fēng)格獨特的圖標(biāo)。我們能否在追求大小一致,圓角一致,線寬一致和配色一致的同時,為它的視覺表現(xiàn)力加入更多的創(chuàng)意呢?
5.無框設(shè)計去繁從簡
在UI設(shè)計中,有許多的裝飾元素,如卡片的邊框、列表的分割線等,雖然邊框,分割線是分隔兩個元素的好辦法,但是它不是唯 一的方法,使用過多會讓整個布局的設(shè)計感降低,或多或少都會干擾用戶瀏覽的視線,讓信息內(nèi)容失去注意力,因此可以減少不必要的裝飾元素。