UI設(shè)計(jì)作品關(guān)注以下維度
UI層:空間布局帘不、圖標(biāo)細(xì)節(jié)、色彩使用杨箭、圖片素材寞焙;
UE層:產(chǎn)品策略、用戶(hù)體驗(yàn)互婿、交互設(shè)計(jì)捣郊、動(dòng)效延伸;
好的卡片模塊需要包含以下幾點(diǎn):
1.淺灰色的背景色
2.合適的投影(不過(guò)輕慈参,也不過(guò)重)
3.合適的留白呛牲,和以圖片為主的視覺(jué)
總結(jié):
1.純文本層也需要突顯視覺(jué)層次,從細(xì)節(jié)做起
2.在亮色系背景上我們建議用面型驮配,而暗色系背景上娘扩,建議用線(xiàn)性
3.UI架構(gòu)以扁平為設(shè)計(jì)原則,局部圖標(biāo)可采用微寫(xiě)實(shí)僧凤,突出質(zhì)感
4.一些適合英文展現(xiàn)的字體:1.Lato 2.Dosis 3.Din pro-light(適合數(shù)字展現(xiàn))
5.UI要考慮用戶(hù)閱讀界面的視覺(jué)引導(dǎo)性畜侦,重點(diǎn)模塊要使用設(shè)計(jì)手法來(lái)引導(dǎo)用戶(hù)閱讀;
6.Material Design懸浮按鈕的精髓在于:微漸變+合適的彌散投影+有呼吸感的白色圖標(biāo)躯保;
7.ICON 視覺(jué)大小統(tǒng)一旋膳、圖標(biāo)趣味性、辨識(shí)度
常用的趣味性tab處理方式:
1.選中圖標(biāo)途事,微高光點(diǎn)綴(羽化穿白色的圓验懊,降低透明度)
2.tab板塊有顏色區(qū)分
3.圖標(biāo)的處理,斷點(diǎn)尸变、線(xiàn)條統(tǒng)一粗細(xì)
4.微小動(dòng)效义图,點(diǎn)擊圖標(biāo)后,可采用果凍放大抖動(dòng)增加趣味體驗(yàn)