【海報配色】海報配色竟如此簡單!你只需掌握這四種方法就……

文章推薦指數: 80 %
投票人數:10人

根據理論配色也是一種很好的色彩搭配方案,在很多優秀的設計中你都會發現色彩與色彩之間的關系,經常用的理論配色有對比色,互補色,近似色,三角搭配。

2016年8月21日星期日 【海報配色】海報配色竟如此簡單!你只需掌握這四種方法就…… 作者:不沉的骨頭來源:站酷網 關於色彩 我們通過色彩獲取信息,色彩的重要x不言而喻,除瞭設計的表現形式,我們經常通過色彩來分辨事物的狀態和感覺,色彩可以激發情感和感官的元素。

常用的配色方法 我們在工作中經常會用到的配色方法有:參考配色,產品取色,直覺配色,理論依據4個方式進行配色,我們最經常用到參考配色。

下面就會跟大傢一一介紹。

方法①找參考配色 參考優秀案例中的背景的顏色,標題的顏色,搭配元素的顏色,作為我們要設計版本的參考。

在找參考的時候,我們要經常利用花瓣網,平時多采集案例做參考,千萬不要隻做同類產品的參考,隻要優秀的設計我們都要參考。

首先確定主要參考 我們要從參考案例中,找一個比較符合我們要求的參考配色 然後提取配色用在我們作品 版面搭建好之後,我們開始用提取的顏色進行配色,從背景到標題,在過程中往往不會一次x的搭配和諧,所以要多嘗試,不管是顏色的純度,明度變化,都可以適當去調整。

方法②根據產品自身顏色取色 根據要出現的產品和模特自身的顏色進行提取,是一種很常見簡單的配色方式。

案例解析模特(產品)取色 標題的英文顏色取決於模特本身的顏色,不過要在這個色調上面找一個舒適純度的顏色,不要直接用吸取的顏色。

背景的淺藍色和模特的衣服黃色,正好是對比色,所以看的舒服,這是後面要說的理論配色。

案例解析模特(產品)取色 案例解析模特(產品)取色 這2個直通車圖片是陳聰的作品,配色非常舒服,飽和度不高,背景也有顏色的變化,給人一種很柔的感覺,很稀飯他的作品。

^_^ 案例解析模特(產品)取色 方法③根據色彩理論 根據理論配色也是一種很好的色彩搭配方案,在很多優秀的設計中你都會發現色彩與色彩之間的關系,經常用的理論配色有對比色,互補色,近似色,三角搭配。

對比色(三角形搭配就是3個顏色互補的組合) 通過右邊的色相上面三角形來看我們的案例中出現的主要色彩有,紫色,黃色,青色這三個顏色都在三角形的配色范圍內,所以版面的顏色會比較舒服,生動。

要註意的是把什麼顏色設為背景色,紫色相對於黃色和青色是不亮也不暗的顏色所以比較適合作為背景色。

在使用三角形搭配的時候一定要選出一種色彩作為主色,另外兩種作為輔助色,使用瞭低飽和度的色彩也不錯。

對比色案例欣賞 青色和黃色是對比色,在色環上相距120°到180°的兩種顏色,稱為對比色。

紫色、青色、黃色是三角配色,它們各自之間是對比色所有構成瞭三角配色。

在產品色是亮色的情況下,背景用暗色是一個好的選擇! 互補色搭配 互補色色彩之間是強烈的對比造成的不穩定感,互補色搭配在正式的設計中比較少見。

通過右邊的色相上面三角形來看我們案例中出現的主色和輔助色是明顯的紅綠互補搭配,都說紅綠配不好看,咱這個案例中用白色很好的避免瞭紅綠的直接接觸,不是一樣很生動好看嗎? 在各種色相搭配中,互補色搭配無疑是一種最突出的搭配,所以如果你想你的作品特別引人註目,那互補色搭配或許是種最佳選擇。

互補色案例欣賞 紫色和黃色是互補色,在色環中相距180°。

互補色的案例真是比較少,上面案例中的紅配綠。

顏色飽和度不是太高,所以畫面還算穩定,對比不是特別強烈。

