美術(shù)的重要性

任何分類的設(shè)計師都需要有一定的美術(shù)基礎(chǔ)钥勋，甚至也要有一定的手繪能力休吠。我們在用電腦設(shè)計圖形的時候其實也在潛移默化地在使用我們儲存在大腦中的美術(shù)知識和審美廊宪，即使再先進的人工智能爪喘，也不能代替設(shè)計師的審美和美術(shù)知識蹄咖。說到底軟件僅僅是工具而已。要想提高你圖形的審美和設(shè)計感钳幅，那么就需要補一下美術(shù)基礎(chǔ)的課了物蝙。互聯(lián)網(wǎng)視覺設(shè)計中手繪在互聯(lián)網(wǎng)設(shè)計中占的比重也在逐漸增多敢艰。對于我們UI設(shè)計師來說手繪也成為一個繞不過去的技能诬乞，但是不要緊張：我們不需要成為手繪大神或者插畫師，只需要掌握一定的美術(shù)知識再加練習即可。那么如果我們掌握了美術(shù)知識并可以畫出還可以的畫丽惭，對我們會有什么好處呢击奶？推薦閱讀：設(shè)計師的你認為手繪真的要學嗎辈双？

創(chuàng)一個小群责掏，供大家學習交流聊天

如果有對學平面設(shè)計方面有什么疑惑問題的，或者有什么想說的想聊的大家可以一起交流學習一起進步呀湃望。

也希望大家對學平面設(shè)計能夠持之以恒

平面設(shè)計愛好群换衬，

如果你想要學好平面最好加入一個組織，這樣大家學習的話就比較方便证芭，還能夠共同交流和分享資料瞳浦，給你推薦一個學習的組織：快樂學習平面設(shè)計組織 可以點擊組織二字，可以直達

"Outlaws" Playing Cards by Mike

美術(shù)在草稿中的優(yōu)勢

在作品創(chuàng)作的初期废士，草稿對我們構(gòu)思起了很關(guān)鍵的作用叫潦。比如在APP項目、運營圖官硝、圖標繪制以及一些圖形化的設(shè)計中矗蕊，首先很多設(shè)計師會打開電腦直接開始作圖，然后就陷入了對工具選擇的困惑中：我是該用鋼筆工具勾形狀呢還是用畫筆工具呢氢架。不要糾結(jié)這些傻咖，你只要拿出紙筆，手繪出腦海中思考的圖形就好了岖研。等草圖完成后卿操，再打開電腦完善這個作品。

"Outlaws" Playing Cards by Mike

美術(shù)在提案中的優(yōu)勢

在提案之前通過手繪將自己的想法畫出來孙援，和上司或者客戶講解自己的提案方向害淤，這種方法會避免上司對電腦圖形設(shè)計細節(jié)的不滿意，畢竟我們還沒時間完成細節(jié)拓售。如配圖中的一個圖標筝家，從最初提案到最終定稿，中間經(jīng)歷20多版的手繪稿件邻辉，如果每次提案都是以PS輸出效果提交溪王，在電腦繪制中要考慮的色彩細節(jié)會更多，同時也會浪費大量的時間值骇。

手繪完成的原型圖 作者：Anne

美術(shù)在原型圖中的優(yōu)勢

開始視覺設(shè)計前莹菱，原型圖的溝通可以節(jié)省雙方很多時間。用軟件設(shè)計出的原型圖有些抽象吱瘩，會讓大家不了解具體內(nèi)容搭配下的情況道伟。而手繪的原型圖可以幫助我們有更多的思考。不僅可以用于溝通方案，還可以后期包裝展示時放入蜜徽，讓自己的作品區(qū)別于他人祝懂。

手繪風格的運營圖設(shè)計 作者：valiant_kwok

美術(shù)在實際項目中的優(yōu)勢

越來越多的視覺稿都將手繪插畫運用在當中，增加視覺沖擊感拘鞋，給用戶帶來全新的體驗砚蓬。比如H5、網(wǎng)頁盆色、APP等項目灰蛙，“walk up”APP更是運用了大量的插畫表現(xiàn)。然而我們?yōu)g覽某些設(shè)計的時候隔躲，總會看到并吐槽一些用到爛大街的素材摩梧，到了自己工作的時候依然會選擇那些素材。再精致的素材有時候不如一些手繪原創(chuàng)的圖形宣旱，手繪的圖形插畫能減少素材感仅父，給用戶耳目一新的視覺展現(xiàn)。尤其是現(xiàn)在閃屏浑吟、彈窗笙纤、運營圖买置，手繪圖表現(xiàn)形式已經(jīng)是常態(tài)化，它們可能沒有很精細忿项，沒有很美觀蓉冈，但是很獨特、很有氛圍感轩触、很吸引眼球寞酿。如果你總是運用素材，不如嘗試一下自己手繪原創(chuàng)一個圖形脱柱，這樣它的分量與價值會更大伐弹。在你嘗試手繪之前，讓我們先具體了解繪畫的一些原理再開始動手吧榨为。

手繪在實際項目中的使用 作者：甘地xi

三大基本關(guān)系

首先我們要了解的是在美術(shù)里最重要的三個主要關(guān)系惨好，他們是：結(jié)構(gòu)關(guān)系、素描關(guān)系随闺、色彩關(guān)系日川。這三個關(guān)系簡單來說就是，結(jié)構(gòu)關(guān)系是物體的透視關(guān)系（也就是近大遠小的空間關(guān)系）矩乐、和物體的基本結(jié)構(gòu)（可以把一個復雜的物體拆解成基本的圓形回论、三角形、正方形、長方形等簡單容易描繪的結(jié)構(gòu)）等萨蚕，結(jié)構(gòu)關(guān)系是我們?nèi)绾卫斫庑误w的基礎(chǔ)裕寨。素描關(guān)系主要是研究光影的關(guān)系，一個物體在光源下肯定會產(chǎn)生如黑白灰等不同的明暗變化就是素描關(guān)系了。素描關(guān)系中最重要的就是三大面和五大調(diào)月培，我們下面會詳細講衷恭。色彩關(guān)系則是要研究不同的色彩互相融合產(chǎn)生的影響，比如鄰近色、互補色举娩、鄰近色等，兩個物體的顏色不一樣也會產(chǎn)生環(huán)境色吊奢、固有色等裹驰。所以我們?yōu)榱擞檬掷L或者電腦繪圖來描繪物體時，可以從這三個關(guān)系中來審視對象，就會描繪地更加準確了整葡。

