如何åšå¥½è‰²å½©æ­é…çš„å调性

  • A+
所属分类:ç»éªŒæ€ç»´

æœ¬æ–‡æ¥æºï¼š å…¬ä¼—å· - 美工美邦, å…± 2788 å­—

如何åšå¥½è‰²å½©æ­é…çš„å调性

é…色一直以æ¥éƒ½æ˜¯è®¾è®¡åœˆå†…è€ç”Ÿå¸¸è°ˆçš„è¯é¢˜ï¼Œä¸€å¹…优秀的作å“离ä¸å¼€åˆç†å调的颜色æ­é…。ä¸åŒçš„颜色所表达的å«ä¹‰ä¸åŒã€‚å³ä¾¿æ˜¯ç›¸åŒçš„颜色 ,明度和纯度ä¸åŒï¼Œç»™äººçš„视觉感å—也ä¸åŒã€‚

虽然说é…色是感性的,但æ¯ä¸ªäººå¯¹äºŽè‰²å½©çš„æŠŠæŽ§åŠ›å’Œæ•æ„Ÿåº¦ä¸å°½ç›¸åŒï¼Œæ‰€ä»¥å¯¼è‡´é…色能力也å‚å·®ä¸é½ï¼Œè¿™æ—¶å€™æˆ‘们就需è¦è¿ç”¨åˆ°ä¸€äº›é…色规则,æå‡æˆ‘们的对色彩的感知力。

商业设计师跟艺术家ä¸ä¸€æ ·ï¼Œé…色è¦è€ƒè™‘普通用户的认å¯åº¦å’ŒæŽ¥å—èƒ½åŠ›ï¼Œæœ‰æ•ˆçš„ä¼ é€’ä¿¡æ¯æ‰æ˜¯æœ€é‡è¦çš„。所以在商业设计中,é…è‰²å¹¶ä¸æ˜¯è¶Šæœ‰è‰ºæœ¯æ„Ÿè¶Šå¥½ï¼Œå¦‚何åšåˆ°åè°ƒæ‰æ˜¯é‡ç‚¹ã€‚

如何åšå¥½è‰²å½©æ­é…çš„å调性

å…³äºŽé¢œè‰²çš„å±žæ€§ï¼Œè‰²ç›¸ã€æ˜Žåº¦ã€çº¯åº¦åœ¨ä¹‹å‰çš„æ–‡ç« ä¸­å·²ç»è¯´è¿‡äº†ï¼Œæ‰€ä»¥è¿™é‡Œå°±ä¸åšè¿‡å¤šçš„说明。

色相一致的é…色更åè°ƒ

简å•çš„ç†è§£å°±æ˜¯ï¼šå¦‚果使用è“色就全部使用è“色,这ç§å½¢å¼çš„é…è‰²ç»™äººçš„è§†è§‰æ„Ÿå—æ›´åè°ƒã€ä¸€è‡´ã€æ˜“于接å—。

我们都知é“ï¼Œé¢œè‰²çš„å±žæ€§åˆ†ä¸ºï¼šè‰²ç›¸ã€æ˜Žåº¦ã€çº¯åº¦ï¼Œåœ¨ä¿æŒä¸€ä¸ªå±žæ€§å›ºå®šçš„æƒ…况下,å¦å¤–两个就是å˜é‡ï¼Œå³ï¼šæ˜Žåº¦å’Œçº¯åº¦ã€‚

如何åšå¥½è‰²å½©æ­é…çš„å调性

如上图所示,两ç§é…色形å¼ç»™äººçš„æ„Ÿè§‰éƒ½æ¯”较å调且ä¸å•调,这就是色相一致的é…色所带æ¥çš„直观感å—。

类似的案例:

如何åšå¥½è‰²å½©æ­é…çš„å调性

如何åšå¥½è‰²å½©æ­é…çš„å调性

如何åšå¥½è‰²å½©æ­é…çš„å调性

如何åšå¥½è‰²å½©æ­é…çš„å调性

如上图案例所示,色相一致的é…色总是会给人一ç§å¾ˆåè°ƒã€å¹³å’Œçš„视觉感å—,但如果大é¢ç§¯çš„使用这ç§é…色形å¼ï¼Œå› ä¸ºè‰²å½©ä¸Šå˜åŒ–ä¸å¤Ÿå¼ºçƒˆï¼Œä¹Ÿä¼šç»™äººä¸€ç§å•调的感觉,我们应该如何解决?

