UI設計配色——藍色篇

2021-01-11 青島北大青鳥

合理運用色彩是每個設計師都應必須具備的技能,特別是插畫師和UI設計師。

首先,色彩是最直接性的「語言」交流,它能夠在第一時間內吸引觀眾的注意力,使觀者的「眼睛」得到放鬆或者警惕;其次,色彩是最為引人注目的視覺因素。

在所有的色彩中,毫無疑問,藍色是UI設計中最重要的顏色,也是使用範圍最廣的色彩。藍色是冷色系中唯一的原色。藍色也廣泛用來象徵冷靜和責任。淺藍色有一種非常清新和友好的感覺。而深藍色則是更多表示可靠和力度。藍色也與和平有關。在許多文化中,藍色有靈魂和宗教上的寓意(比如,聖母瑪利亞則通常會被描繪成身著藍色的長袍)。

藍色的含義很大程度上取決於色調(hue)和暗色澤(shade)。在設計中,你所選用的藍色的暗色澤會對極大地影響力作品給人的感受。淺藍色通常表示放鬆和平靜,而亮藍色則通常表示活力和清新,而深藍色則非常適合公司類型的網站,這類場合,感染力和可靠性是很重要。

在你的手機當中,許多APP都採用了藍色的LOGO,而它們的UI也大多也將藍色作為主色調,Facebook、Twitter、Safari、支付寶、知乎、Behance均是如此。這是為什麼呢?小編總結了以下幾個原因。

1.源於自然的藍色意象。清朗的天空和廣闊無垠的大海,在多數時候都呈現出漂亮的藍色,它們代表著好天氣和健康的水源,這種對自然的親近深藏在人類的基因當中,外化表現為對藍色的喜愛。

打開UC瀏覽器 查看更多精彩圖片

2.藍色象徵科技。很多知名網站和APP設計中都會用藍色作為主色,比如大家熟知的支付寶、Facebook、Twitter等等,網站的深藍色給人一種很專業的感覺。

打開UC瀏覽器 查看更多精彩圖片

Behance網站的天藍色給人一種年輕、時髦的感覺。

打開UC瀏覽器 查看更多精彩圖片

3.藍色能給人一種寧靜、寬廣、值得信賴的感覺,而且也很容易與其他顏色搭配使用。由於藍色具有很強的力量,因此也非常適合與紅、黃、橙色等暖色搭配。

打開UC瀏覽器 查看更多精彩圖片

4.大自然是世界上最好的藝術家和設計師。我們能在自然界中看到的顏色組合是非常完美的。人們享受看日出日落,秋天的森林,冬天的群山,因為他們都是天然的顏色組合。

打開UC瀏覽器 查看更多精彩圖片

顏色千變萬化,我們學色彩的目的不是為了展示色彩,而是表達色彩背後的含義。藍色的含義很大程度上取決於色調(hue)和暗色澤(shade)。在設計中,你所選用的藍色的暗色澤會對極大地影響力作品給人的感受。淺藍色通常表示放鬆和平靜,而亮藍色則通常表示活力和清新,而深藍色則非常適合公司類型的網站,這類場合,感染力和可靠性是很重要。不同的藍色代表了不同的意義,而這需要在實踐中不斷的積累。

