<rt id="sxvx2"></rt>

        <s id="sxvx2"></s>

          1. <rt id="sxvx2"></rt>
          2. 更多課程 選擇中心


            UI培訓

            400-111-8989

            UI設計師該如何合理運用色彩

            • 發布:UI培訓
            • 來源:UI職場
            • 時間:2021-01-27 17:14

            今天小編要跟大家分享的文章是關于UI設計師該如何合理運用色彩?在UI設計中甚至眾多設計行業,合理的運用色彩,是每個設計師都應該具備的技能,尤其是咱們UI設計師,UI設計多以屏幕的方式傳達給“眼睛”,而屏幕的優勢便在于色彩的表現。

            首先,色彩是非常直接的視覺交流,它可以快速的吸引我們的注意力,讓我們的大腦高速的解讀和分析所接收到的信息,在UI設計中,合理的色彩搭配具有非常重要的作用,一個優秀的UI色彩搭配方案可以整合界面的架構、劃分視覺層級關系、體現產品風格與定位,既然色彩在UI設計中這么重要,下面我們就基礎的了解一下它吧~

            色彩:色彩是能引起我們共同的審美情感最為敏感的形式要素(劃重點)

            理性角度:人類通過肉眼看到物體反射光線后的波長的表現。

            感性角度:人類看到不同的色彩,會產生不同的心理感受。

            提到色彩,我們不得不說一下它的三要素:

            一、色相+飽和度+明度

            色相:也稱色調,通俗來講就是色彩的相貌,色相是有彩色的最大特征。所謂色相是指能夠比較確切地表示某種顏色色別的名稱。如玫瑰紅、桔黃、檸檬黃、鈷藍、群青、翠綠……從光學物理上講,各種色相是由射入人眼的光線的光譜成分決定的。

            對于單色光來說,色相的面貌完全取決于該光線的波長;對于混合色光來說,則取決于各種波長光線的相對量。物體的顏色是由光源的光譜成分和物體表面反射(或透射)的特性決定的。

            UI設計師該如何合理運用色彩

            飽和度:也稱純度,色彩的飽和度是指色彩的純凈程度,它表示顏色中所含有色成分的比例。含有色彩成分的比例愈大,則色彩的純度愈高,含有色成分的比例愈小,則色彩的純度也愈低??梢姽庾V的各種單色光是最純的顏色,為極限純度。

            當一種顏色參入黑、白或其他彩色時,純度就產生變化。當參入的色達到很大的比例時,在眼睛看來,原來的顏色將失去本來的光彩,而變成摻和的顏色了。當然這并不等于說在這種被摻和的顏色里已經不存在原來的色素,而是由于大量的參入其他彩色而使得原來的色素被同化,人的眼睛已經無法感覺出來了。

            UI設計師該如何合理運用色彩

            明度:明度是指色彩的明亮程度。各種有色物體由于它們的反射光量的區別而產生顏色的明暗強弱。色彩的明度有兩種情況:

            一是,同一色相不同明度。如同一顏色在強光照射下顯得明亮,弱光照射下顯得較灰暗模糊;同一顏色加黑或加白摻和以后也能產生各種不同的明暗層次。

            二是各種顏色的不同明度。每一種純色都有與其相應的明度。黃色明度最高,藍紫色明 度最低,紅、綠色為中間明度。色彩的明度變化往往會影響到純度,如紅色加入黑色以后明度降低了,同時純度也降低了;如果紅色加白則明度提高了,純度卻降低了。 色彩的色相、飽和度和明度三要素是不可分割的,應用時必須同時考慮這三點。

            UI設計師該如何合理運用色彩

            二、色彩搭配的基本組合

            接下來我們聊聊基于色輪我們可以得到的基本色彩組合。

            1、互補色:互補色是指色輪上那些呈180°角的顏色。比如藍色和橙色、紅色和綠色、黃色和紫色等?;パa色有非常強烈的對比度,在顏色飽和度很高的情況下,可以創建很多十分震撼的視覺效果。

            2、相似色:相似色是指在色輪上相鄰的三個顏色。相似色是選擇相近顏色時十分不錯的方法,可以在同一個色調中制造豐富的質感和層次。一些很好的色彩組合有:藍綠色、藍色和藍紫色;還有黃綠色、黃色和橘黃色。

            3、三角色:三角色也是一組顏色。是通過在色環上創建一個等邊三角形來取出的一組顏色,可以讓作品的顏色很豐富。在下面的例子中,紫色和橙色和綠色就可以形成十分強烈的對比。

            4、分散互補色:分散的互補色和互補色的區別在于分散的互補色并不是取目標顏色正對面的顏色。黃色的互補色應該是紫色,但是我們取紫色旁邊的兩個顏色——紫紅色和藍紫色。這樣子不僅可以有一個強烈的對比度,而且還可以讓顏色更豐富。

            5、四方補色:四方補色和四方色的差別在于四方補色采用的是一個矩形。通過一組互補色兩旁的顏色建立的色彩組合。如下圖中的互補色紅色和綠色,分別選用他們兩旁的顏色來建立矩形,最終取得紅色、橙色、綠色和藍色。

            6、四方色:四方色是在色輪上畫一個正方形,取四個角的顏色。在下面的例子中是:紅色、橙黃色、綠色和藍紫色。這個顏色真的超棒,不信可以自己用用感受一下,尤其是使用其中一個顏色作為主色,其他的三個顏色作為輔助色的時候。

            UI設計師該如何合理運用色彩

            三、色彩會說話

            當然,我們還要知道,色彩的表現能力,不同的色彩會表達不同的情感表現,但不能歸于死板的去理解這些顏色,因為不同國家,不同社會、人文環境對色彩的接納程度也是不同的,如漂亮的紅色,紅色在中國文化中更多的是象征吉祥、喜慶、紅火等積極意義,而在大多西方國家中紅色是暴力、血腥的象征,具有一定的負面意義.

            當然色彩的表現在不同的年齡段也扮演著不同的角色,所以當我們設計UI產品的時候,一定要針對受眾人群做好合理的色彩搭配~

            UI設計師該如何合理運用色彩

            那么了解了色彩的基本使用技巧后,那么,在UI設計中,我們該如何去運用色彩搭配呢?下面像素妹兒就帶大家了解一下“631”原則,“631”原則是一種簡單易懂,比較常用的色彩搭配技巧,所謂“631”即為六成空間用主色、三成空間輔色、一成空間點綴色,這是一個極佳的色彩配比方案,它的優勢在于可以讓眼睛從一個焦點舒服的移到另一個焦點.不過,達到色彩平衡才是真正意義上的色彩搭配,成熟的色彩搭配方案是通過長期的視覺經驗積累下來的,所以,色彩的學習也是一步一步成長起來的哈~

            UI設計師該如何合理運用色彩

            CSSDA網站設計獎官網-截屏 

            UI設計師該如何合理運用色彩

             優秀的色彩搭配,是需要長期的設計經驗為基礎的,那么對于“新手上路”的設計師來說,想要把色彩用好,還是具有一定難度的,下面像為大家安利幾款色彩配色的網站~

            1、https://coolors.co/進入網站后,每按一次空格鍵都可以隨機生成配色方案,盡情享受隨機的樂趣。也可以固定主色調后隨機生成輔助配色,網站還有上千種現成的配色方案,供你參考。

            UI設計師該如何合理運用色彩

            2、https://webgradients.com/

            一款漸變色網站,簡單而強大的WebGradients包含180個可愛的草圖,PSD,CSS和PNG格式的新鮮背景漸變。當你需要在項目中添加漸變時,WebGradients將以平穩,方便和鼓舞人心的方式節省您寶貴的時間。

            UI設計師該如何合理運用色彩

            3、https://colorhunt.co/Colorhunt是一個非常簡介的配色網站,你可以在頁面上查看那些預設的配色,找到你滿意的方案。也可以選擇查看當前流行和最受歡迎的一些配色方案,你只需要點擊顏色代碼就可以運用到您的設計當中。

            UI設計師該如何合理運用色彩

            4、https://color.adobe.comAdobe公司的配色工具,可以上傳圖片分析配色,也能自己通過色輪搭配配色方案。單色配色、類比配色、互補色配色、三色配色、復合配色等等。它可以在網頁端使用,也有桌面本地版本。如果你使用的是桌面版本,可以把配色方案直接導入到Photoshop里使用。

            UI設計師該如何合理運用色彩

            以上就是小編今天為大家分享的關于UI設計師該如何合理運用色彩的文章,希望本篇文章能夠對正在從事UI設計功能工作的小伙伴們有所幫助,想要了解更多UI設計相關知識記得關注達內UI培訓官網,最后祝愿小伙伴們工作順利成為一名優秀的UI設計師。

            文章來源: 新像素UI教育*版權聲明:轉載文章和圖片均來自公開網絡,版權歸作者本人所有,推送文章除非無法確認,我們都會注明作者和來源。如果出處有誤或侵犯到原作者權益,請與我們聯系刪除或授權事宜。

            預約申請免費試聽課

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

            上一篇:美工和設計師的差別有哪些
            下一篇:沒有美術基礎可以學習UI設計嗎?

            UI設計師面試怎么回答才更容易拿到offer

            UI設計師面試如何獲得高薪

            從平面設計培訓班出來好找工作嗎

            UI設計師面試遇到的問題有哪些?

            • 掃碼領取資料

              回復關鍵字:視頻資料

              免費領取 達內課程視頻學習資料

            • 視頻學習QQ群

              添加QQ群:1143617948

              免費領取達內課程視頻學習資料

            Copyright ? 2021 Tedu.cn All Rights Reserved 京ICP備08000853號-56 京公網安備 11010802029508號 達內時代科技集團有限公司 版權所有

            選擇城市和中心
            貴州省

            廣西省

            海南省

            在线播放人成视频观看