上次去西é¤åŽ…åƒâ€œçƒ§é¸¡â€çš„æ—¶å€™ï¼Œæˆ‘å—到了很大的å¯å‘:

如何åšå¥½è‰²å½©æ­é…çš„å调性

ç¾Žé£Ÿéƒ½è®²ç©¶è‰²é¦™å‘³ä¿±å…¨ï¼Œæ‰€è°“è‰²ï¼Œå°±æ˜¯é£Ÿç‰©çœ‹èµ·æ¥æ˜¯å¦è¶³å¤Ÿè¯±äººï¼Œå°±å¦‚åŒä¸Šé¢çš„烧鸡一样,第一眼看上去,你会选择åƒå“ªç›˜ï¼Ÿæžœæ–­å³è¾¹ï¼ŒèŠ±åŒæ ·çš„钱,能多åƒç‚¹ä¸œè¥¿ä¸é¦™å—?

当é…色å•调的时候,就å¯ä»¥åŠ ç‚¹æ–™

下é¢çœ‹ä¸ªç®€å•的案例:

如何åšå¥½è‰²å½©æ­é…çš„å调性

通过上下改动对比ä¸éš¾å‘现,点缀色的使用就能很好的规é¿å› ä¸»è‰²è‰²ç›¸ä¸€è‡´å¯¼è‡´çš„å•调感。所以ä¸ç®¡æ˜¯é¡µé¢è®¾è®¡è¿˜æ˜¯æµ·æŠ¥è®¾è®¡ï¼Œå°½é‡ä¸è¦ä»Žå¤´åˆ°å°¾å¤§é¢ç§¯çš„åªç”¨å®Œå…¨ç›¸åŒçš„一个色相。

注æ„ï¼šä½¿ç”¨è‰²ç›¸çŽ¯ç›¸è¿‘çš„è‰²ç›¸ï¼Œç”»é¢æ•´ä½“é…色的å调感和统一感也ä¸ä¼šæ¶ˆå¤±ï¼Œåªæ˜¯åœ¨è‰²ç›¸ä¸Šå¢žåŠ äº†ä¸€äº›å¾®å¦™çš„å˜åŒ–,比如黄色和橙色。

如何åšå¥½è‰²å½©æ­é…çš„å调性

明度一致的é…色,å³ä½¿å¤šç§é¢œè‰²ç›¸äº’组åˆï¼Œä¹Ÿèƒ½è®©æ•´ä½“显得很åè°ƒã€å¯Œæœ‰å‡è¡¡æ„Ÿï¼Œå¹¶ä¸”能有效的é¿å…出现å•调的情况。

比起纯度åŠè‰²ç›¸ï¼Œæ˜Žåº¦æ˜¯è®©çœ¼ç›æ›´å®¹æ˜“感å—到“å˜åŒ–â€çš„色彩è¦ç´ ã€‚而明度一致,æ„å‘³ç€æ²¡æœ‰ç‰¹åˆ«å‡¸æ˜¾æˆ–者醒目的视觉效果,é…色上相对æ¥è¯´æ¯”较å‡è¡¡ã€‚

明度越低,色彩的属性越弱,越接近黑色。

如何åšå¥½è‰²å½©æ­é…çš„å调性

其实颜色本身就带有明度的特性,å³ä¾¿æˆ‘们在数值上调整到明度一致,但视觉上ä¾ç„¶ä¼šæœ‰è½å·®ï¼Œæ¯”如:è“è‰²æœ¬èº«å°±è¦æ¯”黄色明度低。

如何åšå¥½è‰²å½©æ­é…çš„å调性

所以如果我们想è¦è§†è§‰ä¸Šæ˜Žåº¦ç›¸ä¼¼çš„é…色形å¼ï¼Œå¯ä»¥åŽ»è‰²å¤„ç†ã€‚ç°è‰²çš„æ˜Žåº¦å·®å°±å’ŒåŽŸè‰²ç›¸ç­‰ï¼Œå¦‚ä¸‹å›¾æ‰€ç¤ºï¼š

如何åšå¥½è‰²å½©æ­é…çš„å调性

所以去色之åŽçš„ç°è‰²ç›¸ä¼¼ï¼Œä¹Ÿå°±æ„味ç€åŽ»è‰²å‰é¢œè‰²è§†è§‰ä¸Šæ˜Žåº¦ç›¸ä¼¼ã€‚

下é¢çœ‹ç»„案例:

如何åšå¥½è‰²å½©æ­é…çš„å调性

如何åšå¥½è‰²å½©æ­é…çš„å调性

