發(fā)布時間:2022-03-15 08:42:30來源:魔方格
在進行 UI 設(shè)計的時候,很多小技巧能夠恰到好處地提升界面的設(shè)計視覺效果、用戶體驗。在創(chuàng)建實用、可訪問性良好且視覺效果頗為出彩的 UI 界面的時候,我們大多只需要進行有限度的微調(diào),即可達到頗為不錯的效果。這篇文章繼續(xù)增加幾條實用的建議,一起來看看吧!
UI設(shè)計效果提升小技巧
1. 少用點色彩一樣可以讓視覺充滿凝聚力
如果你的設(shè)計項目可以讓你在顏色選擇方面有更多的自由,不要總是傾向于用花哨的彩虹色來包裝它。
如果你沿著彩虹系的配色走下去,你可能會很快發(fā)現(xiàn)你所選取的色彩總會在視覺上顯得不那么協(xié)調(diào)。
實際上,你只需要基礎(chǔ)的色彩,然后基于這個顏色,借助微調(diào)明度和飽和度來拓展配色方案,就能夠得到更加均勻、更加具有凝聚力和專業(yè)感的外觀了,不需要閃亮的彩虹色和復(fù)雜的配色技巧,同樣能夠拿出好設(shè)計。
當(dāng)然,基于基礎(chǔ)的顏色搭建出配色。
2.抓住用戶的注意力的技巧
UI 可以是干凈簡約又直觀的,但可用性和易用性更重要,不能以犧牲用戶體驗為代價。對于關(guān)鍵信息,UI元素需要有足夠的對比度,以抓住用戶的注意力。
對于像選項菜單這樣簡單的東西,請確保用戶在瀏覽的時候,能立刻注意到所選的項目。
相比于小巧的選框,使用彩色的背景來進行區(qū)分,會更加直覺,也更容易被用戶所識別出來。
3. 使用細(xì)文本的時候加深顏色
當(dāng)涉及到長篇文本內(nèi)容的時候,如果字體是普通粗細(xì),使用可讀性有所保障的某種灰色是目前多數(shù)設(shè)計師的選擇,它相比于黑色更加優(yōu)雅,不會顯得對比過于強烈導(dǎo)致視覺感知上的突兀。但是當(dāng)字體文本非常細(xì)的時候,灰色的可讀性可能就存在問題了。
這個時候,可以通過使文本變暗,讓盡可能多的用戶在閱讀的時候不會出現(xiàn)可用性的問題。
4. 讓界面上較重要的元素更加突出
在做 UI 設(shè)計的時候,你總會希望用戶的眼睛每次都能、地被關(guān)鍵的元素所吸引,并且只需付出較少的認(rèn)知努力,不會覺得費勁。
通過控制 字體大小、字重、顏色和布局等視覺層次,您可以輕松突出較重要的元素:重要的元素字體更大、字重更粗、顏色有差異、在排版的時候更加突出。
5. 打消用戶的顧慮,讓用戶放心點擊下一步
當(dāng)用戶在 UI 中需要進行重要操作的時候,尤其是面對某些帶有號召性用語的按鈕,請確保用戶對于當(dāng)前的局面有充分的了解,不會對接下來可能發(fā)生的事情一無所知。對于一些常見的、可能普遍存在于用戶內(nèi)心的顧慮,一定要提前考慮到,并提供說明。
改善用戶體驗的每一步,都不要讓用戶在交互的歷程中的任何環(huán)節(jié)產(chǎn)生質(zhì)疑。
6. 請對 CTA 元素的設(shè)計「更自私」一點
引導(dǎo)用戶行為的 CTA 按鈕必須是屏幕上較關(guān)鍵的元素之一,它理應(yīng)得到較高的視覺優(yōu)先級,換句話說,就是應(yīng)該盡可能「自私」一點,將較吸引人注意力的顏色分配給它,讓用戶不會將它和其他的 UI 控件在優(yōu)先級上出現(xiàn)混淆。
當(dāng)然,你也可以在尺寸、形狀等方面更進一步設(shè)計,但 CTA 按鈕應(yīng)該保持一種突出的顏色,僅此一項,就可以規(guī)避掉絕大部分的問題。