激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

UI 設(shè)計師的信條:跟著電影海報學(xué)配色

發(fā)布時間：2024-04-12 20:16:45 瀏覽量：201次

疫情好轉(zhuǎn)，《信條》、《八佰》等電影紛紛在院線上映，你去看了嗎？設(shè)計師對一部電影的關(guān)注，除了劇情、畫面，還有海報設(shè)計。

電影海報通過設(shè)計語言表達(dá)故事，優(yōu)秀的海報能將觀眾帶入情境，激發(fā)觀眾想去看電影的沖動。UI 設(shè)計也是如此，通過配色向用戶傳達(dá)吸引力，設(shè)計使產(chǎn)品更有力量。

和湖湖一起跟著電影海報學(xué) UI 設(shè)計的配色技巧吧~

巧用對比色、互補(bǔ)色

對比色指的是在色卡中相隔 120° 至 180 °的顏色，互補(bǔ)色指的是在色卡中相隔 180° 的顏色，對比色和互補(bǔ)色的組合配色對比強(qiáng)烈，吸睛第一名。

正在熱映的《信條》海報設(shè)計就運(yùn)用了互補(bǔ)色的搭配，海報中的紅藍(lán)配色與電影色調(diào)相呼應(yīng)，突出了電影中提到的逆向時空和正向時空之間的反差。

對比色和互補(bǔ)色在 UI 中也常常被使用，黃藍(lán)、紅藍(lán)等顏色組合在界面設(shè)計中經(jīng)常出現(xiàn)，帶給人有活力、年輕的印象。

比如這個電影購票 APP，主色調(diào)為藍(lán)色，訂購頁的【預(yù)定】按鈕是購票頁的第一關(guān)注點，于是采用紅色，與界面中的藍(lán)色產(chǎn)生強(qiáng)烈對比，促進(jìn)用戶購買。

但是，對比色雖好卻要慎用，大面積的對比色容易影響用戶閱讀，造成審美疲勞。

在 UI 設(shè)計中應(yīng)用對比色最好的方法是：根據(jù)產(chǎn)品目標(biāo)，提煉設(shè)計的重點，在需要突出的元素上使用對比色。


用色主次分明

賈樟柯導(dǎo)演的電影《一直游到海水變藍(lán)》海報設(shè)計非常精妙。畫面中，海水藍(lán)占了海報的 60%是主色調(diào)，山的深藍(lán)色是輔助色，天空白是點睛之筆。

主次分明的配色營造出巧妙的畫面：海報正看為海，反過來看則是山。

UI 設(shè)計中也講究主次分明，APP、網(wǎng)頁的界面設(shè)計通常有一套固定的配色，除了中性色黑白灰外，包含主色、輔助色、點睛色，三種色彩的搭配比例一般為 7：2：1。

主色：指的是在配色中處于支配地位的色彩，一般來說，是配色中運(yùn)用最多的色彩（除中性色黑白灰），決定了界面的整體風(fēng)格。

輔助色：指為了襯托主色的色彩。

點睛色：通常用在 icon、消息提醒等位置，起引導(dǎo)閱讀和強(qiáng)調(diào)的作用。

例如，這個 APP 的主色為藍(lán)色，輔助色為淺藍(lán)、灰白，點睛色為紅色。雖然用了紅藍(lán)色，但因為配色遵循 7：2：1 的黃金比例，整體看起來依然很和諧。

相鄰色組合不易出錯

在色卡中相隔距離在 90° 內(nèi)的屬于相鄰色，相鄰色組合構(gòu)成的配色方案會帶給人穩(wěn)定、和諧、統(tǒng)一、舒適的印象。

比如上世紀(jì) 70 年代的老電影《不結(jié)婚的女人》的海報設(shè)計，運(yùn)用了咖啡色、淺卡其等類似色，海報整體給人和諧、舒適感。

相鄰色組合在 UI 界面設(shè)計中被廣泛運(yùn)用。

例如這個食譜 APP，采用了類似色的組合，大面積的杏橘色，搭配強(qiáng)調(diào) icon 的珊瑚橘，深淺不一的橘色相輝映，界面層次分明，看起來舒適、溫暖。

需要注意的是：APP、網(wǎng)頁界面中的 icon、消息提示等需要突出，如果配色是類似色的組合，要注意類似色之間明暗深淺以及飽和度的對比。如果明暗深淺差距小，容易造成界面缺乏層次感，主次不明。


抓住用戶情緒

色彩是一門語言，是有性格的的，人類的大腦對色彩的反應(yīng)敏感且多樣，對色彩會產(chǎn)生聯(lián)想，并感到冷或者暖。

通過色彩傳遞情緒給觀者是電影海報設(shè)計的慣用戲碼，比如經(jīng)典電影《末代皇帝》的海報設(shè)計，采用了大面積的黑色和龍袍黃，塑造莊嚴(yán)、肅穆感。

產(chǎn)品是為用戶服務(wù)的，抓住用戶心理才能博得他們的信賴和喜愛。不同的產(chǎn)品需要傳達(dá)給用戶的情緒不用，UI 界面設(shè)計用的顏色也不同，比如：

購物類 APP 為了促進(jìn)用戶購買，一般會采用紅色、黃色等容易激發(fā)購物欲望的顏色；

金融類 APP 需要傳達(dá)可信賴、穩(wěn)重的印象，如果你去搜索相關(guān) APP，一定會發(fā)現(xiàn)其中 80% 的界面設(shè)計都用到了藍(lán)色。

另外，UI 設(shè)計在選擇顏色時要考慮文化差異。比如，紅色在中國是象征著喜慶、快樂，但在西方，卻象征暴力。


使用品牌色，增加記憶點

《英國病人》的電影海報大面積應(yīng)用沙漠黃，看過電影的觀眾一看便會聯(lián)想到電影里男主角乘飛機(jī)飛躍撒哈拉沙漠的情景，對電影留下了深刻印象。

做 UI 界面設(shè)計亦是如此，APP 市場接近飽和，各類產(chǎn)品競爭激烈，各個產(chǎn)品為了加深用戶對自身的記憶，都有建立品牌色，在 APP、網(wǎng)站等設(shè)計中加以運(yùn)用。

比如藍(lán)湖的品牌色是藍(lán)白，除了網(wǎng)頁客戶端外，藍(lán)湖的各大網(wǎng)頁、Axure 客戶端、設(shè)計規(guī)范云等產(chǎn)品，乃至海報、Banner 設(shè)計中都會運(yùn)用品牌色，一次次加深用戶對藍(lán)湖的印象。

根據(jù)品牌色搭建顏色、字體、Logo 、icon 的設(shè)計規(guī)范體系，保持設(shè)計一致性，有助于提升品牌認(rèn)知度，通過藍(lán)湖【設(shè)計規(guī)范云】即可輕松搭建，便于產(chǎn)品設(shè)計研發(fā)團(tuán)隊的管理和使用。

色彩是 UI 設(shè)計和海報設(shè)計最重要的元素，正確的配色能賦能品牌，傳達(dá)豐富的信息，并直戳人心。當(dāng)你沒有配色靈感時，不妨看看電影海報。

熱門課程推薦

熱門資訊

請綁定手機(jī)號

獲取驗證碼
x

同學(xué)您好！

您已成功報名0元試學(xué)活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定