如何åšå¥½è‰²å½©æ­é…çš„å调性

å‰é¢ä¹Ÿè¯´äº†ï¼Œæ˜Žåº¦æ˜¯è®©çœ¼ç›æ›´å®¹æ˜“感å—到“å˜åŒ–â€çš„颜色属性,明度一致的é…色方å¼ï¼Œç›¸å¯¹æ¥è¯´å„ç§è‰²ç›¸å¯¹äºŽè§†è§‰çš„影哿¯”较å‡è¡¡ï¼Œæ‰€ä»¥å¯¹æ¯”å¹¶ä¸ä¼šå¾ˆå¼ºçƒˆï¼Œå¤šç”¨äºŽå文艺风格,这ç§é…è‰²å½¢å¼æœ‰ä¸€å®šçš„局陿€§ã€‚

如何通过明度一致的é…色,è¥é€ å¼ºçƒˆçš„视觉冲çªï¼Ÿ

在特定的情况下也是å¯ä»¥çš„ï¼

比如有彩色和无彩色,这两者本身就具有对比性,所以å³ä¾¿æ˜¯æ˜Žåº¦ä¸€è‡´çš„é…色,在无彩色的衬托下,ä¾ç„¶å¯ä»¥è¥é€ å¼ºçƒˆçš„视觉冲çªï¼Œä¸‹é¢çœ‹ä¸ªæ¡ˆä¾‹ï¼š

如何åšå¥½è‰²å½©æ­é…çš„å调性

所以说:“ç†è®ºæ˜¯æ­»çš„,人是活的â€ï¼Œä¸€å®šè¦çµæ´»è¿ç”¨ã€‚

如何åšå¥½è‰²å½©æ­é…çš„å调性

çº¯åº¦ï¼Œé¡¾åæ€ä¹‰å°±æ˜¯é¢œè‰²çš„é²œè‰³ç¨‹åº¦ï¼Œç›¸æ¯”å‰ä¸¤è€…,纯度一致的é…色给人的å°è±¡å˜åŒ–很大,因为纯度对人的心ç†å½±å“更大。

当色相ç§ç±»å¤šçš„æ—¶å€™ï¼Œçº¯åº¦ä¸åŒçš„é…è‰²ï¼Œä¼šè®©æ•´ä½“ç¼ºå°‘ä¸€è‡´æ€§ã€æ²¡é‚£ä¹ˆå调,下é¢é€šè¿‡ç¤ºæ„图一起看下:

如何åšå¥½è‰²å½©æ­é…çš„å调性

通过上图我们ä¸éš¾å‘现,相比而言,纯度一致é…色给人一ç§ç»Ÿä¸€æ„Ÿï¼Œå调性更好。并且,纯度高的é…è‰²è®©äººæ„Ÿè§‰æ´»æ³¼ã€æœ‰å¼ åŠ›ã€‚çº¯åº¦ä½Žçš„é…色则更冷é™ã€ç¨³é‡ã€ä¿¡èµ–感。

但纯度一致的é…色在现实工作中用到的并ä¸ç®—多,这里åªåšäº†è§£ã€‚

注æ„:ä¸ç®¡æ˜¯è‰²ç›¸ã€æ˜Žåº¦ã€çº¯åº¦å“ªä¸€é¡¹ä¸€è‡´ï¼Œéƒ½ä¸æ˜¯ç»å¯¹æ€§çš„,é…è‰²æŠ€æ³•ä¸æ˜¯æ•°å­¦ç­”æ¡ˆï¼Œæ›´åƒæ˜¯è§£é¢˜æ€è·¯ã€‚

 

å¦å¤–:也å¯ä»¥å°†é¢œè‰²çš„三大属性中的两项相互组åˆï¼Œå¦ä¸€é¡¹ä¸ºå˜é‡ã€‚æ¯”å¦‚çº¯åº¦å’Œæ˜Žåº¦ä¿æŒä¸€ç›´ï¼Œè‰²ç›¸ä¸åŒç­‰ç­‰ï¼Œ

如何åšå¥½è‰²å½©æ­é…çš„å调性

其实我们在日常工作中,é…è‰²å¹¶ä¸æ˜¯å‡­ç©ºæƒ³è±¡çš„,å¯ä»¥å»ºç«‹åœ¨æŸäº›åŸºç¡€ä¹‹ä¸Šï¼Œä»Žè€Œé€šè¿‡é…è‰²è®©ä½œå“æ•´ä½“åè°ƒã€ç»Ÿä¸€ã€‚简å•çš„æ¥è¯´ï¼Œå调的é…色就在我们身边,比如说到树木我们会想到绿色,海洋对应的是è“色,花å‰å¯¹åº”的是粉色ã€çº¢è‰²ç­‰ç­‰ã€‚

