- A+
æœ¬æ–‡æ¥æºï¼š å…¬ä¼—å· - 美工美邦, å…± 2788 å—
é…色一直以æ¥éƒ½æ˜¯è®¾è®¡åœˆå†…è€ç”Ÿå¸¸è°ˆçš„è¯é¢˜ï¼Œä¸€å¹…优秀的作å“离ä¸å¼€åˆç†å调的颜色æé…。ä¸åŒçš„颜色所表达的å«ä¹‰ä¸åŒã€‚å³ä¾¿æ˜¯ç›¸åŒçš„颜色 ,明度和纯度ä¸åŒï¼Œç»™äººçš„视觉感å—也ä¸åŒã€‚
虽然说é…色是感性的,但æ¯ä¸ªäººå¯¹äºŽè‰²å½©çš„æŠŠæŽ§åŠ›å’Œæ•æ„Ÿåº¦ä¸å°½ç›¸åŒï¼Œæ‰€ä»¥å¯¼è‡´é…色能力也å‚å·®ä¸é½ï¼Œè¿™æ—¶å€™æˆ‘们就需è¦è¿ç”¨åˆ°ä¸€äº›é…色规则,æå‡æˆ‘们的对色彩的感知力。
商业设计师跟艺术家ä¸ä¸€æ ·ï¼Œé…色è¦è€ƒè™‘普通用户的认å¯åº¦å’ŒæŽ¥å—èƒ½åŠ›ï¼Œæœ‰æ•ˆçš„ä¼ é€’ä¿¡æ¯æ‰æ˜¯æœ€é‡è¦çš„。所以在商业设计ä¸ï¼Œé…è‰²å¹¶ä¸æ˜¯è¶Šæœ‰è‰ºæœ¯æ„Ÿè¶Šå¥½ï¼Œå¦‚何åšåˆ°åè°ƒæ‰æ˜¯é‡ç‚¹ã€‚
å…³äºŽé¢œè‰²çš„å±žæ€§ï¼Œè‰²ç›¸ã€æ˜Žåº¦ã€çº¯åº¦åœ¨ä¹‹å‰çš„æ–‡ç« ä¸å·²ç»è¯´è¿‡äº†ï¼Œæ‰€ä»¥è¿™é‡Œå°±ä¸åšè¿‡å¤šçš„说明。
色相一致的é…色更åè°ƒ
简å•çš„ç†è§£å°±æ˜¯ï¼šå¦‚果使用è“色就全部使用è“色,这ç§å½¢å¼çš„é…è‰²ç»™äººçš„è§†è§‰æ„Ÿå—æ›´åè°ƒã€ä¸€è‡´ã€æ˜“于接å—。
我们都知é“ï¼Œé¢œè‰²çš„å±žæ€§åˆ†ä¸ºï¼šè‰²ç›¸ã€æ˜Žåº¦ã€çº¯åº¦ï¼Œåœ¨ä¿æŒä¸€ä¸ªå±žæ€§å›ºå®šçš„æƒ…况下,å¦å¤–两个就是å˜é‡ï¼Œå³ï¼šæ˜Žåº¦å’Œçº¯åº¦ã€‚
如上图所示,两ç§é…色形å¼ç»™äººçš„æ„Ÿè§‰éƒ½æ¯”较å调且ä¸å•调,这就是色相一致的é…色所带æ¥çš„直观感å—。
类似的案例:
如上图案例所示,色相一致的é…色总是会给人一ç§å¾ˆåè°ƒã€å¹³å’Œçš„视觉感å—,但如果大é¢ç§¯çš„使用这ç§é…色形å¼ï¼Œå› 为色彩上å˜åŒ–ä¸å¤Ÿå¼ºçƒˆï¼Œä¹Ÿä¼šç»™äººä¸€ç§å•调的感觉,我们应该如何解决?
上次去西é¤åŽ…åƒâ€œçƒ§é¸¡â€çš„æ—¶å€™ï¼Œæˆ‘å—到了很大的å¯å‘:
ç¾Žé£Ÿéƒ½è®²ç©¶è‰²é¦™å‘³ä¿±å…¨ï¼Œæ‰€è°“è‰²ï¼Œå°±æ˜¯é£Ÿç‰©çœ‹èµ·æ¥æ˜¯å¦è¶³å¤Ÿè¯±äººï¼Œå°±å¦‚åŒä¸Šé¢çš„çƒ§é¸¡ä¸€æ ·ï¼Œç¬¬ä¸€çœ¼çœ‹ä¸ŠåŽ»ï¼Œä½ ä¼šé€‰æ‹©åƒå“ªç›˜ï¼Ÿæžœæ–å³è¾¹ï¼ŒèŠ±åŒæ ·çš„钱,能多åƒç‚¹ä¸œè¥¿ä¸é¦™å—?
当é…色å•调的时候,就å¯ä»¥åŠ ç‚¹æ–™
下é¢çœ‹ä¸ªç®€å•的案例:
通过上下改动对比ä¸éš¾å‘现,点缀色的使用就能很好的规é¿å› 主色色相一致导致的å•调感。所以ä¸ç®¡æ˜¯é¡µé¢è®¾è®¡è¿˜æ˜¯æµ·æŠ¥è®¾è®¡ï¼Œå°½é‡ä¸è¦ä»Žå¤´åˆ°å°¾å¤§é¢ç§¯çš„åªç”¨å®Œå…¨ç›¸åŒçš„一个色相。
注æ„ï¼šä½¿ç”¨è‰²ç›¸çŽ¯ç›¸è¿‘çš„è‰²ç›¸ï¼Œç”»é¢æ•´ä½“é…色的å调感和统一感也ä¸ä¼šæ¶ˆå¤±ï¼Œåªæ˜¯åœ¨è‰²ç›¸ä¸Šå¢žåŠ äº†ä¸€äº›å¾®å¦™çš„å˜åŒ–,比如黄色和橙色。
明度一致的é…色,å³ä½¿å¤šç§é¢œè‰²ç›¸äº’组åˆï¼Œä¹Ÿèƒ½è®©æ•´ä½“显得很åè°ƒã€å¯Œæœ‰å‡è¡¡æ„Ÿï¼Œå¹¶ä¸”能有效的é¿å…出现å•调的情况。
比起纯度åŠè‰²ç›¸ï¼Œæ˜Žåº¦æ˜¯è®©çœ¼ç›æ›´å®¹æ˜“感å—到“å˜åŒ–â€çš„色彩è¦ç´ 。而明度一致,æ„å‘³ç€æ²¡æœ‰ç‰¹åˆ«å‡¸æ˜¾æˆ–者醒目的视觉效果,é…色上相对æ¥è¯´æ¯”较å‡è¡¡ã€‚
明度越低,色彩的属性越弱,越接近黑色。
其实颜色本身就带有明度的特性,å³ä¾¿æˆ‘们在数值上调整到明度一致,但视觉上ä¾ç„¶ä¼šæœ‰è½å·®ï¼Œæ¯”如:è“è‰²æœ¬èº«å°±è¦æ¯”黄色明度低。
所以如果我们想è¦è§†è§‰ä¸Šæ˜Žåº¦ç›¸ä¼¼çš„é…色形å¼ï¼Œå¯ä»¥åŽ»è‰²å¤„ç†ã€‚ç°è‰²çš„æ˜Žåº¦å·®å°±å’ŒåŽŸè‰²ç›¸ç‰ï¼Œå¦‚下图所示:
所以去色之åŽçš„ç°è‰²ç›¸ä¼¼ï¼Œä¹Ÿå°±æ„味ç€åŽ»è‰²å‰é¢œè‰²è§†è§‰ä¸Šæ˜Žåº¦ç›¸ä¼¼ã€‚
下é¢çœ‹ç»„案例:
å‰é¢ä¹Ÿè¯´äº†ï¼Œæ˜Žåº¦æ˜¯è®©çœ¼ç›æ›´å®¹æ˜“感å—到“å˜åŒ–â€çš„颜色属性,明度一致的é…色方å¼ï¼Œç›¸å¯¹æ¥è¯´å„ç§è‰²ç›¸å¯¹äºŽè§†è§‰çš„影哿¯”较å‡è¡¡ï¼Œæ‰€ä»¥å¯¹æ¯”å¹¶ä¸ä¼šå¾ˆå¼ºçƒˆï¼Œå¤šç”¨äºŽåæ–‡è‰ºé£Žæ ¼ï¼Œè¿™ç§é…è‰²å½¢å¼æœ‰ä¸€å®šçš„局陿€§ã€‚
如何通过明度一致的é…色,è¥é€ 强烈的视觉冲çªï¼Ÿ
在特定的情况下也是å¯ä»¥çš„ï¼
æ¯”å¦‚æœ‰å½©è‰²å’Œæ— å½©è‰²ï¼Œè¿™ä¸¤è€…æœ¬èº«å°±å…·æœ‰å¯¹æ¯”æ€§ï¼Œæ‰€ä»¥å³ä¾¿æ˜¯æ˜Žåº¦ä¸€è‡´çš„é…è‰²ï¼Œåœ¨æ— å½©è‰²çš„è¡¬æ‰˜ä¸‹ï¼Œä¾ç„¶å¯ä»¥è¥é€ 强烈的视觉冲çªï¼Œä¸‹é¢çœ‹ä¸ªæ¡ˆä¾‹ï¼š
所以说:“ç†è®ºæ˜¯æ»çš„,人是活的â€ï¼Œä¸€å®šè¦çµæ´»è¿ç”¨ã€‚
çº¯åº¦ï¼Œé¡¾åæ€ä¹‰å°±æ˜¯é¢œè‰²çš„é²œè‰³ç¨‹åº¦ï¼Œç›¸æ¯”å‰ä¸¤è€…,纯度一致的é…色给人的å°è±¡å˜åŒ–å¾ˆå¤§ï¼Œå› ä¸ºçº¯åº¦å¯¹äººçš„å¿ƒç†å½±å“更大。
当色相ç§ç±»å¤šçš„æ—¶å€™ï¼Œçº¯åº¦ä¸åŒçš„é…è‰²ï¼Œä¼šè®©æ•´ä½“ç¼ºå°‘ä¸€è‡´æ€§ã€æ²¡é‚£ä¹ˆå调,下é¢é€šè¿‡ç¤ºæ„图一起看下:
通过上图我们ä¸éš¾å‘现,相比而言,纯度一致é…色给人一ç§ç»Ÿä¸€æ„Ÿï¼Œå调性更好。并且,纯度高的é…è‰²è®©äººæ„Ÿè§‰æ´»æ³¼ã€æœ‰å¼ 力。纯度低的é…色则更冷é™ã€ç¨³é‡ã€ä¿¡èµ–感。
但纯度一致的é…色在现实工作ä¸ç”¨åˆ°çš„å¹¶ä¸ç®—多,这里åªåšäº†è§£ã€‚
注æ„:ä¸ç®¡æ˜¯è‰²ç›¸ã€æ˜Žåº¦ã€çº¯åº¦å“ªä¸€é¡¹ä¸€è‡´ï¼Œéƒ½ä¸æ˜¯ç»å¯¹æ€§çš„,é…è‰²æŠ€æ³•ä¸æ˜¯æ•°å¦ç”æ¡ˆï¼Œæ›´åƒæ˜¯è§£é¢˜æ€è·¯ã€‚
Â
å¦å¤–:也å¯ä»¥å°†é¢œè‰²çš„三大属性ä¸çš„两项相互组åˆï¼Œå¦ä¸€é¡¹ä¸ºå˜é‡ã€‚æ¯”å¦‚çº¯åº¦å’Œæ˜Žåº¦ä¿æŒä¸€ç›´ï¼Œè‰²ç›¸ä¸åŒç‰ç‰ï¼Œ
其实我们在日常工作ä¸ï¼Œé…è‰²å¹¶ä¸æ˜¯å‡ç©ºæƒ³è±¡çš„,å¯ä»¥å»ºç«‹åœ¨æŸäº›åŸºç¡€ä¹‹ä¸Šï¼Œä»Žè€Œé€šè¿‡é…è‰²è®©ä½œå“æ•´ä½“åè°ƒã€ç»Ÿä¸€ã€‚简å•çš„æ¥è¯´ï¼Œå调的é…è‰²å°±åœ¨æˆ‘ä»¬èº«è¾¹ï¼Œæ¯”å¦‚è¯´åˆ°æ ‘æœ¨æˆ‘ä»¬ä¼šæƒ³åˆ°ç»¿è‰²ï¼Œæµ·æ´‹å¯¹åº”çš„æ˜¯è“色,花å‰å¯¹åº”的是粉色ã€çº¢è‰²ç‰ç‰ã€‚
那么我们就å¯ä»¥ä»Žå¤§è‡ªç„¶å–å¾—å调的é…色,当主题确定时,我们å¯ä»¥å°è¯•从自然界ä¸çš„é…è‰²æˆ–è€…ç†Ÿæ‚‰çš„é£Žæ™¯è‰²å½©ä¸æ‰¾åˆ°ã€‚下é¢ä¸¾ä¸ªç®€å•的例å:
围绕“立秋â€ä¸ºä¸»é¢˜ï¼Œå¦‚何é…色符åˆä¸»é¢˜è°ƒæ€§ï¼Ÿ
æ€è€ƒï¼šè¯´åˆ°ç§‹å¤©ï¼Œé¦–å…ˆä¼šæƒ³åˆ°çš„é¢œè‰²å°±æ˜¯é‡‘é»„è‰²ï¼Œåæ£å…·ä½“æ€Žä¹ˆé…è‰²æˆ‘ä¹Ÿä¸æ¸…楚,既然想到了秋天,我就å¯ä»¥å…ˆä¸‹è½½ä¸€å¼ ç§‹å¤©çš„ç…§ç‰‡ï¼Œæ‰¾ä¸‹çµæ„Ÿï¼š
图片下载好之åŽï¼Œå¦‚何æå–图片ä¸çš„颜色呢?这里我们就å¯ä»¥ç”¨åˆ°PS软件里é¢çš„æ»¤é•œ-åƒç´ 化-马赛克,得到下图:
图片马赛克处ç†ä¹‹åŽï¼Œå°±å˜æˆçš„大的åƒç´ æ ¼å,我们就å¯ä»¥ä»Žåƒç´ æ ¼å里é¢å¸å–颜色,相互组åˆï¼Œå¯ä»¥å¾—到下é¢è¿™å¼ 色å¡ï¼š
应用到实际案例ä¸å¦‚下图:
æ˜¯ä¸æ˜¯ç»™äººçš„æ„Ÿè§‰å¾ˆåè°ƒã€ç»Ÿä¸€å‘¢ï¼Ÿ
åƒè¿™ç§é©¬èµ›å…‹å–色方å¼ï¼Œå°±ä¸ºæˆ‘们æä¾›å¾ˆå¥½çš„é…è‰²çµæ„Ÿï¼Œæˆ‘们åªéœ€è¦æ ¹æ®å®žé™…è¿ç”¨ç¨å¾®åšä¸‹è°ƒæ•´ã€è¿‡æ¸¡ï¼Œå°±å¯ä»¥è®©ä½œå“整体é…色åè°ƒã€ç»Ÿä¸€ã€‚
ç”¨è¿™ç§æ–¹æ³•,还å¯ä»¥å¾—到很多ä¸åŒç±»åž‹çš„é…色方å¼ï¼š
è¿™ç§ä»Žè‡ªç„¶å›¾ç‰‡ä¸é©¬èµ›å…‹çš„å–色方å¼ï¼Œèƒ½å¾—到很å调的é…色,è¿ç”¨çš„设计师工作ä¸ä¹Ÿå¾ˆæ–¹ä¾¿ã€‚
在设计工作ä¸ï¼Œå调的é…色还å¯ä»¥æ›´ç›´æŽ¥
选å–ç”»é¢ä¸çš„主体物作为é…色å‚考,å¯ä»¥è®©æ•´ä½“é…色æžå…·å调性,这ç§é…è‰²å½¢å¼æˆ‘在工作ä¸ç»å¸¸ä¼šç”¨åˆ°ã€‚
ä¸€èˆ¬æˆ‘ä»¬åˆ†ä¸ºä¸¤ç§æƒ…况:
â‘ ã€å½“ç”»é¢ä¸»ä½“是æŸç§äº§å“æ—¶
 商业设计很多时候都是离ä¸å¼€äº§å“的,当有色感的产å“作为画é¢ä¸»ä½“æ—¶ï¼Œäº§å“æœ¬èº«çš„固有é…色形å¼å°±èƒ½å¾ˆå¥½çš„æˆä¸ºæˆ‘ä»¬é…色的å‚考。下é¢ä¸¾ä¸ªä¾‹å:
