• 選課報班>>

    您現在所在的位置:主頁 > 上元設計 > UI設計 >

    鎮江UI設計_漸變使用指南,如何創造令人難忘的

    來源:上元教育
    發布時間:2022-06-23
    在很長一段時間中,在設計中使用漸變是一大禁忌,老師在教學中總是告訴學生不要使用漸變,因為漸變色很難在印刷品中顯示。但是現在,漸變已經成為一種流行趨勢,我們打開 dribbble 和 behance,可以看到很多使用漸變的設計作品,在本文中,我們就來談談漸變的使用技巧。
     
      相比純色設計,漸變有哪些好處
     
      在 2014 年以后,UI 設計的風格開始從擬物化轉到扁平化,谷歌發布了 Material Design,蘋果發布了 iOS 7,設計師們開始嘗試用扁平的純色做設計。但是純色的設計有一個弊端,就是可以使用的顏色很少,設計師的創意受到了束縛,同質化比較嚴重。
     
      2014 年非常流行的純色長投影設計,當時的漸變設計很少
     
      在扁平化設計流行多年以后,純色慢慢不能滿足設計師的需求了,大家開始使用漸變,相比純色而言,漸變主要有兩大好處:
     
      1.漸變可以創造更有表現力的畫面,獲得更多的創作自由。
     
      通過將兩種或多種顏色混合,漸變為無限的可能性打開了大門,設計師可以創造出更個性和令人難忘的視覺設計。
     
      Ghani Pradita 設計的網頁使用了豐富的漸變,多彩的畫面有很強的感染力
     
      2.漸變可以引導用戶視線。
     
      設計師通過一些技巧,在使用漸變的時候可以將用戶的目光巧妙地引導到視覺焦點上,吸引用戶的注意力。
     
      Mixpanel 使用漸變來突出顯示插圖,由深到淺的漸變背景將用戶的注意力引導到插圖上
     
      3.突出的漸變可以成為畫面中的視覺中心。
     
      尤其是在黑色的背景中,使用漸變經常能達到令人驚訝的效果,它能模擬光在黑暗中的效果,成為畫面的視覺中心。
     
      黑暗中的漸變經常能做出非常棒的光感,成為視覺中心
     
      使用漸變的一些技巧
     
      1.不要使用對比很強的顏色
     
      不是所有的顏色都能很好得組合在一起。如果使用互補色組成漸變,對比度太強,通常情況下效果都很臟。
     
      這是紅色和綠色在一起時的效果,作為互補色它們組成的漸變效果很差
     
      使用相近的顏色創造的漸變很和諧,下圖為使用青色藍色和紫色創造的漸變。
     
      2.上淺下深的漸變可以模擬物體
     
      經過力力的觀察,上淺下深的漸變可以模擬現實生活中物體被光照射的景象(比如卡片)
     
      在一些理財應用中,經常用上淺下深的漸變來模擬卡片
     
      3.上深下淺的漸變適合做背景
     
      生活是設計的導師,不知道大家仔細觀察過天空沒有,天空的顏色從上到下一般是從深藍色過度到淺藍色的,天空在我們的生活中一直扮演了背景的角色,因此在設計中設計師也經常用上深下淺的漸變作為背景,可以很好得引導用戶的視線向下看。
     
      天空的漸變
     
      在 UI 設計中,背景經常使用上深下淺的漸變,就像天空一樣,把用戶的目光引導到下方的內容中
     
      4.高級的漸變必須有色相的變化
     
      即使是很微妙的漸變,比如從深藍過度到淺藍,也不能無腦得選取同一個藍色。我們觀察上一幅圖片,在背景從深藍往下變淺時,色相也從藍色過度到了紫色。這是一個非常重要的技巧,同一個色相下的漸變變化太平淡了,即使是最微小的漸變,也一定要有一些色相的變化。

    價值千元線下試聽課 限時預約中

    忘忧草社区在线www手机_五月婷婷开心中文字幕_阿娇与冠希13分钟无删减视频