提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
提升UI設(shè)計的小技巧,將會持續(xù)整理并更新
1.讓元素看起來更清晰
優(yōu)點:清楚分辨模塊與模塊之間的關(guān)系,看起來規(guī)整
方法:在模塊與模塊之間,元素與元素之間增加投影或邊框分割線
2.增加圓角細(xì)節(jié)
優(yōu)點:讓用戶感到親和力和舒適感
方法:在元素的邊緣增加投影或者邊框,邊框比投影暗一點,讓元素看起來更加清晰,避免拖泥帶水
3.只使用一個字體族做設(shè)計
優(yōu)點:頁面統(tǒng)一標(biāo)準(zhǔn)化
方法:使頁面更加統(tǒng)一和規(guī)整,通過字重、尺寸、顏色等來進(jìn)行調(diào)整
4.增加文字顏色傾向
優(yōu)點:更舒適的視覺效果,頁面整體更和諧
方法:通過字重、尺寸,顏色,來進(jìn)行對調(diào)整。在背景的顏色基礎(chǔ)上加深顏色值
5.縮小字母的間距
優(yōu)點:讓視覺整體看起來更加平衡,便于閱讀
方法:調(diào)整合適的字間距
6.確保使用的圖標(biāo)風(fēng)格一致
優(yōu)點:視覺統(tǒng)一,頁面美觀
方法:線性或面性,選其一,圓角度數(shù)、開口的大小等都要一致
7.長篇文本最好采用20pt字號浮動
優(yōu)點:易于閱讀,提高閱讀體驗
方法:設(shè)置20pt左右的字號,字體顏色不要過深或過淺
8.按照基本字號的大小的比例調(diào)整
優(yōu)點:定義一組文字的大小時,使用“字體比例(Type Scale)”來確保和諧,科學(xué)有效
方法:舉例以1.25為比例標(biāo)準(zhǔn),基本字號大小為18px,更大則乘以1.25即可,需要小的車除以1.25即可
9.提供可選的新用戶引導(dǎo)流程
優(yōu)點:來提升用戶體驗,方便新手操作
方法:首次安裝APP或進(jìn)入網(wǎng)站的時候,提供一個新用戶教程引導(dǎo)用戶熟悉產(chǎn)品和交互,不是每個用戶都有看完教程的必要,所以要增加“跳過”的選項,大屏?xí)r代,按鈕盡量在頁面的底部
10.陰影統(tǒng)一光源
優(yōu)點:統(tǒng)一的光源,增加頁面的一致性,反之會覺得頁面凌亂和奇怪
方法:統(tǒng)一90°或者125°等,根據(jù)自己的產(chǎn)品調(diào)整即可
根據(jù)其他好文章的闡述,精簡的提煉一下,以上分享這么多,會持續(xù)更新,記得關(guān)注~~
Powered by Froala Editor
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