旗下產(chǎn)業(yè): A產(chǎn)業(yè)/?A實習/?A計劃
全國統(tǒng)一咨詢熱線:010-5367 2995
首頁 > 熱門文章 > UI設(shè)計 > UI設(shè)計中高級感怎么做

UI設(shè)計中高級感怎么做

時間:2020-12-02來源:lb577.com點擊量:作者:Gella
時間:2020-12-02點擊量:作者:Gella
  對于UI設(shè)計師而言,總會聽到老板和客戶提“高級感”這個詞,想要設(shè)計出更優(yōu)秀的效果,如何才能提升“高級感”?

  今天AAA教育周老師總結(jié)了幾個簡單直觀改善網(wǎng)頁視覺效果且能提升高級感的小技巧。年輕人,你可以不講武德隨便用!

UI設(shè)計中高級感怎么做
 
  1 保持字體一致

  在設(shè)計中盡量減少字體變化,這樣可以使頁面整體效果看上去更為一致和簡潔??梢允褂猛蛔煮w的不同字號和字重進行內(nèi)容的區(qū)別。

UI設(shè)計中高級感怎么做
 
  2改善圖文的對比度

  適當調(diào)整圖文之間的對比度,根據(jù)文本在圖像上的位置,可以選擇有輕微變化的漸變疊加層(比如從上到下或從下到上的漸變),用來加強圖文對比。

UI設(shè)計中高級感怎么做
 
  3盡可能多的提示時間進度

  對于下載、加載、運算等一系列需要用戶等待的操作,盡可能多的給予充分的提示,可以使用進度條 + 百分比數(shù)字 + icon進行顯示,緩解用戶因等待產(chǎn)生的焦慮情緒。

UI設(shè)計中高級感怎么做
 
  4頁面統(tǒng)一光源

  統(tǒng)一光源會使頁面看上去更整體,不統(tǒng)一的光源陰影看上去是一個小問題,卻很容易引起用戶的注意。

UI設(shè)計中高級感怎么做
 
  5 背景顏色與主體一致

  圖片背景的顏色可以從圖片中的主體物上進行選擇,能使圖片色調(diào)更加和諧,并使頁面更有活力。

UI設(shè)計中高級感怎么做
 
  6 增大功能鍵的有效面積

  對于功能按鍵,盡可能的增大可視面積和點擊面積,標簽可以嘗試添加icon,帶有icon的標簽會比純文本標簽更易引起用戶注意,更易被點擊。

UI設(shè)計中高級感怎么做
 
  7 合理選擇文本的對齊方式

  標題、小段的文字通常使用居中對齊,而在大面積的長篇文本上使用左對齊。

UI設(shè)計中高級感怎么做
 
  8 使用色彩和字重來創(chuàng)造層次結(jié)構(gòu)

  使用色彩和字重來創(chuàng)造層次結(jié)構(gòu),而不是單純的大小對比。

  在對UI 文本進行樣式控制的時候,最常見的錯誤莫過于過度依賴字體大小差異來營造對比。

  如果可以的話,你甚至可以采用兩到三種顏色:

  主要內(nèi)容采用深色(諸如標題,但是不要用純黑)

  次要內(nèi)容采用灰色(比如文章發(fā)表日期)

  輔助性內(nèi)容采用淺灰色(比如頁腳中的版權(quán)聲明)

UI設(shè)計中高級感怎么做
 
  9 按鈕色彩凸顯重要性

  在給用戶提供多個選擇的時候,可以通過色彩所傳遞的情緒是積極還是消極的,來簡單快速地進行設(shè)計。

UI設(shè)計中高級感怎么做
 
  10 用字重和明暗來區(qū)分層級

  尤其是在構(gòu)建文本內(nèi)容的視覺層級的時候,可用到的屬性很多,只使用大小差異來構(gòu)建就顯得過于單一了。

  在很多時候,可以借助色彩、字重、明暗來進行區(qū)分。我們可以讓更重要的文本更大、字體更粗、色彩更加鮮明,或者使用更深的黑色來呈現(xiàn)。

UI設(shè)計中高級感怎么做
 

預約申請免費試聽課

填寫下面表單即可預約申請免費試聽!怕錢不夠?可先就業(yè)掙錢后再付學費! 怕學不會?助教全程陪讀,隨時解惑!擔心就業(yè)?一地學習,可推薦就業(yè)!

?2007-2021/北京漫動者教育科技有限公司版權(quán)所有
備案號:京ICP備12034770號

?2007-2022/ lb577.com 北京漫動者數(shù)字科技有限公司 備案號: 京ICP備12034770號 監(jiān)督電話:010-53672995 郵箱:bjaaa@aaaedu.cc

京公網(wǎng)安備 11010802035704號

網(wǎng)站地圖