近似色/類似色搭配 色環上距離較近的顏色被稱為近似色或者類似色搭配,一般這種色彩搭配之間顯得平靜而舒適。

案例中橙紅色和黃色就屬於近似色。

近似色在日常搭配中很常見,在使用中要註意加強對比,以免過於平淡。

近似色案例欣賞 案例中的洋紅、青色。

藍色都是相近的顏色,版面中也比較舒服,黃色作為副標題,因為黃色是藍色的對比色。

主標題直接用白色,如果用黃色會太刺激,面積太大不舒服。

非常舒服的一個近似色搭配,文案加上瞭藍色外框避免瞭黃色,白色與綠色的直接接觸,因為同為亮色,亮色和亮色之間接觸會太刺激刺眼,大傢試試就知道瞭~所以用藍色調合。

方法④直覺配色 直覺配色就是冬天就會想到藍色,夏天想到紅色,春天想到綠色等等。

也就是說當我們拿到文案的時候第一時間想到的顏色,比如零食。

我們可能首先反應的是橙色、紅色這些有食欲的顏色。

跟我們的主題息息相關。

直覺配色案例解析 從標題夏日狂歡,我們就能感覺到配色要清爽要符合夏天的感覺,那麼我們首先會想到夏日,藍天沙灘大海。

然後在確定我們的輔助色進行配色。

根據文案主題確定好主色調,然後開始確定輔助色和相關的優秀配色參考。

直覺配色案例解析 不久前的一個零食設計需求,根據零食我就想到瞭橙色,黃色,然後找到類似的優秀的參考進行配色,然後給自己一個大的感覺。

根據主題確定好主色調,然後開始確定輔助色和相關的優秀配色參考。

直覺配色案例解析 標題“藍鉆特權月”藍鉆當然考慮藍色。

不能說藍鉆搞一個黃色調,那不就成黃鉆。

聖誕節我們最先想到的顏色就是綠色和紅色。

這2種顏色是代表聖誕節的顏色,要是弄個黃色就沒有聖誕節的感覺,這2種顏色是互補色所以主色和輔色的色彩面積要控制好比例,盡量要舒服。

最後總結 每種配色方式都有自己的好處,自己習慣就好。

深色背景配淺色,淺色背景配深色。

根據色彩理論配色也是不錯的方式。

