1987年美国彩票大奖|承德彩票大奖

分享

全國統一學習專線 8:30-21:00
南京絲路教育
選擇絲路教育,掌握前沿技能,夢想一觸即發
六大課程體系培養學生成為適應社會的實用人才
著眼實用,業內資深名師、全程實戰演練、名企就業直通車,拒絕花哨、吹噓
課程導航
建筑表現 室內設計 UI設計 VR游戲 BIM培訓
更多

位置: 平面設計學習網>UI設計師如何提升畫面層次感

UI設計師如何提升畫面層次感

南京絲路教育logo
來源:南京絲路教育

2019-05-15|已幫助:43

進入 >

設計中的排版的常見的雷區,就是過分依賴字體的大小來區分層級關系,但往往這樣子,畫面的效果并不突出,今天小編主要給大家分享UI設計師如何提升畫面層次感,希望對你們有幫助!
 

UI設計師如何提升畫面層次感
 

1.圖標
 

如果你要設計一些大圖標,可以嘗試給圖標添加一個背景色,縮小圖標的大小,使用背景色使圖標看起來更大,并豐富原來單調的圖標。
 

注意:這種做法常用通常是功能性比較大的圖標時候使用,但如果一些常用界面設計上,盡量然圖標看起來小一點,彩色統一一點,并且最好是不要有彩色,因為有彩色的圖標可能會影響用戶的判斷。
 

圖標樣式必須是統一的,如果用線性,就用線性,使用側,用面性,就都用面性。
 

2.按鈕
 

當用戶可以在一個頁面上執行多個操作時,需要在界面上添加一些引導性設計,即希望用戶操作的按鈕高亮起來,不希望用戶操作的弱化下去即可,這樣可以激發用戶的點擊欲。
 

控件設計是一個非常重要的部分,有一個常見的重要維度:層次結構。
 

最希望用戶按的:高亮,應該與背景形成強烈的對比度。
 

次重要的:應該設計清楚,但不需要突出,使用輪廓樣式較低對比度的背景色色更好的選擇。
 

三級控件:應該是可以讓用戶控件,但并不需要引人注目。
 

3.垂直陰影
 

當我們制作卡片需要做投影效果時,我們不會使用更大的模糊來使框架陰影更明顯,而是讓淡淡的投影垂直偏移。
 

這種效果似乎更自然一些,因為這種做法模擬的是一種真正的光效應,從上面照耀,就像太陽從頂部照下來一樣,所以效果更真實、更自然。
 

4.文字
 

當灰色文字放置在白色背景上時,效果是好的,但如果將灰色文字放置在彩色背景上的話,效果就不令人滿意。
 

這是因為在白色背景中添加灰色會降低對比度,從而畫面看起來更簡潔、更干凈。
 

但如果將灰色文字放在彩色背景上,視覺感官就不會那么明亮,畫面看起來不干凈,有點臟的樣子。
 

應盡量使文字更接近背景的彩色,這更有利于創建畫面的層級關系,而不是將灰色文字直接放置在彩色背景上。
 

當我們使用彩色背景時,可以嘗試以下兩種方法:
 

(1)降低不透明度
 

使用白色文字,然后稍微降低白色文字的不透明度,這樣子可以稍微把彩色的背景透人白色文字,這種做法可以有效的讓文字很好的與背景看起來更協調。
 

(2)調亮文字
 

當背景是彩色的或淡淡的低溫的時候,如果只是降低白色文字的不透明度,將使文字變得有點蒼白無力。
 

我們可以嘗試將文字的彩色更改為與背景彩色相同的顏色,然后調整文字的飽和度和亮度。
 

以上就是南京UI培訓小編為您整理UI設計師如何提升畫面層次感的全部內容,更多精彩請進入平面設計學習網欄目查看

  • 最新文章
  • 學校課程
1987年美国彩票大奖