å¦‚ä¸Šå›¾æ¡ˆä¾‹æ‰€ç¤ºï¼Œäº§å“æœ¬èº«è‰²æ„Ÿå°±å¾ˆå¼ºï¼Œæ‰€ä»¥æ•´ä½“é…色完全沿用了键盘本身的颜色æé…,尽管色相ç§ç±»æŒºå¤šï¼Œä½†æ•´ä½“çš„é…è‰²å½¢ä¼¼ä¸Žäº§å“æœ¬èº«å½¢æˆäº†å¾ˆå¥½çš„å‘¼åº”ï¼Œæ‰€ä»¥ä¸æ¯«ä¸å½±å“整体的å调性。
类似的案例还有:
è¿™é‡Œéœ€è¦æ³¨æ„ï¼šå½“äº§å“æ˜¯çº¯è‰²æ—¶ï¼Œå¯èƒ½ä¼šå‡ºçްé…è‰²å› ä¸ºè‰²ç›¸è¿‡äºŽç»Ÿä¸€å¯¼è‡´æ•´ä½“å•è°ƒã€‚é‚£ä¹ˆæ¤æ—¶å¯ä»¥è€ƒè™‘ç»™æ•´ä½“åŠ ç‚¹ç‚¹ç¼€è‰²ï¼Œæ—¢ä¸ä¼šæ”¹å˜æ•´ä½“çš„å调感,åˆèƒ½å¾ˆå¥½çš„é¿å…出现å•调的现象。
å¦å¤–,也å¯ä»¥é€‰æ‹©ä¸Žäº§å“本身相冲çªçš„颜色进行æé…,这ç§é…色形å¼åœ¨è§†è§‰ä¸Šå†²å‡»åŠ›æ›´å¼ºã€æ›´èƒ½çªå‡ºä¸»ä½“,举个例å:
â‘¡ã€å½“ç”»é¢ä¸»ä½“æ˜¯å›¾åƒæ—¶
æœ‰äº›æ—¶å€™ï¼Œæˆ‘ä»¬çš„ä¸»ä½“æ˜¯å›¾åƒæ—¶ï¼Œæ¯”如:场景图,那么å调的é…色就å¯ä»¥å‚考图åƒä¸è‰²é¢œè‰²ï¼Œå¹¶ä¸”è¿™ç§å½¢å¼ä¼šæ›´æ–¹ä¾¿ï¼š
其原ç†éƒ½æ˜¯ä¸€æ ·çš„:就是与主体在色彩上形æˆå‘¼åº”å…³ç³»ï¼Œæ‰€ä»¥ä½œå“æ•´ä½“看起æ¥å¾ˆå调。
今天的主题是让é…色更å调,为什么è¦å¼ºè°ƒåè°ƒå‘¢ï¼ŸåŽŸå› å¾ˆç®€å•ï¼šå¹¶ä¸æ˜¯è¯´ä¸å调的é…色就是错误的,而是å调的é…色更容易让大众接å—,也更利于我们日常的设计工作。
ä¸ç®¡æ˜¯ä¸Šé¢å“ªç§å½¢å¼çš„é…色,都è¦å°½é‡éµå¾ªæ•´ä½“é…色的色相数é‡åœ¨ä¸‰ä¸ªä»¥å†…,一个画é¢ä¸è¦å‡ºçŽ°å¤ªå¤šçš„é¢œè‰²ï¼Œå¾ˆå®¹æ˜“å¯¼è‡´æ•´ä½“å¤±åŽ»å调性ã€ä¹±çš„æƒ…况出现。
最åŽéœ€è¦å¼ºè°ƒï¼šé…è‰²æ°¸è¿œéƒ½æ˜¯å¤šé€‰é¢˜ï¼Œæ²¡æœ‰å”¯ä¸€çš„æ ‡å‡†ç”æ¡ˆï¼Œè¿™ä¹ˆå¤šé…色ç†è®ºåªæ˜¯ä¸ºå¤§å®¶æä¾›ä¸€ä¸ªåˆ‡å…¥ç‚¹ï¼Œç†è®ºæä¾›çš„æ˜¯è§£é¢˜æ€è·¯è€Œä¸æ˜¯ç”案。