Via 張貼者: Unknown 於 下午6:18 以電子郵件傳送這篇文章BlogThis!分享至Twitter分享至Facebook分享到Pinterest 標籤: 配色技巧 沒有留言: 張貼留言 較新的文章 較舊的文章 首頁 訂閱: 張貼留言(Atom) 標籤 [1]KM主題-配色技巧(2014/9/22~10/13) (41) [2]KM主題-攝影技巧(2014/10/20~11/24) (72) [3]KM主題-網頁設計(2014/12/01~01/31) (51) [4]KM主題-修MD技巧(2015/2/2~2/28) (24) [5]KM主題-輸出/印刷相關(2015/3/1~3/31) (26) [6]KM主題-字型字體相關(2015/4/1~4/30) (9) [7]KM主題-影片製作(2015/6/1~6/30) (5) 3D (6) 3D列印 (4) 3D動畫 (11) 互動式網頁 (2) 介面設計 (2) 化妝 (6) 戶外廣告 (38) 手工藝 (22) 手機穿越照 (1) 手繪 (47) 日本 (17) 世大運 (1) 世界表情符號日 (2) 以色列 (1) 包裝設計 (27) 台灣 (3) 台灣開發 (2) 平面設計 (115) 光影藝術 (4) 全球離線自由行 (1) 合成 (18) 名片設計 (2) 字形字體相關 (22) 字型設計 (37) 字體設計 (29) 约翰强尼 (1) 羊毛氈 (1) 色彩 (4) 色票 (19) 行程規劃 (1) 行銷策略 (41) 免費下載 (6) 完形心理學 (1) 折紙藝術 (3) 沉默螺旋 (1) 沉默螺旋理論 (1) 服裝設計 (1) 法國 (3) 金工設計 (2) 金點設計獎 (1) 保養品網站廣告分享 (1) 品牌設計 (20) 城市美化 (5) 室內設計 (6) 幽默設計 (9) 挑戰主流 (1) 映射投影 (1) 流行時尚 (34) 玻璃藝術 (1) 美國 (2) 美術指導 (3) 英國 (4) 限時免費 (2) 限時動態 (1) 限時動態漸層文字 (1) 食物藝術 (12) 香氛 (4) 展覽訊息 (9) 捉迷藏 (1) 氣象戰 (1) 泰國 (1) 海報設計 (15) 紙模型 (12) 紙雕 (7) 素材分享 (5) 素描 (1) 配色技巧 (20) 剪紙藝術 (2) 動畫 (4) 動畫短片 (21) 動態照片 (3) 動態照片教學 (3) 商品設計 (63) 排版設計 (4) 深井冰系 (1) 產品設計 (42) 設計工具 (5) 設計比賽 (2) 設計師 (90) 設計師網站 (4) 設計概論 (15) 設計趨勢 (5) 設計邏輯 (17) 創意設計 (80) 創意設計部雜誌採買 (10) 創意概念 (23) 喜帖設計 (1) 報價 (1) 插畫設計 (121) 棉線 (1) 畫家 (1) 想像力 (77) 節日 (2) 群眾募資 (1) 裝置藝術 (56) 資源分享 (2) 跨界合作 (40) 遊記專區 (1) 遊戲 (2) 遊戲APP分享 (5) 鉛筆 (3) 鉛筆花 (1) 雷射切割 (1) 雷射雕刻 (1) 電影 (1) 電影場景 (5) 圖像化表格 (3) 漸層文字 (1) 網頁設計 (39) 網站分享 (37) 寫實畫 (1) 廣告欣賞 (168) 廣告影片 (7) 影片欣賞 (150) 影片剪輯 (4) 德國 (2) 編織藝術 (3) 閱讀障礙 (1) 澳洲 (1) 雕刻作品 (22) 雕塑作品 (6) 應用程式分享 (14) 縮時攝影 (1) 隱藏版 (1) 韓國 (1) 黏土 (3) 雜誌分享 (20) 櫥窗設計 (2) 繪畫 (78) 藝術風格 (38) 識別設計 (5) 議題結合設計 (13) 攝影作品 (200) 攝影師 (60) 攝影概論 (19) 蠟筆 (1) 霸凌 (1) AI人工智慧 (1) APP設計 (1) apple (1) bloomingflowers (1) CC素材 (1) Cinemagraphs (1) color (1) CSS (5) Evernote (1) FB設計 (1) font (1) Funliday (1) gif (1) GIF動畫 (1) Google (1) HTML5 (2) IG系列 (4) IG系列♪♫♪♫~~你想知道的都教給你 (4) IG超紅 (3) J編 (1) JulianGlander (1) LOGO設計 (8) NaturalOptimism (1) new (1) Off-Screen (1) PANTONE (2) Photoshop (30) PhotoshopMix (1) Plotagraph (1) ps修圖 (13) StickyMonsterLab (1) SWOT分析 (1) TheFather (1) TheLoner (1) Twinings (1) TwiningsInfusions (1) UI&UX (5) UI設計 (9) Voiceover (1) Worldemojiday (1) 스티키몬스터랩 (1) 搜尋此網誌 熱門文章 解決中文字型在premiere顯示問題 在AdobePremiere輸入時,會碰到部份中文字會出現亂碼(打叉)的情形,解決的方式如下:最上方選單(Edit)>(Preferences)>(Titler),如下圖所示。

在FontBrowser處 輸入會出現亂碼的中... PANTONE配色系統之認識+色感測驗 *PANTONE(R)metalliccoated金屬色票-塗佈紙(光面銅版紙)*PANTONE(R)pastelcoated粉彩色票-塗佈紙(光面銅版紙)*PANTONE(R)pasteluncoated粉彩色-非塗佈紙(模造紙)*PANTONE(R)... 網站設計的原則 Google和AnswerLab聯手進行了一項十分詳盡的研究,檢視某個範圍的使用者與各種行動網站互動的情況。