結(jié)構(gòu)關(guān)系

透視

在結(jié)構(gòu)關(guān)系中最重要的知識點就是透視了魏滚。透視是繪畫理論術(shù)語，“透視”（perspective）來源于拉丁文“perspclre”（看透），是一種在平面繪畫物體的空間關(guān)系的方法。物體由于近大遠小的空間關(guān)系所以在我們觀察者視角就出現(xiàn)了變化掂摔，這種變化和空間位置正相關(guān)叭披。能夠準確描繪出近大遠小就能暗示出空間關(guān)系了。所以透視是畫準結(jié)構(gòu)的必要前提。

滅點

滅點指的是立體圖形各條邊的延伸所產(chǎn)生的相交點往扔。透視點的消失點。滅點透視中，兩條或多條代表平行線線條向遠處地平線伸展直至相交的一點沼琉。平行的線能在滅點上推進而聚合的原則同樣是以肉眼觀察到的現(xiàn)象為依據(jù)的傻昙。

滅點

第一種透視：平視

一個物體如果是正面或者沒有近大遠小的關(guān)系贾惦，那么該物體橫豎對齊即可绞惦。

我自己的理解就是王滤，看一個物體踱稍，正面去看就是沒有透視悠抹。和你的的視線是平行的珠月，沒有任何的偏離。

此圖中的物體就是平視楔敌，沒有近大遠小

第二種透視：一點透視

一點透視：透視來源于一個點啤挎，形狀的變化與該點的距離相關(guān)伙判。一點透視可以理解為在一個空間內(nèi)多個物體產(chǎn)生的近大遠小的關(guān)系埃跷。

一點透視

第三種透視：兩點透視

兩點透視：通過兩個滅點建立透視龄减。就像我們站在一個比較龐大物體的面前，這個物體的兩側(cè)都會產(chǎn)生近大遠小的關(guān)系。把近大遠小的線延伸，它們會相較于視平線上的兩個滅點。這就叫兩點透視了。

兩點透視

第四種透視：三點透視

三點透視：通過兩個滅點和延長線進行輔助。一個高于觀察者的物體除了產(chǎn)生兩點透視之外也會在其頂部產(chǎn)生另一個滅點霎褐，三個滅點都存在擦耀，我們稱之為三點透視敬锐。

三點透視

練習方法：結(jié)構(gòu)素描

結(jié)構(gòu)素描，又稱“形體素描”年堆。這種素描的特點是以線條為主要表現(xiàn)手段包帚，不施明暗渔期，沒有光影變化，而強調(diào)突出物象的結(jié)構(gòu)特征渴邦。 以理解和表達物體自身的結(jié)構(gòu)本質(zhì)為目的疯趟，結(jié)構(gòu)素描的觀察常和測量與推理結(jié)合起來，透視原理的運用自始至終貫穿在觀察的過程中几莽，而不僅僅注重于直觀的方式迅办。這種表現(xiàn)方法相對比較理性，可以忽視對象的光影章蚣、質(zhì)感站欺、體量和明暗等外在因素。大家可以嘗試在紙上繪制主要表現(xiàn)結(jié)構(gòu)的結(jié)構(gòu)素描作為練習纤垂。結(jié)構(gòu)素描對于美術(shù)基礎(chǔ)不好的同學也可以適用矾策。只要用尺子和圓規(guī)等工具搭配合適的自動鉛即可上手。

達芬奇的結(jié)構(gòu)素描練習

達芬奇的結(jié)構(gòu)素描練習

素描關(guān)系

三大面：黑白灰

有的時候設(shè)計師經(jīng)常會說黑白灰關(guān)系峭沦，黑白灰關(guān)系就是我們要介紹的“三大面”贾虽。三大面就是受光程度不同產(chǎn)生的：光打得多就是受光面，光打得少就是側(cè)光面吼鱼，光由折射或者完全遮住就是背光面了蓬豁。這么說比較容易理解：就好比是我們的地球，熱帶地區(qū)就是受光面菇肃，溫帶地區(qū)就是側(cè)光面地粪，北極南極就是背光面。這與光源的距離和位置有關(guān)琐谤，越朝向和接近光源越亮蟆技。立體形狀在光源的照射下都有黑白灰三個面，您可以觀察分析一下身邊的事物。

三大面

五大調(diào)：亮面质礼、灰面旺聚、明暗交界線、反光眶蕉、投影

五大調(diào)：1.亮面 2.灰面 3.明暗交界線 4.反光 5.投影

五大調(diào)同樣是分析光影問題的砰粹，通過描繪光影我們可以塑造立體感。五大調(diào)是三大面的細分妻坝，三大面五大調(diào)是我們每位設(shè)計師都需要記牢印在心里的伸眶，在繪制一些擬物造型或者專題的時候，為了塑造更逼真的感覺刽宪，我們必須檢查自己的造型有沒有三大面五大調(diào)厘贼。

圖中圖標中的三大面五大調(diào)您能分析出來嗎？

亮面：受光物體最亮的部分圣拄，表現(xiàn)的是物體直接反射光源的部分嘴秸。

灰面：高光與明暗交界線之間的區(qū)域。

