UI設計之色彩原理

2020-12-04 古鎮小丁

想要做出好看的UI設計作品,不僅需要對軟體相當熟悉,會排版,會配色,懂點設計心理學也是非常重要的。以下是一些色彩類的知識乾貨,可謂與我們平時的設計配色息息相關。

1、三原色光模式RGB

三原色指色彩中不能再分解的三種基本顏色,我們通常說的三原色,即品紅、黃、青(是青不是藍,藍是品紅和青混合的顏色)。三原色可以混合出所有的顏色,同時相加為黑色,黑白灰屬於無色系。

2、印刷三原色CMY(K)

印刷的顏色,實際上都是看到的紙張反射的光線,比如我們在畫畫的時候調顏色,也要用這種組合。顏料是吸收光線,不是光線的疊加,因此顏料的三原色就是能夠吸收RGB的顏色,為青、品紅、黃(CMY),他們就是RGB的補色。

3、繪畫三原色 紅、黃、藍

這一個三原色如果不去畫室的話我們可能用不上。

<相對於色盤而言>

互補色:相加為三原色=白色

對比色:120°左右的顏色

鄰近色:互相接近的顏色

什麼叫互補色?

根據之前光學三原色而來,三種顏色才能拼成白色,那麼哪種合成色少了另一種可構成白色的顏色,就為互補色。

互補色cp:紫色----黃色,紅色----綠色,藍色----橙色

鄰近色:綠色----黃色

如果不是專業的美術生,即使知道了這麼多關於顏色的原理,但是不見得就能馬上學會配色,

平時還是要多看一些國內外的優秀作品,不斷提高自己的審美,多看,多練,多學,才能熟練的運用好配色,做出滿意的UI作品。

