亚洲AV免费看深爱成人|日韩av另类一级特黄片在线|中国免费一级黄片|国产av一二三区|亚洲有码AV在线|久久亚洲国产日韩欧美|成人免费AV网站|婷婷一区综合一区|亚洲AV无码导航|高级欧美成人网站

8個易于實踐的UI設計技巧

發(fā)布時間:2023-12-01 22:49:05 瀏覽量:207次

創(chuàng)建美觀、可用和高效的UI界面需要花費時間,同時還需要來回多次的設計修改。不斷地調(diào)整,最終產(chǎn)出令客戶、用戶和自己真正滿意的東西。

其實通過一些簡單的調(diào)整,可以快速改善UI設計。在這里,總結了一些易于實踐的小技巧,這些技巧可以毫不費力地幫助設計師改善設計,并為以后的設計實踐提供有用的指導。

1. 如果文本看起來很沉重,將顏色變淺

當涉及長篇內(nèi)容時,大面積的深色粗體字會給人一種沉重感,而且很跳躍。

通過選擇類似深灰色(#4F4F4F)這樣的顏色可以很容易地解決這個問題,使文字更容易被識別。

2. 字體越小,行高越大

當字體變小時,增大行高可以獲得更好的可讀性和易讀性。

這里介紹兩個容易被混淆的概念——行高和行間距

  • 英文的行高是指上一行的基線到下一行基線之間的距離;
  • 行間距指的是兩行字體之間的距離,也就是上一行的下限線與下一行的上限線之間的距離。

3. 選擇一種基礎色,再調(diào)整色調(diào)和顏色深淺來增加均勻性

設計時不必總是用多種顏色來填充設計。如果項目允許,只需使用固定的色板,通過選擇基礎色,然后調(diào)整色調(diào)和顏色深淺,利用這種簡單的方式為設計增加一致性。

4. 突出最重要的因素

通過結合使用字體大小、權重和顏色,可以輕松突出UI中最重要的元素。進行簡單的調(diào)整即可使用戶體驗更好。

5. 為了保持一致性,請確保圖標具有相同的視覺樣式

在設計UI圖標時,要保持一致。確保它們具有相同的視覺樣式,相同的比重、填充或輪廓。

圖標通過視覺手段為用戶提供必要的信息,所以保證功能相同的圖標元素一致,外觀視覺一致。

6. 始終將“行為召喚”放在屏幕上最突出的位置

通過使用顏色對比、尺寸和標簽,確保“行動要求”盡可能突出。如果可以的話,不要總依賴圖標。也可以使用文本標簽,以便用戶能更好地理解。

注:行為召喚(Call To Action): 透過設計讓用戶想到要做某種行為,例如提示用戶去觸發(fā)按鈕、文本或圖片。

7. 為表單錯誤添加額外的視覺反饋

填寫任何形式的表單時,在用戶剛進行的操作旁邊及時出現(xiàn)一條錯誤反饋,是一個簡單但有用的額外視覺輔助。

8. 突出顯示菜單中最常用的操作

在設計要在產(chǎn)品內(nèi)部使用的菜單時,請確保在屏幕上突出顯示最常用的操作(如上傳圖像、添加文件等)。

文章翻譯已獲得作者的正式授權。

原文:
https://www.smashingmagazine.com/2020/04/wireframe-design-success/

作者:Anton Suprunenko

譯者:Clippp,微信公眾號:Clip設計夾。每周精選設計文章,專注分享關于產(chǎn)品、交互、視覺上的設計思考。

本文由 @Clippp 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉載。

題圖來自Unsplash,基于CC0協(xié)議

熱門課程推薦

熱門資訊

請綁定手機號

x

同學您好!

您已成功報名0元試學活動,老師會在第一時間與您取得聯(lián)系,請保持電話暢通!
確定