明暗交界線：區(qū)分亮部與暗部的區(qū)域庇谆，是物體的結(jié)構(gòu)轉(zhuǎn)折處岳掐。明暗交界線不是一條真實的線，但是這個區(qū)域一般會決定亮面灰面的勢力范圍饭耳，也跟隨者形體來走串述。所以非常重要。

反光：物體的背光部分受其他物體或物體所處環(huán)境的反射光影響的部分寞肖。

投影：物體本身遮擋光線后在空間中產(chǎn)生的暗影纲酗。

練習方法：黑白素描練習

黑白素描的練習就是我們用鉛筆來描繪對象物體的明暗變化。這種素描相較結(jié)構(gòu)素描來說比較難新蟆，需要練習上“調(diào)子”觅赊。調(diào)子就是用鉛筆排線而產(chǎn)生的明暗，需要一定地技巧琼稻。

丟勒的素描作品

色彩關(guān)系

三原色?三原色是指色彩中不能再分解的三種基本顏色吮螺。相互混合可以產(chǎn)生出所有的顏色。黑白灰屬于無彩色帕翻。色彩三原色是紅鸠补、黃、藍嘀掸。紅+黃=橙莫鸭，黃+藍=綠，紅+藍=紫横殴。屏幕三原色為紅（Red）、綠（Green）、藍（Blue）衫仑。也叫色光三原色是加色模式梨与，相加混合為白色。但是RGB依賴于電腦屏幕文狱，不同的電腦由于對色彩值的檢測的重現(xiàn)都不一樣粥鞋，所以存在色差。我們家里的彩色電視屏幕就是由這紅瞄崇、綠呻粹、藍三種顏色的小點組成，將這三種顏色按不同比例混合苏研，就可以有千變?nèi)f化的色彩等浊。

屏幕三原色 RGB

印刷三原色為青（Cyan)届腐、品紅（Magenta)戚绕、黃（Yellow)。是減色模式蛹含，混合為深灰色衅鹿，并不能產(chǎn)生黑撒踪，所以在印刷時加上黑色油墨，才能產(chǎn)生純正的黑大渤，就是CMYK顏色模式制妄。

印刷三原色

色彩三屬性

色相：色相就是顏色的樣子。就像人的臉一樣泵三，都是獨一無二的耕捞。也就是色彩的相貌，冷色暖色中性色切黔，是色彩最突出的特點砸脊，簡單來說，他決定“是什么顏色”纬霞。光譜上的紅凌埂、綠、藍等就是不同色彩的色相诗芜、黑色為沒有色相的中性色瞳抓。色相在人眼中的不同是光的波長的長短不同所造成的。紅色的波長最長伏恐，紫色的波長最短孩哑。把紅、橙翠桦、黃横蜒、綠胳蛮、藍、紫六種顏色和處在它們各自之間的紅橙丛晌、黃橙仅炊、黃綠、藍綠澎蛛、藍紫抚垄、紅紫這六種中間色作為12色相環(huán)。能夠使人清楚明了的使人看出色彩平衡和冷暖色谋逻、對比色等呆馁。由12色相環(huán)也可以衍生出更多的色相環(huán)。

亮度：亮度毁兆，我的理解是浙滤，亮的反義詞就是暗，那說明是與顏色的明暗程度有關(guān)荧恍。色彩的明亮程度瓷叫，簡單來說，就是顏色的從黑到白的變化送巡。亮度最低時是黑色摹菠，亮度最高時是白色。顏色的深淺的不同程度骗爆，與光波的幅度有關(guān)次氨，也取決于環(huán)境中反射光有多強。亮度高的色彩給人清新摘投、明快的感覺煮寡，讓人聯(lián)想到藍天白云和青春。明度低的色彩給人沉重犀呼、穩(wěn)定幸撕、堅硬的感覺，讓人聯(lián)想到石頭和鋼鐵外臂。

飽和度：飽和度坐儿，飽和度從字面上的意思來理解，是比較飽和宋光，太飽和可能就會很刺眼貌矿。就是與明度有關(guān)了。色彩純粹度罪佳，是色彩的純凈程度鮮艷程度逛漫，飽和度越低，顏色的色相就越不明顯赘艳，也與光波的幅度有關(guān)酌毡，飽和度低的顏色給人一種很灰克握，不明亮的感覺，飽和度為0的顏色為無彩色阔馋，就是黑白灰玛荞。在一張圖中，飽和度高的地方給人的感覺很靠近呕寝，飽和度低的地方給人的感覺很遠。高飽和度和低飽和度的色彩都給人堅硬的感覺婴梧。

色彩關(guān)系

互補色：紅+綠+藍=白色下梢，在色環(huán)上相隔180度，是對比最強的色組塞蹭，在三原色中孽江，這兩種相隔180度的色光等量相加會得到白色。經(jīng)典互補色有黃色和紫色（例如科比的球衣）番电、黃色和藍色岗屏、紅色和綠色∈欤互補色在視覺上給人非常大的沖擊力这刷，所以在使用上常給人潮流、刺激娩井、興奮的感覺暇屋。

對比色：指在色環(huán)上相距120度到180 度之間的兩種顏色。也是兩種可以明顯區(qū)分的色彩洞辣，包括顏色三要素的對比咐刨、冷暖對比、彩色和消色的對比等等扬霜。對比色能使色彩效果表現(xiàn)明顯定鸟，形式多樣，極賦表現(xiàn)力著瓶×瑁互補色一定是對比色，但是對比色就不一定是互補色蟹但。因為對比色的范圍更大躯泰，包括的要素更多，例如冷暖對比华糖，明度對比麦向，純度對比等。

鄰近色：相互接近的顏色在色環(huán)上的距離相距90度客叉，或者相隔五六個數(shù)位的兩色诵竭。色相相近话告。冷暖性質(zhì)相近，傳遞的情感也較為相似卵慰。例如紅色沙郭、黃色和橙色就是一組臨近色。鄰近色表現(xiàn)的情感多為溫和穩(wěn)定裳朋，沒有太大的視覺沖擊病线。

