數(shù)字金融
網(wǎng)絡(luò)營(yíng)銷推廣
電商服務(wù)
設(shè)計(jì)漂亮,易于使用且有效的UI設(shè)計(jì)需要花費(fèi)時(shí)間,在此期間需要進(jìn)行許多設(shè)計(jì)更改。需要進(jìn)行這些不斷的調(diào)整,以創(chuàng)建真正令客戶,用戶和他們自己滿意的東西。
這些年來(lái),小編注意到一些簡(jiǎn)單的方法可以調(diào)整設(shè)計(jì)的外觀。這些可以快速改善您要?jiǎng)?chuàng)建的視覺(jué)效果。
1. 更清楚地顯示元素
使用多個(gè)陰影或精美的邊框,可以使元素顯得越來(lái)越清晰。避免混淆陰影。
陰影可以有效地用來(lái)更清晰地顯示元素
2. 一種字體用于設(shè)計(jì)就足夠了
創(chuàng)建圖稿時(shí),僅使用一種字體就足夠了。使用一種字體可能會(huì)給您帶來(lái)更強(qiáng)大,更一致的結(jié)果。
忽略“始終使用兩種字體”。讓我們最小化。結(jié)合字體的重量,大小和顏色,將獲得令人滿意的結(jié)果。
結(jié)合字體粗細(xì),大小和顏色
3. 注意長(zhǎng)篇內(nèi)容的文字大小
對(duì)于長(zhǎng)格式的內(nèi)容(例如,博客文章,項(xiàng)目說(shuō)明等),請(qǐng)嘗試選擇20pt(或更大)的正文文本。
當(dāng)然,大小取決于您選擇的字體,但是最流行的字體在20pt時(shí)效果很好。當(dāng)用戶遇到充滿文字的頁(yè)面時(shí),可帶來(lái)絕佳的閱讀體驗(yàn)。以前的標(biāo)準(zhǔn)18pt很難閱讀。
選擇20pt(或更多)作為文本大小
4. 改善用戶的使用體驗(yàn)
在智能手機(jī)應(yīng)用程序上,將跳過(guò)鏈接放置在可以輕松點(diǎn)按跳過(guò)鏈接的位置,以便用戶可以隨時(shí)跳過(guò)啟動(dòng)順序。
按鈕位于易于點(diǎn)擊的位置
5. 使用陰影時(shí)要注意光源
陰影應(yīng)始終來(lái)自一種光源。這很簡(jiǎn)單,但經(jīng)常被忽略。
在我們生活的世界中,只有一處陽(yáng)光。
陰影應(yīng)始終來(lái)自一個(gè)光源
6. 改善文字和圖像之間的對(duì)比度
根據(jù)文本在圖像中的放置位置,您可以選擇覆蓋整個(gè)圖像還是精細(xì)的漸變覆蓋(從底部到頂部或從頂部到底部),以實(shí)現(xiàn)兩個(gè)元素之間的對(duì)比度。
疊加可改善文本和圖像的對(duì)比度
7. 使用適度對(duì)齊的文本
考慮將文本標(biāo)題和小詞組居中。否則,請(qǐng)保持其左對(duì)齊。
考慮中心對(duì)齊
8. 有效利用空白
空白,負(fù)數(shù),空白,您當(dāng)然知道。要注意適度使用。
只有少量的空白空間可以進(jìn)入設(shè)計(jì),并給它帶來(lái)更精致的印象。改進(jìn)設(shè)計(jì)的最快,最簡(jiǎn)單的方法之一。
留出空格可使其更易于點(diǎn)擊
9. 在淺色背景上加深文字
如果背景較淺,請(qǐng)盡量不要使文本太淺。看起來(lái)很酷,但是您要?jiǎng)?chuàng)建更智能,更易于訪問(wèn)的界面。
在淺色背景上,較暗的文字更易于查看
總結(jié)
1.更清楚地顯示元素
2.一種字體用于設(shè)計(jì)就足夠了
3.注意長(zhǎng)篇內(nèi)容的文字大小
4.改善用戶的使用體驗(yàn)
5.使用陰影時(shí)要注意光源
6.改善文字和圖像之間的對(duì)比度
7.使用適度對(duì)齊的文本
8.有效利用空白
9.在淺色背景上加深文字