那么我们就å¯ä»¥ä»Žå¤§è‡ªç„¶å–å¾—å调的é…色,当主题确定时,我们å¯ä»¥å°è¯•从自然界中的é…色或者熟悉的风景色彩中找到。下é¢ä¸¾ä¸ªç®€å•的例å­ï¼š

围绕“立秋â€ä¸ºä¸»é¢˜ï¼Œå¦‚何é…色符åˆä¸»é¢˜è°ƒæ€§ï¼Ÿ

æ€è€ƒï¼šè¯´åˆ°ç§‹å¤©ï¼Œé¦–å…ˆä¼šæƒ³åˆ°çš„é¢œè‰²å°±æ˜¯é‡‘é»„è‰²ï¼Œåæ­£å…·ä½“怎么é…è‰²æˆ‘ä¹Ÿä¸æ¸…楚,既然想到了秋天,我就å¯ä»¥å…ˆä¸‹è½½ä¸€å¼ ç§‹å¤©çš„ç…§ç‰‡ï¼Œæ‰¾ä¸‹çµæ„Ÿï¼š

如何åšå¥½è‰²å½©æ­é…çš„å调性

图片下载好之åŽï¼Œå¦‚何æå–图片中的颜色呢?这里我们就å¯ä»¥ç”¨åˆ°PS软件里é¢çš„æ»¤é•œ-åƒç´ åŒ–-马赛克,得到下图:

如何åšå¥½è‰²å½©æ­é…çš„å调性

图片马赛克处ç†ä¹‹åŽï¼Œå°±å˜æˆçš„大的åƒç´ æ ¼å­ï¼Œæˆ‘们就å¯ä»¥ä»Žåƒç´ æ ¼å­é‡Œé¢å¸å–颜色,相互组åˆï¼Œå¯ä»¥å¾—到下é¢è¿™å¼ è‰²å¡ï¼š

如何åšå¥½è‰²å½©æ­é…çš„å调性

应用到实际案例中如下图:

如何åšå¥½è‰²å½©æ­é…çš„å调性

æ˜¯ä¸æ˜¯ç»™äººçš„æ„Ÿè§‰å¾ˆåè°ƒã€ç»Ÿä¸€å‘¢ï¼Ÿ

åƒè¿™ç§é©¬èµ›å…‹å–色方å¼ï¼Œå°±ä¸ºæˆ‘们æä¾›å¾ˆå¥½çš„é…è‰²çµæ„Ÿï¼Œæˆ‘们åªéœ€è¦æ ¹æ®å®žé™…è¿ç”¨ç¨å¾®åšä¸‹è°ƒæ•´ã€è¿‡æ¸¡ï¼Œå°±å¯ä»¥è®©ä½œå“整体é…色åè°ƒã€ç»Ÿä¸€ã€‚

ç”¨è¿™ç§æ–¹æ³•,还å¯ä»¥å¾—到很多ä¸åŒç±»åž‹çš„é…色方å¼ï¼š

如何åšå¥½è‰²å½©æ­é…çš„å调性

如何åšå¥½è‰²å½©æ­é…çš„å调性

如何åšå¥½è‰²å½©æ­é…çš„å调性

è¿™ç§ä»Žè‡ªç„¶å›¾ç‰‡ä¸­é©¬èµ›å…‹çš„å–色方å¼ï¼Œèƒ½å¾—到很å调的é…色,è¿ç”¨çš„设计师工作中也很方便。

在设计工作中,å调的é…色还å¯ä»¥æ›´ç›´æŽ¥

选å–ç”»é¢ä¸­çš„主体物作为é…色å‚考,å¯ä»¥è®©æ•´ä½“é…色æžå…·å调性,这ç§é…è‰²å½¢å¼æˆ‘在工作中ç»å¸¸ä¼šç”¨åˆ°ã€‚

ä¸€èˆ¬æˆ‘ä»¬åˆ†ä¸ºä¸¤ç§æƒ…况:

â‘ ã€å½“ç”»é¢ä¸»ä½“是æŸç§äº§å“æ—¶

 商业设计很多时候都是离ä¸å¼€äº§å“的,当有色感的产å“作为画é¢ä¸»ä½“æ—¶ï¼Œäº§å“æœ¬èº«çš„固有é…色形å¼å°±èƒ½å¾ˆå¥½çš„æˆä¸ºæˆ‘ä»¬é…色的å‚考。下é¢ä¸¾ä¸ªä¾‹å­ï¼š