同類色：色相性質(zhì)相同，但色度有深淺之分（在色環(huán)上相距15度以內(nèi)的顏色）

色彩關(guān)系

固有色鲤嫡、光源色送挑、環(huán)境色

了解完基本的色彩知識，我們來簡單講講色彩和光源的關(guān)系暖眼。如果想描繪好對象的色彩惕耕，那我們必須了解對象的固有色、光源色诫肠、環(huán)境色以及它們之間的關(guān)系和變化司澎。

Workplace by Igor Kozak for Rocketboy

固有色?最簡單的理解是物體本身的顏色。物體的固有色并不存在栋豫，在繪畫過程為了觀察方便我們常引用 “固有色”這個概念挤安。固有色是指在光源條件下物體占主導地位的色彩，比如紅色的罐子笼才、綠色的植物等漱受。

光源色?一切物體只有光源的點亮下才能觀察到它的色彩。光源有自然光源（太陽骡送、天光）和人造光源（燈）昂羡，這些光源都各自具有不同的顏色。太陽光是白的暖色光摔踱，月光是偏青的冷色光虐先，陰天更多的是藍灰色的天光、普通燈光是偏黃色的暖色光派敷。光源的顏色對物體的顏色影響很大蛹批，紅色的光源下的藍色物體您覺得會是什么顏色呢？

環(huán)境色?物體周圍環(huán)境的顏色就是環(huán)境色篮愉。環(huán)境色對物體的影響非常大腐芍，比如在一個紅色背景下的白色石膏方塊，由于光源打到紅色背景下也會“染”到白色石膏方塊身上试躏，產(chǎn)生一種淡紅色的色彩猪勇。所以我們在電腦作圖的時候也要想象環(huán)境色的影響。

練習方法：三大構(gòu)成

三大構(gòu)成指的是：平面構(gòu)成颠蕴、色彩構(gòu)成泣刹、立體構(gòu)成助析。三大構(gòu)成起源于包豪斯學院，一所在設(shè)計歷史上非常重要的學術(shù)機構(gòu)椅您。三大構(gòu)成是美術(shù)知識過渡到設(shè)計領(lǐng)域最重要的一個轉(zhuǎn)折外冀。我們掌握了美術(shù)知識并練習了一定的程度后，就可以開始三大構(gòu)成練習了掀泳。具體來說：

平面構(gòu)成：什么是畫面最小的單位雪隧？點、線开伏、面膀跌。如果我們從無到有需要構(gòu)建一個畫面而不知所措時，可以嘗試用點固灵、線、面來開始劫流。同時也可以嘗試用點巫玻、線、面來做命題進行設(shè)計練習祠汇，這都是大多數(shù)高等院校對設(shè)計專業(yè)進行的最有效的訓練仍秤。

色彩構(gòu)成：根據(jù)我們上文學到的色彩知識：色彩原理、鄰近色可很、對比色诗力、互補色、環(huán)境色我抠、固有色等苇本，融入這些知識到一個練習之中：比如用紫色和黃色創(chuàng)作一個對比強烈的畫面。這就是色彩構(gòu)成的練習方法了菜拓。

立體構(gòu)成：通過對比瓣窄、重復肌理、骨骼等三維空間物體纳鼎，完成一組設(shè)計練習俺夕。通常UI設(shè)計是二維平面的圖形設(shè)計，立體構(gòu)成練習可以相對減弱贱鄙。但是如果您對立體構(gòu)成比較感興趣劝贸，可以查找相關(guān)資料了解。

Cocktail Hour by Hayden Walker

The Lamp by MUTI

Pattern by Steve Wolf

色彩心理學

色彩心理學是美術(shù)知識學習中非常重要的一部分逗宁，它所研究的是色彩通過對人的視覺上的刺激映九，而引發(fā)的人的情感和感官上的變化。通過對色彩的經(jīng)驗積累而變成的對色彩的心理上的逾期感受疙剑。在生活中氯迂，色彩心理學對人們對顏色的認知有很大的影響践叠。而在生活我們常用“亮不亮”、“艷不艷”嚼蚀、“淡紅”禁灼、“蘋果綠”來形容。如果開一家快餐店轿曙，你會用什么顏色作為品牌的主色弄捕？為什么交通燈用紅色表示停止通行而不是綠色呢？這都是色彩心理學的相關(guān)知識导帝。這并不是說色彩本身就具有這些含義和情感守谓，而是我們社會和人為的認知，是關(guān)于社會您单、生活斋荞，運用好色彩心理學可以帶給用戶極佳的視覺體驗，影響用戶的內(nèi)心情感和思維虐秦，引導用戶的感知和行為平酿，并且促進我們自身的發(fā)展。

Personal Website Final Concept by Jamie Syke

黑色：黑色是一種代表品質(zhì)悦陋、權(quán)威蜈彼、穩(wěn)重、時尚的色彩俺驶，同時也含有冷漠幸逆、悲傷、防御的消極情感暮现。它是所有色彩中最有力量的还绘，能很快吸引用戶的注意力。黑色吸收所有光線而且沒有反射送矩，可以說是沒有任何光進入視覺蚕甥，它和白色相反。當你不想引人注目或想專心處理事情時常用栋荸。黑色作為一種無彩色菇怀，能讓和它配合的其他色彩看起來更亮。所以在界面設(shè)計中晌块，黑色常與其他色彩搭配爱沟，使產(chǎn)品顏色更加亮麗和時尚。即使是和暗色系的色彩相搭配也會很好看匆背。黑+紅很引人注目呼伸，黑+黃活力突出有亮點。黑色也有神秘、科技括享、穩(wěn)重的色彩情感搂根，很多科技產(chǎn)品都會使用黑色，或用黑色作為背景色铃辖。是一種永遠流行的主要色彩剩愧。

