• 勤學教育網合作機構>南京培訓學校>

    南京絲路教育

    歡迎您!

    分享

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

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

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

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

    2019-05-15|已幫助:20

    進入 >

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

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

    1.圖標
     

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

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

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

    2.按鈕
     

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

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

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

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

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

    3.垂直陰影
     

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

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

    4.文字
     

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

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

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

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

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

    (1)降低不透明度
     

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

    (2)調亮文字
     

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

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

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

    • 最新文章
    • 學校課程
    pk10计划软件免费版