相關焦點

  • UI設計中配色設計攻略
    最近研究了一下配色方法,今天我就針對UI設計中配色設計攻略進行簡單的說明,希望能幫助到一部分小夥伴。有個有趣的研究成果 —— 「七秒鐘定律」:人們在挑選商品和服務時 ,只需要 7 秒鐘就可以確定是否感興趣,而在這短暫的 7 秒鐘內,色彩的作用佔到了 67%。一個設計作品呈現在用戶面前,最先進入眼帘的就是產品的視覺表現,而色彩在其中起到了很大的作用。
  • 色彩構成原理!設計中的「用色經驗」
    文/賈煜洲 本文以設計實踐為切入點,以平面設計中的廣告、標誌、包裝、書籍等色彩設計為探討的案例,論述了色彩構成原理與視覺傳達設計中的色彩關係及具體運用方式,提出了在強調專業色彩設計特點和研究終端接受者的需求同時,以色彩構成的基本原理、創造規律與運用方法為基礎的設計創新,是做好當代視覺傳達設計的一個重要理念。
  • 集成運放電路設計原理圖
    集成運放電路設計原理圖本文引用地址:http://www.eepw.com.cn/article/201610/311534.htm  一、集成電路及其特點  集成電路是利用氧化,光刻,擴散,外延,蒸鋁等集成工藝,把電晶體,
  • UI設計模式大閱兵
    互動設計師在設計線框圖原型時,熟知常見的Web設計模式很有幫助,做到「心中有數」才能創造出符合需求,用戶易學易用的界面來。常見的設計模式有哪些呢?在商業中有哪些案例呢?某公司互動設計師張雅秋寫了一篇博文對此進行了總結,現轉載於此,全文如下:互動設計師在設計線框圖原型時,熟知常見的Web設計模式很有幫助,做到「心中有數」才能創造出符合需求,用戶易學易用的界面來。所謂「沒有必要重複發明輪子」,模式往往容易解決常見問題,正確的模式能幫用戶熟悉界面、提高效率。常見的UI設計模式如下圖:
  • 燈光設計—簡述色彩中性混合設計
    思迪恩深圳智能集團認為色彩混合分為:加光混合、減光混合與中性混合三種類型。本篇著重說明中性混合。中性混合是基於人的視覺生理特徵所產生的視覺色彩混合,而並不變化色光或發色材料本身。由於混色效果的亮度既不增加也不降低,而是相混合各亮度的平均值,因此這種色彩混合的方式被稱為中性混合。
  • 你還在用做平面的思維做ui設計嗎
    你還在用做平面的思維做ui設計嗎 五維網
  • 2020廈門平面設計構成的原理
    在平面設計的構成中包含著特異構成、發射構成、漸變構成等原理,具體內容是什麼呢?跟美工鋪子小編來學習下。所謂的基本形特異是指在一組基本形狀相同或相似的圖形元素之中,加入一個形狀與之差異較大的圖形元素,讓其成為畫面的焦點。 2、色彩特異。在平面設計中,在主體視覺元素色彩基本一致的情況下,將其中一個視覺元素的色彩與其餘的視覺元素有較為明顯的差異,這樣的設計手法就是色彩的特異構成原理。 3、規律特異。
  • 整流濾波電容的設計與選用方法研究
    本文通過在設定條件下,依據整流濾波電路原理,闡述了紋渡電壓產生的過程,給出了一種濾波電容設計與選取計算方法,建立了電容選取的計算模型,描繪出了紋波電壓、負載電阻與濾波電容之間關係曲線,並通過實驗驗證其科學性,有利於濾波電容的設計與選用。
  • Semantic UI 1.0 發布,前端 UI 框架 - OSCHINA - 中文開源技術...
    Styled accordions are now included as a variationui styled accordionList - List item selectors are now more strict, list items must be immediate children ofui listorui list list
  • 典型窗口比較器電路圖大全(六款典型窗口比較器電路設計原理圖詳解)
    典型窗口比較器電路圖大全(六款典型窗口比較器電路設計原理圖詳解) 佚名 發表於 2018-02-27 08:42:39 窗口比較器,又稱為雙限比較器,具有兩個門限電平
  • RC正弦波振蕩器工作原理和經典RC振蕩電路設計
    打開APP RC正弦波振蕩器工作原理和經典RC振蕩電路設計 發表於 2017-05-10 16:42:10 振蕩電路的原理圖如上圖所示。其中集成運放A作為放大電路,它的選頻網絡是一個由R、C元件組成的串並聯網絡,RF和R』支路引入一個負反饋。由圖可見,串並聯網絡中的R1、C1和R2、C2以及負反饋支路中的RF和R』正好組成一個電橋的四個臂,因此這種電路又稱為文氏電橋振蕩電路。
  • 我對色溫的認知升級,UI設計和攝影的關鍵能力
    每天十分鐘,系統學習設計,成為設計師。終生學習,受益終生。這裡是【知更常青藤】,歡迎你的到來,這是我和你一起學習設計的第七天。如果你不想丟失這個體系,可以關注我,轉發本文。文/萬歲爺 校驗/君 圖/Jeremy Vickery(皮克斯燈光指導) 知更常青藤原創出品,轉載請註明出處,版權所有,侵權必究。
  • 六個步驟細說電商banner圖設計之色彩的奧秘
    轉自:做設計的麵條  ID:TTTink-D戲哥有話說中秋假期結束了,戲哥特意為還沒調整好狀態的你準備了一篇十足的幹活,這一針雞血打下去絕對動力滿滿。祝閱讀愉快。寫在前面我們常常會說到做設計需要知道三大構成(色彩構成/平面構成/立體構成),設計又可以分很多個類別,比如網頁設計/UI設計/電商設計/室內設計/工業設計等等,那對於電商設計有沒有專門的三大構成呢?
  • 平面設計構成原理②
    所謂的基本形特異是指在一組基本形狀相同或相似的圖形元素之中,加入一個形狀與之差異較大的圖形元素,讓其成為畫面的焦點。●色彩特異。在平面設計中,在主體視覺元素色彩基本一致的情況下,將其中一個視覺元素的色彩與其餘的視覺元素有較為明顯的差異,這樣的設計手法就是色彩的特異構成原理。
  • UI設計中最重要的幾點要素
    那麼UI設計師如何才能設計一個成功的頁面,需要掌握哪些要點?一、色彩色彩是絕大多數設計給用戶傳遞的最顯著的視覺元素之一,是藝術表現的要素之一,不同的色彩對用戶有著不同的感受和體驗。色彩從來都不是越多越好,通常配色方案當中,色彩數量要控制在3種左右,設計師根據色彩對人們心理的影響,合理地加以運用,通過創建配色方案,系統地對品牌和UI界面的色彩進行管理,這確保了品牌和UI在色彩的運用上保持著高度的一致。
  • 深圳UI設計師培訓班課程包上崗含大專學歷學費_UI設計培訓價格...
    ,色相飽和度,可選顏色等/畫布、圖像大小調整/鋼筆工具/選區(選區工具)等4.消失點,液化,仿製源/銳化、模糊工具/加深、減淡工具,/漸變工具、.吸管工具/色彩知識(色彩搭配訓練)5.橡皮擦/圖層蒙版/套索,魔棒 /快速蒙版/抽出/調整邊緣6.鋼筆工具/色彩範圍 /通道/攝影藝術介紹7.剪切蒙版/圖層混合模式8.濾鏡(上)風格化,
  • Element-ui簡單使用方法
    Element-ui,是一套為開發者、設計師和產品經理準備的基於Vue 2.0的由餓了麼公司出品的桌面端組件庫。下載安裝npm install vue #安裝Vuenpm i element-ui -S #安裝Element-ui圖標,el內置了許多圖標,使用icon="iconname"
  • 冷色、暖色、中性色、攝影中色彩的基本原理!
    我們無論是在人像攝影還是風光攝影,顏色對我們來說有著很大的影響,顏色的飽和度受到了光的照射,明度提高,但色彩飽和度降低,如果顏色受光不足,它的明度、飽和度降低。人像攝影中,我們在平時的拍攝中除了使用固有色的變化來控制畫面色彩構成,那麼另外一個方法就是通過光線的強弱和光線色彩的變化來控制畫面色彩的飽和度。
  • 界面設計(UI)中顏色的基礎知識
    繪畫,印刷,攝影,圖形設計和界面設計使用色彩理論來喚起特定的思想和觀念,充分利用色彩的非語言能力,而不是其他較慢的交流形式。這三個軸為我們提供了數字世界的所有色彩,然後以十六進位數字或RGB代碼重新解釋了色彩。 在界面設計中,從增強品牌知名度到在購買按鈕上產生更多點擊,色彩心理被用來影響用戶可能擁有的感知。其他重要結果,例如改進的可用性,也可以是良好的顏色掌握能力的結果。 在本文中,我將介紹設計界面時經常用於顏色選擇的六個注意事項。
  • 一種基於功率放大器的恆流源電路設計及實現
    我們設計了一種基於AT89C51的恆流源控制系統,電流輸出0〜100A,電流精度≤2%,電壓輸出15V,能實現快速、高精度、靈活、多功能的控制要求,在斷路器可靠性試驗中提供了穩定、精確的試驗電源。A/D轉換需要直流信號,因此需對交流信號進行調理,本設計所用的精密整流電路如圖3所示,該電路主要由兩個雙運算放大器TL062和相關元器件組成。電路的輸入電壓uin為電流互感器感應輸出的電流。