Stock Image Website by Anton Chandra

白色：白色是所有可見光進入視覺，包含了光譜中的所有色光的顏色娇斩，常被認為“無色”仁卷。白色的明度是最高的，并且它沒有色相犬第。在RGB顏色模式中锦积，紅綠藍混合得到白色。白色傳遞一種簡單歉嗓、純真丰介、高雅、精致鉴分、信任基矮、開放、干凈冠场、暢快、樸素的情感本砰。單一使用白色不會引起任何情感碴裙，但是當與其他顏色配合使用時，白色能很好的襯托点额，大量的留白讓其他元素脫穎而出舔株。在界面設(shè)計中，作為無彩色的白色还棱，常用于背景色载慈，緩和各種顏色的沖突糯俗，以襯托其他色彩挟伙，提高畫面明度，提高文字可讀性百框。黑色和白色是極端對立的兩色琳要，但是黑白搭配總是非常完美寡具，永遠都不過時。

Accessories cards by Nicola Baldo

灰色按鈕在設(shè)計中通常代表不可點擊

灰色：灰色是一種代表睿智稚补、老實童叠、執(zhí)著、嚴肅课幕、壓抑的色彩厦坛。色介于黑色和白色之間五垮，也屬于無彩色，沒有色相也沒有純度杜秸，只有明度的變換放仗。使用灰色很少會犯嚴重的錯誤，它和任何顏色都能很好的搭配亩歹，也常常用于背景色或用于突出其他彩色匙监。在畫面中，很少出現(xiàn)純黑小作，基本都是用深灰色來代替黑色亭姥，也可以用淺灰色來代替白色」讼。灰色不像黑色那么堅硬刺眼达罗，他更有彈性，它比黑色更有深層次的力量静秆。在RGB模式下粮揉，紅綠藍三色數(shù)值相等為中性灰，R=G=B=128為絕對中性灰抚笔。中性灰圖層常用于商業(yè)修圖扶认，人像精修中調(diào)整皮膚質(zhì)感。

Video Gallery by Mikha Makhoul

紅色：傳遞喜慶殊橙、自信辐宾、斗志、權(quán)威膨蛮、性感的情感叠纹。紅色是最能刺激人視覺的一種顏色，甚至能引起一些生理反應敞葛，例如心跳呼吸加快等誉察。容易鼓舞勇氣，引起人們的感情波動惹谐，引發(fā)沖動消費持偏，所以在快餐、電商行業(yè)的品牌多使用紅色豺鼻，為的就是發(fā)沖動综液，引人消費。例如麥當勞儒飒、京東谬莹、小紅書。紅色的色感溫暖，性格剛強兒外向附帽，同時也容易造成人的視覺疲勞埠戳。也是中國備受喜愛被廣泛運用的一種傳統(tǒng)色彩，代表吉祥蕉扮、團圓喜慶整胃。同時紅色也代表了警示、告誡喳钟。所以在界面設(shè)計中常用紅色的文字和按鈕來警示用戶慎重操作屁使。

llustration of web design by Zoeyshen for Radio Design

綠色：是自然界中最常見的顏色，代表生命力奔则、青春蛮寂、希望、寧靜易茬、和平酬蹋、舒適、安全的情感抽莱。綠色是黃色+青色范抓，是冷暖色之間的過渡，他可以是偏向黃色的溫暖的黃綠色食铐，也可以是偏向高冷的青色的藍綠色匕垫。所以他很靈活，可以和各種顏色搭配不同產(chǎn)生的感覺虐呻，起到平衡和協(xié)調(diào)的作用年缎。在生活中被廣泛運用，例如交通燈和安全出口的顏色铃慷。不過綠色的飽和度要好好控制運用，因為高飽和的綠色讓人興奮蜕该，讓人注意犁柜，所以交通燈中綠色代表可以通行。

Inside Intercom World Tour case study by Frantisek Kusovsky

藍色：是三原色中的一種堂淡，代表永恒馋缅、靈性、清新绢淀、自由萤悴、放松、舒適皆的、寧靜覆履、商務。在國外的APP中，藍色最常用硝全。幾乎沒有人對藍色反感栖雾，藍色是天的顏色，是海的顏色伟众。深藍色常常給其他性格活躍極賦表現(xiàn)力的色彩提供一個深遠析藕、平靜的平臺，給人強大而可靠的感覺凳厢。被淡化后依然有很強的個性账胧，給人清爽、自由的感覺先紫，這種感覺還能轉(zhuǎn)化為一種信任治泥，吸引人們使用。及時在藍色中加入少量的其他顏色泡孩，也不會對藍色的性格有多大的影響车摄。可以讓人的內(nèi)心感到平和仑鸥，有助于人的頭腦變得冷靜吮播。

Urban Culture — Presentation Slides by Hrvoje Grubisic

紫色:紫色是一種代表優(yōu)雅、浪漫眼俊、高貴意狠、時尚、神秘疮胖、夢幻环戈、靈性、創(chuàng)造性的顏色澎灸。是孩子和有創(chuàng)造力的人十分喜歡的顏色院塞。紅+藍=紫，在色盤上位于紅色和藍色之間性昭，是冷暖色的交匯拦止。紫色的明度在所有有彩色的顏色中是最低的。與不同的顏色結(jié)合會展現(xiàn)廚不同的風格特色糜颠。紫+粉常用于女性化的產(chǎn)品調(diào)性汹族，黃色是紫色的對比色。紫+黑略顯沉悶其兴，壓抑顶瞒。紫+白，可以使紫色沉悶的性格消失元旬，變得充滿女性的魅力榴徐。

Webdesign by Firman Suci Ananda