研究目的就是為了告訴大家:什麼樣的網站是好的行動網站?首頁和網站導覽電腦首頁通常會有許多用途,但行動首頁應專注將使用者引向他們正在尋找的內容。

... 經典小說《文庫本紙雕刻》切合主題的紙雕刻作品 一名日本藝術家tomokotakeda,近日在外國網站Behance公佈她的作品,主題叫做「物語的片段」,內容是一連串著名文學作品的《文庫本紙雕刻》,可以仔細看看雕刻的意境和小說的內容主題相符合,技巧和表現手法都相當高超。

《十五少年漂流記》... 海報製作常用字體 好的字型使用,能更有效的傳達資訊,雖然標題是海報製作常用字體,但用於內文、文宣等也很受用喔!資料補充:這邊的辨識度敘述比較是形容"閱讀性"辨識度:文字的筆劃架構清晰、造型簡潔,能夠使讀者輕易的辨識文字。

黑體、明體皆是辨識度不錯的字體。

文字的辨識度也會受... 網誌存檔 ►  2017 (238) ►  十一月 (18) ►  十月 (25) ►  九月 (15) ►  八月 (24) ►  七月 (25) ►  六月 (24) ►  五月 (22) ►  四月 (23) ►  三月 (28) ►  二月 (17) ►  一月 (17) ▼  2016 (300) ►  十二月 (22) ►  十一月 (23) ►  十月 (21) ►  九月 (19) ▼  八月 (30) 字形變更元件Font 幫UI分類,我們是如何記憶的?&完形心理學 世界末日後的廢墟攝影 兼具小清新與無厘頭的幽默插畫集 教育サービス「パズル楽園」VI設計 金馬53主視覺海報設計師黃海介紹 如果時光倒流了!用Windows95看Instagram 情侶旅行全世界,用光影塗鴉留下最美的合照 BeccyRidsdel 超搞笑幽默擬人插畫 真人版紙娃娃!2D平面也能看出服設之美 剪輯到底剪什麼?一位有經驗的剪輯師有何不同? 以樂高玩出最美街景的台灣樂高達人 毛小孩看的到寶可夢?! 寶可夢鞋子 [日本廣告]微笑食堂-JA熊本経済連 【海報配色】海報配色竟如此簡單!你只需掌握這四種方法就…… about審美練習 JoséNaranja的復古風手帳 秋冬時尚大片!國際攝影師AnnieLeibovitz打造超現實Moncler秋冬系列 26張獲獎的頂尖婚紗攝影作品 加拿大麥當勞推出「FryDefender」薯條防竊APP 讓你安心吃薯條 微縮新郎新娘大冒險 25個愛貓人士不能錯過的喵星人傢俱 美妝ISAKNOX×BAMBI 淺草老字號糖果鋪「アメシン」 九款網友票選創設喜帖設計 不可思議的事情發生了 用SWOT自我分析 Raubdruckerin ►  七月 (31) ►  六月 (21) ►  五月 (33) ►  四月 (18) ►  三月 (31) ►  二月 (12) ►  一月 (39) ►  2015 (278) ►  十二月 (24) ►  十一月 (36) ►  十月 (17) ►  九月 (6) ►  八月 (12) ►  七月 (14) ►  六月 (16) ►  五月 (2) ►  四月 (12) ►  三月 (50) ►  二月 (39) ►  一月 (50) ►  2014 (546) ►  十二月 (48) ►  十一月 (68) ►  十月 (56) ►  九月 (39) ►  八月 (57) ►  七月 (44) ►  六月 (41) ►  五月 (48) ►  四月 (55) ►  三月 (48) ►  二月 (24) ►  一月 (18) ►  2013 (385) ►  十二月 (48) ►  十一月 (32) ►  十月 (46) ►  九月 (38) ►  八月 (27) ►  七月 (43) ►  六月 (55) ►  五月 (27) ►  四月 (18) ►  三月 (20) ►  二月 (16) ►  一月 (15) ►  2012 (59) ►  十二月 (15) ►  十一月 (21) ►  十月 (23)



請為這篇文章評分?