UI 设计师的信条:跟着电影海报学配色
1、巧用对比色、互补色
对比色指的是在色卡中相隔 120° 至 180 °的颜色,互补色指的是在色卡中相隔 180° 的颜色,对比色和互补色的组合配色对比强烈,吸睛第一名。
正在热映的《信条》海报设计就运用了互补色的搭配,海报中的红蓝配色与电影色调相呼应,突出了电影中提到的逆向时空和正向时空之间的反差。
2、用色主次分明
贾樟柯导演的电影《一直游到海水变蓝》海报设计非常精妙。画面中,海水蓝占了海报的 60%是主色调,山的深蓝色是辅助色,天空白是点睛之笔。
主次分明的配色营造出巧妙的画面:海报正看为海,反过来看则是山。
UI 设计中也讲究主次分明,APP、网页的界面设计通常有一套固定的配色,除了中性色黑白灰外,包含主色、辅助色、点睛色,三种色彩的搭配比例一般为 7:2:1。
👉主色:指的是在配色中处于支配地位的色彩,一般来说,是配色中运用最多的色彩(除中性色黑白灰),决定了界面的整体风格。
👉 辅助色:指为了衬托主色的色彩。
👉 点睛色:通常用在 icon、消息提醒等位置,起引导阅读和强调的作用。
例如,这个 APP 的主色为蓝色,辅助色为浅蓝、灰白,点睛色为红色。虽然用了红蓝色,但因为配色遵循 7:2:1 的黄金比例,整体看起来依然很和谐。
- 相邻色组合不易出错
在色卡中相隔距离在 90° 内的属于相邻色,相邻色组合构成的配色方案会带给人稳定、和谐、统一、舒适的印象。
比如上世纪 70 年代的老电影《不结婚的女人》的海报设计,运用了咖啡色、浅卡其等类似色,海报整体给人和谐、舒适感。
已经到底啦…