如何åšå¥½è‰²å½©æ­é…çš„å调性

å¦‚ä¸Šå›¾æ¡ˆä¾‹æ‰€ç¤ºï¼Œäº§å“æœ¬èº«è‰²æ„Ÿå°±å¾ˆå¼ºï¼Œæ‰€ä»¥æ•´ä½“é…色完全沿用了键盘本身的颜色æ­é…,尽管色相ç§ç±»æŒºå¤šï¼Œä½†æ•´ä½“çš„é…è‰²å½¢ä¼¼ä¸Žäº§å“æœ¬èº«å½¢æˆäº†å¾ˆå¥½çš„å‘¼åº”ï¼Œæ‰€ä»¥ä¸æ¯«ä¸å½±å“整体的å调性。

类似的案例还有:

如何åšå¥½è‰²å½©æ­é…çš„å调性

如何åšå¥½è‰²å½©æ­é…çš„å调性

è¿™é‡Œéœ€è¦æ³¨æ„ï¼šå½“äº§å“æ˜¯çº¯è‰²æ—¶ï¼Œå¯èƒ½ä¼šå‡ºçްé…色因为色相过于统一导致整体å•调。那么此时å¯ä»¥è€ƒè™‘给整体加点点缀色,既ä¸ä¼šæ”¹å˜æ•´ä½“çš„å调感,åˆèƒ½å¾ˆå¥½çš„é¿å…出现å•调的现象。

如何åšå¥½è‰²å½©æ­é…çš„å调性

å¦å¤–,也å¯ä»¥é€‰æ‹©ä¸Žäº§å“本身相冲çªçš„颜色进行æ­é…,这ç§é…色形å¼åœ¨è§†è§‰ä¸Šå†²å‡»åŠ›æ›´å¼ºã€æ›´èƒ½çªå‡ºä¸»ä½“,举个例å­ï¼š

如何åšå¥½è‰²å½©æ­é…çš„å调性

â‘¡ã€å½“ç”»é¢ä¸»ä½“æ˜¯å›¾åƒæ—¶

æœ‰äº›æ—¶å€™ï¼Œæˆ‘ä»¬çš„ä¸»ä½“æ˜¯å›¾åƒæ—¶ï¼Œæ¯”如:场景图,那么å调的é…色就å¯ä»¥å‚考图åƒä¸­è‰²é¢œè‰²ï¼Œå¹¶ä¸”è¿™ç§å½¢å¼ä¼šæ›´æ–¹ä¾¿ï¼š

如何åšå¥½è‰²å½©æ­é…çš„å调性

如何åšå¥½è‰²å½©æ­é…çš„å调性

其原ç†éƒ½æ˜¯ä¸€æ ·çš„:就是与主体在色彩上形æˆå‘¼åº”å…³ç³»ï¼Œæ‰€ä»¥ä½œå“æ•´ä½“看起æ¥å¾ˆå调。

如何åšå¥½è‰²å½©æ­é…çš„å调性

今天的主题是让é…色更å调,为什么è¦å¼ºè°ƒå调呢?原因很简å•ï¼šå¹¶ä¸æ˜¯è¯´ä¸å调的é…色就是错误的,而是å调的é…色更容易让大众接å—,也更利于我们日常的设计工作。

ä¸ç®¡æ˜¯ä¸Šé¢å“ªç§å½¢å¼çš„é…色,都è¦å°½é‡éµå¾ªæ•´ä½“é…色的色相数é‡åœ¨ä¸‰ä¸ªä»¥å†…,一个画é¢ä¸è¦å‡ºçŽ°å¤ªå¤šçš„é¢œè‰²ï¼Œå¾ˆå®¹æ˜“å¯¼è‡´æ•´ä½“å¤±åŽ»å调性ã€ä¹±çš„æƒ…况出现。

最åŽéœ€è¦å¼ºè°ƒï¼šé…色永远都是多选题,没有唯一的标准答案,这么多é…色ç†è®ºåªæ˜¯ä¸ºå¤§å®¶æä¾›ä¸€ä¸ªåˆ‡å…¥ç‚¹ï¼Œç†è®ºæä¾›çš„æ˜¯è§£é¢˜æ€è·¯è€Œä¸æ˜¯ç­”案。



å‘表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: