如何快速提升 UI 設(shè)計(jì)的小技巧
發(fā)布時(shí)間:2021-12-17 08:51 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: 小劉2175 閱讀: 2537


1、以結(jié)果和目標(biāo)為導(dǎo)向來撰寫文案


第七波!快速提升 UI 設(shè)計(jì)效果的 6 個(gè)小技巧

撰寫文案的時(shí)候,始終以導(dǎo)向結(jié)果和目標(biāo)的方式來撰寫,在結(jié)構(gòu)上,盡量以指向目標(biāo)的關(guān)鍵詞置于文案靠前的部位,這種方式能夠幫助用戶盡量清晰快速地理解要做什么,減少發(fā)生錯(cuò)誤的可能性。


2、確保投影的光源方向是一致的


第七波!快速提升 UI 設(shè)計(jì)效果的 6 個(gè)小技巧

雖然投影在 UI 界面當(dāng)中是相對(duì)不那么顯著的元素,但是當(dāng)投影效果不統(tǒng)一的時(shí)候,也容易讓人感到迷惑。在投影的設(shè)計(jì)上,經(jīng)常出現(xiàn)的錯(cuò)誤之一就是不同元素的投影角度、方向、距離不一樣,盡量讓投影的方向角度是一致的,確保整體體驗(yàn)和視覺邏輯的統(tǒng)一。


3、多用清晰的留白來實(shí)現(xiàn)視覺層次結(jié)構(gòu)


第七波!快速提升 UI 設(shè)計(jì)效果的 6 個(gè)小技巧

清晰的留白是呈現(xiàn)視覺和排版層級(jí)的關(guān)鍵,將文本按照信息層級(jí)的重要程度進(jìn)行排布之后,根據(jù)相關(guān)度進(jìn)行分組,這個(gè)時(shí)候,留白就顯得非常重要了。組內(nèi)的文本保持接近,而不同的組之間的的留白要足夠多,確保呼吸感,但是不能距離太遠(yuǎn),否則不容易快速掃視閱讀。


4、為段落選擇合理的寬度


第七波!快速提升 UI 設(shè)計(jì)效果的 6 個(gè)小技巧

在處理閱讀的可讀性的時(shí)候,有很多講究,不僅行高和間距要平衡,也要控制段落的寬度來貼合用戶的閱讀習(xí)慣和節(jié)奏。

通常在西文為主的排版中,認(rèn)為每行 45 到 75 個(gè)字符是一個(gè)特別適合閱讀的寬度,這種限制讓每行不會(huì)太長,足以呈現(xiàn),但是也不會(huì)在掃讀過程中迷失。


5、在空狀態(tài)頁面中給用戶提示操作


第七波!快速提升 UI 設(shè)計(jì)效果的 6 個(gè)小技巧

空狀態(tài)是很多 UI 界面和流程的基礎(chǔ)組成部分,甚至很多時(shí)候就是初始狀態(tài)。空狀態(tài)是告訴用戶新功能、幫助用戶發(fā)現(xiàn)新功能的一個(gè)重要的渠道。不要讓用戶在空狀態(tài)下真的「空轉(zhuǎn)」,而是引導(dǎo)用戶去做有意義的事情。


6、根據(jù)文本的x高度來設(shè)置行高


第七波!快速提升 UI 設(shè)計(jì)效果的 6 個(gè)小技巧在西文當(dāng)中,小寫字母x的高度被稱為「x高度」,x高度決定了通常文本的視覺高度,基于文本的x高度來計(jì)算行高和行間距是最合理的基礎(chǔ)。x高度越大的字體,行高需要適當(dāng)調(diào)整得越高。在中文當(dāng)中通常不存在這樣的情況,不過中文當(dāng)中,行的寬度會(huì)影響到行高,通常每行字?jǐn)?shù)越多,行高需要相應(yīng)的更高一些,確保可讀性。

零基礎(chǔ)教你做UI
我要自學(xué)網(wǎng)商城 ¥50 元
進(jìn)入購買
文章評(píng)論
0 條評(píng)論 按熱度排序 按時(shí)間排序 /350
添加表情
遵守中華人民共和國的各項(xiàng)道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評(píng)論。
參與本評(píng)論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計(jì) 室內(nèi)設(shè)計(jì) 室外設(shè)計(jì) 機(jī)械設(shè)計(jì) 工業(yè)自動(dòng)化 影視動(dòng)畫 程序開發(fā) 網(wǎng)頁設(shè)計(jì) 會(huì)計(jì)課程 興趣成長 AIGC