NBA的配色学:如何打造一支冠军球队的黄金比例
订?还是不订?你是不是也有对着这张图犹豫过呢?是不是很想要按下那诱人的Subscribe黄色框框呢?来~这个症头我可以帮你处理,你除了NBA中毒之外,还中了设计师的诡计,这张图藏着排版的小心机,更藏着设计师在配色时的巨大秘密,而这个秘密竟然也可以设计在NBA球队的建队方针中,究竟是什麽秘密?嘘!我不能说,但你一定要看下去。
你还记得勇士队前几年的那座甲骨文球场吗?不论你的记忆是感动还是愤怒,那都是一座充满回忆的球场,你可以马上想起它长什麽样吗?不记得没关系,看个图唤起回忆吧。
其实这样的场地设计逻辑跟League Pass的页面设计一样,都是运用了同一种设计法则:60-30-10法则,配色中的黄金比例。
什麽是60-30-10法则呢?是一种目前设计师常用的配色概念,60代表着画面中60%的配色,60%的配色通常都会以平和的颜色为主色调,例如:灰色、米黄色或是白色,大面积的温和色调让人感到舒服,除非你有特别想强调的视觉感受,否则用中性色调是较适合的选择。
聪明的你应该也知道30代表着什麽意思了吧!这30%通常是一种与主色调可以相互搭配的颜色,也就是取决於主色调的辅助色,这样60+30的配色就可以呈现出整体给人的氛围及感受,例如勇士队主场,大部分是黄色加上地板的木头色,这两色可以一起视为是法则中的60%,而蓝色就是与主色调搭配的那30%,但为什麽是黄蓝配色?答案也很简单,因为黄蓝色正是勇士队徽的配色,在确立整座球场的60与30後,接下来就是那画龙点睛的10%,也就是最关键的10%。
在美国这种大资本主义下,什麽最重要?当然就是赞助商,看看以红色底配上大大甲骨文的LOGO,虽然图才占一点点球场的比例,但是却用最抢眼且突出的红色,也完美解释10%的特点,就是要强烈且高饱和度的颜色,目的也是达到强调显眼的效果,看球时很难不去注意到,尤其是Curry在那里投LOGO SHOT时。
在设计的10%颜色配置中,还有一个重要的观念是CTA,Call To Action诱使使用者产生动作,以League Pass网页设计为例,黄色底的订阅方框就是凸显并且试图驱使球迷产生按下订阅的动作,以达到网页设计的目。
那60-30-10法则跟NBA有什麽关系?你不觉得这跟球队的组建可以产生连结吗?以今年冠军丹佛金块队为例,可以先想一下谁是60%谁又是30%,最後最最最重要的10%又是谁呢?
最重要的先讲,10%当然是Joki?跟Jamal Murray,甚至可以只说是Joki?都不为过,虽然Murray在季後赛的表现绝对是超级球星等级,但是谁会让敌队产生Call To Action?绝对是Joki?,看看冠军赛热火是多麽想要限制Joki?的发挥,但结果却是多麽的徒劳无功,内线没人可以守住他的得分,当要包夹时却又会被他的助攻教训,热火的焦点10%就是Joki?,他的一上场就牵动着整个热火队的防守及注意,他的表现就像是强调色一样,如此的出色,即使拍冠军照默默的躲在後排,还是成为众人讨论的焦点。
而其他球员像是Aaron Gordon、KCP、Michael Porter Jr.、Bruce Brown、Jeff Green、Christian Braun等人,或许就可以视为那30%的辅助色,他们不像是强调色耀眼,但是整体画面如果少了他们,设计就会显得单调无趣,且丧失了颜色配置的高质感,比赛中少了他们,就算Joki?如此的强大,进攻也会变得单一,对手防守也会变得容易,辅助角色能够跳出来,整个进攻才会更具威胁,而冠军轮廓也才画得更加清晰且完美。
其他上场时间偏少的球员加上教练团,甚至是防护员训练员等,都是冠军画面的60%,也就是温和的中性色调,这些人物你可能没什麽印象,但是有他们在平常与主力练习,有训练员的调整,有教练的运筹为握,在比赛中,那10+30才能表现出强眼的实力,默默付出的60%不重要吗?想想看如果少了主色调,只剩强烈的红色,眼睛会无法一直盯着画面,马上就产生了疲劳及不适感,所以说60-30-10的黄金比例缺一不可。