黃色 ：黃色是一種代表陽光守问、青春、活力箕速、時尚酪碘、尊貴、年輕輕快盐茎、輝煌兴垦、希望的顏色。紅色+綠色課產(chǎn)生黃色字柠。黃和藍是互補色探越。是四個心理學基色之一。黃色的明度極高窑业，極為顯眼钦幔，盡管在警示效果上沒有紅色那么明顯和強烈，但是還是能給人很醒目和危險的感覺常柄。同時因為過于明亮鲤氢，也是一種非常難以運用的顏色，性格不穩(wěn)定常有偏差西潘，和別的顏色配合使用易失去本來的性格卷玉。黃+白看起來很刺眼，但是黃+黑很有亮點喷市。例如ofo小黃車和站酷都是黃+黑的組合相种。黃+藍也很流行，它可以喚醒藍色的沉靜品姓，造成一個高對比度的視覺沖擊寝并。在中國古代黃色也有特殊含義，代表著尊貴和權(quán)威腹备。明度較低的黃色會顯得很臟衬潦。

極簡設(shè)計史

做為UI設(shè)計師，我們必須要了解一些基本的設(shè)計歷史和美術(shù)知識植酥，才能對我們的工作有一個全面的認識别渔。為了補充非專業(yè)朋友的美術(shù)知識和設(shè)計歷史知識，我寫了這個短篇惧互。我們先來聊聊設(shè)計歷史吧！設(shè)計史是一個內(nèi)容非常豐富喇伯、知識點復雜的龐大體系喊儡。沒有投入足夠的時間很難學習明白。所以一般人沒有太大興趣去閱讀這么長的文章稻据，可是在我們的設(shè)計之中往往需要我們明白一些設(shè)計風格和設(shè)計歷史背景艾猜。為了解決這件事买喧，我用最簡短的方式簡潔地介紹設(shè)計歷史中幾個必須了解的階段，希望能夠讓大家對設(shè)計的歷史有大概的了解匆赃。

設(shè)計的工匠時期（Craftsmanship Times）

設(shè)計分為很多門類淤毛、建筑設(shè)計、廣告設(shè)計算柳、字體設(shè)計等低淡，究其歷史相當久遠。我國的設(shè)計可以追溯到公元前221年的秦朝瞬项。而在遙遠的十九世紀的歐洲蔗蹋，設(shè)計并不是陽春白雪與賞心悅目，而是真實的生產(chǎn)力與皇家用來炫耀權(quán)勢的擺設(shè)囱淋。就讓我們把人類史上工業(yè)革命之前的設(shè)計統(tǒng)稱為工匠時期好了猪杭。因為這個時期設(shè)計師更接近于能工巧匠。在歐洲妥衣，設(shè)計在慢慢地走向了更繁瑣皂吮、更花哨的設(shè)計風格。這是由于法國王朝浮夸的要求而來的税手。法國王朝炫耀自己權(quán)勢蜂筹，貪圖奢華，誕生了巴洛克風格（Baroque)和洛可可風格（Rococo）這樣的復雜風格冈止。沒錯狂票，有的時候現(xiàn)在我們還能偶爾在土豪的家中找到一點巴洛克和洛可可設(shè)計風格的影子，我們也有時會設(shè)計一些婚紗攝影類網(wǎng)站和公司網(wǎng)站也比較接近這種富麗堂皇的風格熙暴。

巴洛克風格

巴洛克（Baroque)闺属，是一種代表歐洲文化的典型藝術(shù)風格。最早來源于葡萄牙語（BARROCO)“不圓的珍珠”周霉，最初特指形狀怪異的珍珠掂器。在法語中，“Baroque”成為形容詞俱箱，有“俗麗凌亂”的意思国瓮。作為一種藝術(shù)風格，巴洛克最早是在16世紀下半葉在意大利發(fā)起的狞谱，在17 世紀的歐洲普遍盛行乃摹，藝術(shù)批評家認為巴洛克是一種墮落瓦解的藝術(shù)。

洛可可風格

洛可可風格是指18世紀的歐洲跟衅，特別是在法國路易十五時期的一種設(shè)計風格孵睬。路易十五執(zhí)政后期，宮廷生活糜爛伶跷，追求復雜和奢華的生活掰读。更是對這種洛可可風格喜愛有加秘狞。洛可可風格的特點就是嫵媚和矯揉造作。主要代表人物有華托（Jean Antoine Watteau蹈集，1684－1721）烁试、布歇（Francois Boucher，1703－1770）和弗拉戈納爾（Jean Honorè Fragonard拢肆，1732－1806）等减响。

工藝美術(shù)運動（The Arts & Crafts Movement）

18世紀下半葉到19世紀上半葉，工業(yè)革命在英國開展善榛，倫敦世界博覽會上的新鮮技術(shù)讓當時的人們大開眼界辩蛋。于是開辦了工廠，產(chǎn)生了資本家和工人階級...但是我們今天講的主要是設(shè)計移盆，那么設(shè)計產(chǎn)生了什么改變呢悼院？就是當年的機器生產(chǎn)做不出來巴洛克和洛可可風格。于是產(chǎn)品設(shè)計變得很粗糙和LOW咒循，那么藝術(shù)家們和設(shè)計師們就只能把目光放回以前了据途。產(chǎn)生了一次“設(shè)計還是以前好”的運動，就被叫做工藝美術(shù)運動了叙甸。工業(yè)美術(shù)運動中重新重視起了很多例如哥特等風格颖医，并且崇尚手工工藝反對機械生產(chǎn)的產(chǎn)品設(shè)計。

哥特式建筑風格的教堂

哥特風格的暴雪《暗黑破壞神》官網(wǎng)