相關焦點

  • UI設計中配色設計攻略
    不知道有沒有小夥伴跟我一樣在做頁面配色時會很痛苦呢,很多時候都是憑感覺去配色。最近研究了一下配色方法,今天我就針對UI設計中配色設計攻略進行簡單的說明,希望能幫助到一部分小夥伴。有個有趣的研究成果 —— 「七秒鐘定律」:人們在挑選商品和服務時 ,只需要 7 秒鐘就可以確定是否感興趣,而在這短暫的 7 秒鐘內,色彩的作用佔到了 67%。
  • 小白學UI設計:如何做好UI配色?
    在UI界面設計中,配色是首先要面對的一個重要環節。顏色那麼多,我該選哪些顏色?該如何做出誘人的UI配色?本章將為大家分享UI界面設計中常用的配色原則和技巧。閱讀本文需要有一定的UI色彩基礎知識,還不是很懂的同學,建議先看看《如何做出誘人的UI配色(基礎篇)》一文。
  • UI設計師必備的6個配色網站
    對於程式設計師來說,UI設計我們有必要懂嗎,答案是肯定的,不管你是後端開發也好,前端那就更不用說,一定要學會有審美的細胞,雖然UI不是我們後端的必須懂的,但我還是建議你知道它的一些常用的配色網站,有時候我們也得自己修改前端代碼,也需要知道顏色的值,今天我給大家分享6個常用的配色網站,對於想從事UI
  • 配色攻略-藍色篇
    清爽、寒冷>藍色是最冷的顏色,在心理上讓產生明朗清爽、冷靜通透的感受。所以夏日涼爽主題和冬日寒冷主題的設計都可以藍色為主色調來體現。藍+紅紅色和藍色屬於對比色,而且紅色是色環上最暖的顏色,藍色是最冷的顏色,紅藍搭配形成了強烈的對比。紅藍配色既有藍色的沉穩,又有紅色的奔放,具有強烈的視覺衝擊力。
  • UI設計中色彩搭配使用技巧
    網站的配色方案可以為整體品牌做出貢獻提升產品的知名度。此判斷的62%至90%將基於配色方案。他們的發現表明顏色可以反映品牌的個性: 據說紅色反映了力量,激情和能量。它可以用於在設計或品牌中提醒用戶或吸引用戶的注意。AAA教育、在網易雲、可口可樂、肯德基和Adobe的網站上可以找到紅色。
  • 那些誘人的UI配色是怎麼配出來的?
    如果您在配色方案中堅持使用最多三種基色,您將獲得更好的效果。將顏色應用於設計項目中,要保持色彩平衡,您使用的顏色越多,越難保持平衡。顏色不會增加設計品質 - 它只是加強了設計的品質感皮埃爾·波納德(Pierre Bonnard)如果您需要調色板中定義的顏色以外的其他顏色,請使用明度和色調進行調整。他們將提供不同的顏色基調與之配合。
  • 設計入門必懂:如何做出誘人的UI配色
    你是不是經常在界面設計中為用什麼顏色而糾結煩惱?辛辛苦苦設計好了,卻因色彩搭配不合理而被否定?為什麼別人家的設計那麼優秀?如果你在UI設計中有以上煩惱,小編可以鄭重的告訴你:那是因為你還不懂「色」,或者說你「色」的功底還不夠。
  • 第五章丨PPT配色的設計,怎樣的配色會讓人覺得舒服?
    在設計PPT時,除了文字、圖片等之外的元素,配色也是至關重要,一頁好的PPT大多數都選對且選好了配色。同時在PPT中配色的使用有兩種,一種是單色組合使用;另一種是使用漸變色,本章節就跟大家分享一些關於使用配色設計PPT的方法和思維。在分享配色之前,首先分享一個非常實用的技巧,使用XML一鍵獲取主題色,省時又省力。
  • 如何零基礎學UI設計
    對於初學者來說,可能存在這樣的疑問:UI到底是做什麼的,自己是是否適合做UI設計,能否學好UI設計,學習UI設計需要多長時間,怎麼樣才能快速學好UI設計..... UI是做什麼的?
  • 設計師如何將品牌元素融入ui設計
    設計師如何將品牌元素融入ui設計?在為企業提供ui設計服務的過程中,設計師需要將品牌元素有機融合到ui設計中去,使之更加符合企業的基本定位。然而很多在ui培訓學校學習的新人並不清楚應該如何將品牌融入ui設計,接下來小編就給大家簡單講一下這個問題。
  • ui設計中的構圖技巧有哪些?
    ui設計中的構圖技巧有哪些?在ui設計中,圖形設計,互動設計,色彩搭配,圖標設計等等離不開構圖技巧,掌握好構圖技巧對於設計來說,能讓設計更加得心應手,今天優行者小編將跟大家說說,ui設計中的構圖技巧。一、對比對比反差是能夠體現視覺設計中最突出的表現方式,鮮明直接的對比性能夠直接表達事物的性質以及特點,通過對比,也能夠更加清晰的強調設計中的重點,這樣帶給大眾的視覺體驗也更加深刻。
  • 如何利用品牌元素進行ui設計
    如何利用品牌元素進行ui設計?在企業發展的過程中往往需要進行一定的品牌建設和推廣,優秀的品牌形象設計能夠加深消費者對於品牌的特有印象,進而促使企業更好地發展。那麼設計師應該如何根據品牌元素進行品牌形象的設計呢?接下來小編就跟大家簡單分析一下。
  • 配色攻略-紫色篇
    紫色是由溫暖的紅色和冷靜的藍色化合而成,它比紅色更柔和,比藍色更溫暖
  • 配色攻略系列 | 綠色篇
    | 藍色篇綠色是屬於大自然的色系,是最常見的顏色,很容易讓人聯想到清新、健康、青春、活力、生命與希望等,這是其他任何色彩都不能比擬的。綠藍配色>藍色和綠色是鄰近色,對比協調柔和,讓人聯想到藍天綠水之美,感到平靜
  • 現在學UI設計的是不是都是傻子
    首先我們從標題可以推斷出:一、提問者應該是UI設計設計小白,甚至是IT小白,但是對設計這個行業感興趣或者有學習UI設計入行的想法,這樣提問可能只是為了博眼球,想吸引大家回答從而得出一些關於UI設計行業有關的「爆料」,從而確定現在學UI設計是不是明智之舉。
  • 遊戲UI界面設計全過程解析...
    這些所有的交互都經過仔細的推敲和測試,設計師就開始繼續後面的 UI 設計工作。接下來,她需要讓精心設計的互動流程擁有漂亮而吸引人的視覺,具備足夠強烈的情感吸引力。UI 設計在開始探求 UI 解決方案的過程中,設計師首先是從配色著手。
  • UI設計構圖五大法則經驗分享
    我們都知道學習UI設計,一套專業的視頻教程是必不可少的,他可以是我們的指路明燈,也可以是我們的前進的有力工具。今天千鋒小編給大家帶來千鋒講師的經驗分享。  針對UI設計的構圖的一些經驗分享如下:  1、什麼是構圖?
  • UI設計必備:10個無需翻牆就能天天進階的UI設計網站
    當然,「仿」字訣最重要的還是模仿的素材來源,除了國內外大家耳熟能詳的各大設計網站外,前輩們也安利了10個國內並不太知名,但各個皆精品的國外UI設計網站。通過它們,我們可以每天吸收到設計行業最新的相關資訊,包括行業動態、設計作品、創意靈感以及素材等等。NALDZ GRAPHICS 28歲少年創辦的知名人氣設計資源教程博客。
  • --藍色篇
    藍+紅紅色和藍色屬於對比色,而且紅色是色環上最暖的顏色,藍色是最冷的顏色,紅藍搭配形成了強烈的對比。紅藍配色既有藍色的沉穩,又有紅色的奔放,具有強烈的視覺衝擊力。這個方案採取單色配色,藍色的運動鞋在藍色背景的烘託下傳達出很強的科技感,突出了「三級緩震技術」的技術性。因為藍色本身具有嚴謹、沉穩的屬性,所以畫面顯得比較安靜,也具有很強的信賴感。
  • 2021設計趨勢:UI/UX篇
    3D無疑是2021的設計趨勢,每一個設計細分領域都有它的身影。新奇的是它開始在扁平化所主導的UI領域被應用。 另外一個能導致3D更應用更普及的是即將發布的蘋果新作業系統Apple’s Big Sur,在寫這篇文章時還沒有發布,甚至沒有公布發布日期,Big Sur 目前是測試版本,公開的測試版本8月6號可提供,同時有一個開發者版本。