哥特（Goth）最早是中世紀時期（公元5-15世紀）的藝術(shù)風格裆蒸，以恐怖熔萧、超自然、死亡僚祷、頹廢佛致、巫術(shù)、古堡辙谜、深淵俺榆、黑夜、詛咒装哆、吸血鬼等為元素罐脊。哥特式風格用黑暗、恐懼蜕琴、孤獨萍桌、絕望的藝術(shù)主題。哥特原指哥特人凌简。還有一種說法是Gothic源于德語Gotik 上炎，詞源是Gott音譯“哥特”（意為“上帝”），因此哥特式也可以理解為“接近上帝的”的意思号醉。哥特廣泛地運用在當時的建筑反症、服裝、產(chǎn)品設(shè)計上畔派，是一種現(xiàn)在看來稍顯非主流的形式铅碍。

德意志工業(yè)同盟（Deutscher Werkbund）

給設(shè)計一點時間，設(shè)計就會還你一個驚喜线椰。在工藝美術(shù)運動和新藝術(shù)運動之后胞谈，在當時工業(yè)革命最領(lǐng)先的德意志，設(shè)計師們成立了德意志工業(yè)同盟憨愉。這時因為工業(yè)發(fā)展產(chǎn)生出來了一種對繁復和裝飾過度的厭惡情緒烦绳，當然也是因為當時的機器生產(chǎn)很可能無法把巴洛克和洛可可設(shè)計風格演繹的很好。于是以彼得貝倫斯（Peter Behrens）為代表的德國設(shè)計師們開始設(shè)計了一大批簡潔風格的作品配紫。這些作品的審美到今天都影響著我們径密，你現(xiàn)在肯定更加喜歡宜家、無印良品的簡潔設(shè)計躺孝，而你在家里會發(fā)現(xiàn)自己爸爸媽媽總會給電視遙控器套一個洛可可巴洛克風格的套子享扔。而你的審美已經(jīng)是工業(yè)革命之后德意志工業(yè)同盟時期就改造好的了。

彼得貝倫斯（Peter Behrens）

彼得貝倫斯（Peter Behrens）作品

彼得貝倫斯（Peter Behrens）作品

彼得貝倫斯（Peter Behrens）作品

包豪斯（Bauhaus植袍，1919/4/1—1933/7）

1919年的四月一號惧眠，在德國魏瑪成立了一所專科學院于个。這所學院也沒有持續(xù)很久氛魁，就爆發(fā)了世界大戰(zhàn)。于是這所學校就解散了厅篓。本來在歷史上是一件非常小的事秀存，可是這所學校的光輝一直照亮了人類設(shè)計史。它就是包豪斯。包豪斯的三個精神對今天的界面設(shè)計都有影響：第一，設(shè)計是藝術(shù)與技術(shù)的統(tǒng)一付秕。第二旋膳，設(shè)計的目的是人，而不是產(chǎn)品本身缨睡。第三，設(shè)計必須遵守自然法則。這不就是以用戶為中心的設(shè)計思想嗎洞就？包豪斯在互聯(lián)網(wǎng)還沒有出現(xiàn)之前就有這樣的原則。在解散后掀淘，包豪斯出來的一大批教師和學生逃到了美國旬蟋、英國等地，為世界設(shè)計的發(fā)展做出了極大的貢獻革娄。比如蒙德里安就是包豪斯建筑學院的老師倾贰。

包豪斯學院

蒙德里安作品

現(xiàn)代主義設(shè)計（Modernism Design）

受包豪斯的影響冕碟，在一戰(zhàn)戰(zhàn)后誕生了現(xiàn)代主義設(shè)計。二戰(zhàn)后也出現(xiàn)了后現(xiàn)代主義設(shè)計匆浙。但是無論怎樣安寺，現(xiàn)代主義設(shè)計就是我們目前的設(shè)計風格的基石。我們喜歡的蘋果電腦首尼、蘋果手機挑庶、SONY、都是現(xiàn)代主義設(shè)計風格软能。這個時期誕生了很多大家迎捺，比如柯布西耶(Le Corbusier），密斯凡德羅（Ludwig Mies Van der Rohe）查排，迪特蘭姆斯（Dieter Rams）,菲利普斯塔克（Philippe Starck）等凳枝。

New York Chair(紐約椅)

日本品牌無印良品網(wǎng)站 現(xiàn)代主義設(shè)計風格

安藤忠雄的建筑作品

耐克官網(wǎng)多使用矩形、減少裝飾 現(xiàn)代主義設(shè)計風格

其他現(xiàn)代風格

雖然我們的時代沒有大規(guī)模的設(shè)計風格變遷了雹嗦，但是在現(xiàn)代主義之后還出現(xiàn)了后現(xiàn)代風格范舀、解構(gòu)主義等不同的風格，這些風格與之前歷史上的風格交融匯聚了罪，誕生了一個多元化的時代锭环。加上互聯(lián)網(wǎng)和移動互聯(lián)網(wǎng)的誕生，設(shè)計藝術(shù)的風格空前多元化了泊藕。

擬物風格圖標設(shè)計

喬布斯發(fā)布初代iPhone 搭載了出色的擬物風格設(shè)計

擬物風格realism

擬物風格更多的方面是在智能手機流行后才逐漸興起的辅辩。當時手機的圖標和界面為了讓大眾更容易接受一塊黑鏡上的按鈕可以點，往往設(shè)計成皮子的質(zhì)感或者玻璃的質(zhì)感娃圆。這樣可以更好地讓大家理解這里是可以點擊的玫锋。擬物風格流行了很長時間，直到大家完全適應了屏幕化的人機交互形式讼呢，才覺得這種模擬真實世界的設(shè)計有些“多余”和“充滿噪音”撩鹿。但擬物仍然是目前UI設(shè)計中不可或缺的一個重要風格。

扁平化的網(wǎng)頁設(shè)計

扁平設(shè)計風格realism

扁平風格相較擬物風格來說悦屏，強調(diào)簡潔和克制节沦。不允許設(shè)計師使用大量的材質(zhì)和質(zhì)感，而是用形狀和色彩來表達础爬。最初的扁平化要求更為苛刻，只允許純色和形狀叫搁。但是由于用戶無法接受，后來扁平化的風格演化成了帶有一定陰影和漸變的風格疾党。有些人說是微擬物或者微扁平，都可以惨奕。其實就是在信息傳遞上的噪音和表達情感之中取一個中間值仿贬。

著名的波普藝術(shù)作品

波普藝術(shù)Pop Art

波普藝術(shù)來源于商業(yè)美術(shù)，特點是將大眾文化的一些細節(jié)墓贿，比如一些名人或者麥當勞爺爺?shù)冗M行放大和復制。波普藝術(shù)于20世紀50年代后期在紐約發(fā)展起來蜓氨，60年代中期聋袋，波普藝術(shù)代替了抽象表現(xiàn)主義而成為主流的前衛(wèi)藝術(shù)。在日常設(shè)計中的運營設(shè)計我們也常常見到波普藝術(shù)的身影穴吹。

《攻殼機動隊》海報

大疆XAdidas 動態(tài)海報

淘寶新勢力周運營圖

蒸汽波藝術(shù)Vaporwave

蒸汽波普是蒸汽和波普的混合幽勒，起源于音樂，并在音頻中發(fā)揚光大港令，那它究竟是一種怎樣的音樂風格呢啥容？ 蒸汽波(Vaporwave)，vapor是蒸汽的意思顷霹，加上浪的wave組成了一個充滿復古強調(diào)咪惠、妖艷配色的風格。這種風格給人一種復古的潮流感淋淀。蒸汽波在中國互聯(lián)網(wǎng)設(shè)計圈很火也很著名遥昧，也很受用戶喜歡。

電影《銀翼殺手》概念圖

香港 - 賽博朋克感覺很強的地區(qū)

賽博朋克風 Cyberpunk

賽博朋克（cyberpunk朵纷，生化人cybernetics炭臭、朋克punk的結(jié)合詞）鞋仍，是科幻小說的一種風格⊥矗現(xiàn)在賽博朋克的情節(jié)通常圍繞黑客那婉、人工智能及大型企業(yè)之間的矛盾開始，背景設(shè)在不遠的將來的反烏托邦地球呛谜。賽博朋克的主題往往是克隆人隐岛、生化人等有自我意識以后與人類相同的一些頹廢和迷幻的感受割坠。我國的香港和成都的一些建筑因為地貌的原因往往體現(xiàn)出一種后現(xiàn)代的科幻感彼哼。很多電影也會來這些城市采風敢朱，設(shè)計自己的賽博朋克風格。

蒸汽朋克風的標志 - 黑死病時期的鳥頭面具

蒸汽朋克風 Steampunk

蒸汽朋克是一個合成詞蚓哩，由蒸汽steam和朋克punk兩個詞組成杖剪。蒸汽自然是代表了以蒸汽機作為動力的大型機械盛嘿、朋克則是一種邊緣文化，蒸汽朋克的作品往往依靠某種假設(shè)的新技術(shù)锹锰，如通過新能源园蝠、新機械彪薛、新材料少态、新交通工具等方式彼妻，展現(xiàn)一個平行于19世紀西方世界的架空世界觀侨歉，努力營造它的虛構(gòu)和懷舊等特點。蒸汽朋克風格略帶頹廢和黑暗的感受肤京，有些接近剛才介紹過的哥特風格。

西班牙設(shè)計師álvaro Pe?alta的裝置作品

Camille Walala為倫敦設(shè)計節(jié)做的空間

Lee Broom為英國瓷器品牌Wedgewood設(shè)計的孟菲斯系列

知乎在地鐵投放的帶有孟菲斯平面設(shè)計風格的廣告

孟菲斯設(shè)計風格 Memphis Style

孟菲斯（Memphis style），是1981年由意大利設(shè)計師Ettore Sottsass為首集結(jié)組成的設(shè)計師團體肯骇，被稱為“孟菲斯集團”笛丙。孟菲斯的設(shè)計風格顛覆了傳統(tǒng)設(shè)計觀念，將對立的不同元素通進行拼接和碰撞笨鸡，使用明快的色彩和怪誕的元素去表達其極具風格的文化內(nèi)涵哥桥。孟菲斯風格在色彩上打破配色規(guī)律拟糕，用一些純度高佛玄，顏色亮的色調(diào)梦抢，尤其是粉紅奥吩、粉綠等鮮艷的色彩霞赫，再加上多樣的圖形與線條組成設(shè)計端衰。孟菲斯設(shè)計可以嘗試用在互聯(lián)網(wǎng)運營圖中。

設(shè)計風格的現(xiàn)狀

我們生活的時代是一個藝術(shù)繁榮抵代、設(shè)計多樣的時代荤牍。以現(xiàn)代設(shè)計為主的品牌例如：無印良品康吵、宜家等已經(jīng)成為我們生活的必需品了涎才，加之很多不同風格諸如洛可可和巴洛克、哥特等風格的產(chǎn)品跌前，組成了我們生活審美伴挚。我們在做設(shè)計時甲方或者產(chǎn)品經(jīng)理總是在提“高端茎芋、大氣田弥、上檔次”商叹，實際上可能是在描繪現(xiàn)代主義設(shè)計剖笙；“奢華”可能是巴洛克和洛可可的復雜風格弥咪。所以下次在他們提設(shè)計需求時聚至，不妨和他們講解一下設(shè)計的不同風格和歷史鸥印，會有需求方更好地表達出他們想說的語言库说。美術(shù)知識和設(shè)計歷史非常有意思骚揍，希望通過以上的介紹讓大家對這兩個設(shè)計師必須掌握的知識體系產(chǎn)生研究的興趣信不。但是知識終歸代替不了練習抽活，如果您希望學習手繪下硕，還是得拿來紙和筆去練習霜幼。希望大家喜歡這篇文章