颜色叠加在品牌设计中的运用

011

LOGO的设计过程中我们通常研究色彩,去理解色彩的情感时,是为了想通过色彩这一具有强烈表现力的视觉因素来唤起观者的各种情绪,通过色彩表达设计者想要去反应的情感。而色彩的表现手法和方式,往往很少会有设计师去注意。而本文,主要通过一些优秀的品牌设计案例向大家介绍色彩叠加在品牌设计中的运用。

希望通过本文的介绍,大家对色彩叠加有一定的了解,同时在今后小到logo设计,大到品牌规划都可以尝试应用色彩叠加的手法表现设计师自身所要表达的内容。

所谓叠加,即我们预先生成出来的图形、属性特征等被调用叠合在一个基本图形上的过程或方法。叠加模式把图像的“基色”颜色与“混合色”颜色相 混合产生一种中间色。 “基色”内颜色比“混合色”颜色暗的颜色使“混合色”颜色倍增,比“混合色”颜色亮的颜色将使“混合色”颜色被遮盖,而图像内的高 亮部分和阴影部分保持不变,因此对黑色或白色像素着色时叠加模式是不起作用的。

021

北冈秋吉所创作的漫画女孩,他将图像左边叠加上一层红色,唯独露出眼珠没有覆盖,女孩右眼由于受到微红背景的影响,在人的视觉感受上和发卡的蓝 颜色一致,而事实上,两只眼睛都是灰色的。这种“拮抗过程”证明了你眼前欺骗了你,而实质上颜色是受到亮度影响的。就如毕加索创造的蓝色时代,整幅画作感 觉只有蓝色,但就是巧妙的通过亮度关系来让人物和环境变得分明。所以谈论色彩的叠加,就不得不说说颜色的亮度关系了。

下面是关于色彩叠加运用在品牌设计中的案例:

葡萄牙电力集团(EDP Energias)
EDP Energias是葡萄牙最大能源公司(http://www.edp.pt/en), 新的形象由纽约的 Stefan Sagmeister 公司设计。将logo设计成动态变化的,在实际运用中色彩采取高亮的红和深色的红,不同亮度关系 的红色随着变换的形状转变而相互叠加,形成有趣的图形。新的标识由七个基本形态组成,设计师还设计出了一系列图标,这些图标和新的标识一样,运用基本几何 形,通过明度不同的红之间叠加而形成有趣的形象。

031

食品的艺术The Great Catering Company
The Great Catering Company 作为一家食品公司,它不仅带给消费者食物和服务,还通过艺术形式去定位餐饮和描绘它。这种尝试是 创新的,现代的。 通过一个创造性的过程去了解食物,让消费者参与到了烹饪的艺术之中。设计师运用绘画和使用不同的食物创造出了有意思的视觉语言。这种原 生的色彩,以极具亲和力的水彩形式将色彩叠加,大胆的将彩色插图作为主要视觉装置,独特的品牌表现方式令人难忘。

041

公关策略顾问公司Mikhailov & Partners
Mikhailov & Partners是俄罗斯创办最早的公关顾问公司之一(http://m-p.ru/eng/)。新标志用黄色,橙色,淡蓝色,紫色和珊瑚五种颜色进行互相叠加,以创建可识别的6种不同图像,代表智慧,力量,成功,发展和成长,信念和承诺。鲜艳的颜色也出现在其他视频设备和灰度图像进行了对比。 该项目由俄罗斯设计公司IVR设计。

05

云储存服务商CX(MovingBrands)
要想在接近饱和的云储存市场中脱颖而出,给CX设计出一套独特的品牌形象无疑是MovingBrands要解决的首要问题。将“CX”作 logo的字母元素,运用夺人眼球的色彩将字母“C”和“X”叠加,而在实际的运用中,所衍生出来的形象更为灵活多变,不光是在颜色上的变换叠加,在图形 元素上的叠加,更是千变万化,充满了无限能量。MovingBrands把其诠释为“Cloud to the Power of X”,意在传达通过来 自云端的无限(“X”代表无限)力量。

06

卑诗省电影和传媒局
寻找一个独特的身份,确立一个适合的视觉形象,更好地拥抱变化正是BCFM要去做的,smashLAB设计公司,运用坚实感的文字,代表该组织 的稳定性。然后将像光晕,朦胧叠加开来的色彩,利用丰富的色彩斑点放置在浅色背景下,运用到整个识别系统中,感觉似在探索什么,奋的,但视觉上一致的感 觉。其结果是非常独特的,灵活的可视化的,有效地传达BCFM先进和前瞻的思维性质。新的识别系统将广泛的色彩传达的能量配合着相对硬朗的logo,表达 出了他们的专业性,坚固性。

07

通过上面的例子,我们应该对颜色叠加在品牌中的运用有了些了解:

在品牌设计中,使用颜色叠加的手法,需要根据色的实际属性,以及色彩学的规律出发,避免脏乱的情况出现,在形式上和色彩上寻求差异化,能让品 牌在竞争激烈的市场中脱颖而出,具有独特性。色彩在叠加运用上,抱持严谨、专业的态度,每种不同形式的叠加都能出现完全不同的视觉效果,比如案例中食品公 司运用的就是水彩的叠加手法,表现出了一种原生态的品牌形象,区别于其它,显得生态、有机。

在色彩的叠加运用中,要根据每块颜色的构成关系,明暗、色调以及面积的大小掌握好节奏进行调整修改,不同的色彩在不同的明度、纯度、色调以及 形状上给人的重量感都是有很大区别的,冷的调比暖色调轻,明度高的比明度低的轻,在构成中要注意这些基本的色彩规律,使得在运用过程中显得协调、整体。

任何色块在构成中不应是孤立出现的,它需要同种或同类色块的上下、前后、左右诸方向彼此互相呼应。并以点、线、面的形式作出疏密、虚实、大小的丰富变化。

原文地址:http://cdc.tencent.com/?p=7006

如何成功运用扁平化设计与色彩趋势?

flat900-300

扁平化设计技巧,是指使用简单的效果(或省去某些效果)来打造不包含三维属性的设计方案。在扁平化设计项目中,不采用阴影、斜面、浮雕和渐变等效果。有的人觉得扁平化设计外观很简单,但其实做起来很复杂。扁平化设计外观简单、直接,让用户一目了然,因此正日渐成为移动端用户界面以及web设计的流行趋势之一。

那么在设计中,如何成功运用扁平化设计,同时在色彩搭配上,扁平化有着怎样的规则?今天的这篇文章,将从两个角度为您解答扁平化设计:如何成功运用扁平化设计与色彩趋势?
同时希望通过这篇文章,设计师可以有所启发,在logo设计中得到创新和发展,设计出相应的扁平化logo

制定调色板
在颜色方面,扁平化设计可以采用各种各样的颜色,但一般来说设计师倾向于大胆的亮色。
扁平化设计在颜色方面的另一出众之处,在于设计师能够将调色板从简单的一种两种颜色扩展到三种、四种乃至更多种颜色。其大多数选择都采用了明亮饱满的色调,并有时使用这种色调对称灰色或黑色。
就颜色和扁平化设计而论,很多有关色彩搭配的传统规则都被设计师抛出了脑外以求让调色板能够拥有更多色彩。
但是,我们在扁平化设计和颜色选择方面越来越多的看到了色调和饱和度的搭配。虽然设计师可能会选择使用不少的阴影,但同时也会将不同的阴影对比审查看颜色是否够深、颜色组合属于主要组合还是次要组合、是否来自不同的色调或者颜色中包含的黑白组合是否较多。
在颜色方面,扁平化设计方案的趋势通常是超高的饱和度、明亮、比较复古或单调。倒并不是说这些是唯一的办法,但随着趋势的演化,这些风格已成为最为流行的风格。

亮色
20140909143207_Flat-UI-Colors

20140909143238_weather-app 20140909143247_weather-widget

亮色通常是扁平化设计的标志性特征,因为其能够带来一种很独到的感觉。明亮的色彩在亮色和暗色背景上一般都能够适用,并能够形成对比感同时吸引用户。对于扁平化设计来说,其可谓是最为流行的颜色趋势。

如何着手?
FlatUICoors.com
 上提供了很多扁平化设计流行色调的新手示例。从亮蓝色和绿色到黄色橙色,这些颜色能够完美地呈现出我们眼中的颜色和趋势。这个网站是个绝佳的出发点,你可以在网站上免费选择下载不同的色值。
Designmodo在其近期发布的Flat UI Free工具包中对这一亮色设计进行了进一步的解读,并使用相同的亮色色调打造了一个很棒且使用简单的界面轮廓包。这一扁平化且风格十足的图标可适用于各种不同的项目,而且还提供了颜色样本(如果你是色彩搭配新手,那就有福了)。
亮色扁平化设计的调色板中很少采用严格的主色调,例如纯红色、蓝色和黄色一般很少见,取而代之的是更加丰富的混合色。
如果你想在扁平化设计方案中搭配自己选择的亮色,请注意一定要保持简单。选择色泽与饱和度相似的颜色。另外我们也为你提供了几个颜色样本以供你入门。

20140909143455_brights

亮色颜色样本:尝试一下使用上面这些颜色组合或者任意混搭来打造自己的扁平化调色板。这些颜色在白色或黑色背景上都能达到最大的冲击力。
流行颜色:蓝色、绿色和紫色

复古颜色

20140909143953_my-drinks 20140909143744_inviosse 20140909144014_geckoboard 20140909144042_pattern-sun 20140909144535_retro

复古颜色方案对于扁平化设计项目来说也是一个潮流之选。
复古颜色的饱和度较低,但在亮色背景上添加了不同的色泽,并添加了白色让其显得更加淡雅。其外观虽然不具有蜡笔画的感觉,但明显表现出了老派风格。复古颜色方案通常包含很多橙色和黄色,有时也会采用红色或蓝色。
对于扁平化设计,复古颜色方案中常见主色和次色的区别以求让颜色更加柔和。

单色

20140909144701_cathryn-anne 20140909144714_foundation1 20140909144735_blue-mono

单色方案搭配扁平化设计正在迅速流行。这一色彩方案依靠单色及黑白色营造明亮而独特的色彩感。
大多数单色方案都采用底色外加两到三种浅色调实现效果。目前最为流行的颜色貌似是蓝色,但很多设计师也选择以黑色(也有灰色)外带红色等彩色按钮或行动呼吁作为底色。
另一种办法是使用细微的色差实现单色效果。例如,如果你以蓝色为主色,可以添加一些绿色色调打造蓝绿色方案。
单色技巧是目前尤其流行的移动端和应用设计技巧。

20140909144900_mono

单色颜色样本:与其他调色板一样,单色方案同样需要使用对比。混合色调,让每个不同的“颜色”区别于主色。从全色(100%)及50%色调开始,然后是20%和8%。

Popular colors: Blues, grays and greens

流行色:蓝色、灰色、绿色

结论
扁平化设计趋势的关键之一就是要新颖、有趣。你的项目应该要注意这两点。
你的调色板应该与项目色调相吻合,能够让用户知道如何使用你的网站并且外观有趣。在设计扁平化颜色方案时,不要局限于传统的颜色搭配规则,跳出自己的常识。

 

 

服装装修公司茶叶教育白酒医院学校房地产幼儿园餐厅科技公司贸易公司美容院网站母婴足浴按摩店建材食品婚庆字体咨询公司互联网公司儿童主题卡通酒店旅行社咖啡超市投资金融公司培训机构音乐类摄影文化公司淘宝网店女装印章店名婚纱婚礼APP应用图标英文字母电商快递公司创业公司养生保健品家居装饰公司建筑设计公司美食小吃五金公司化妆品进出口公司火锅店影视公司体育运动品牌酒吧广告公司女性元素户外珠宝首饰汽车新媒体休闲娱乐购物类游戏环保健康元素租赁公司宠物类智能科技社交类快餐健身房公益类生鲜办公类植物元素中国风维修店协会机构农产品甜品店自然家电类精品女鞋类绿色元素中医养生可爱风格电子公司文化艺术类服务业制造工业小学高品质简洁优雅社区类动物元素安全安保饮食土特产策划公司代理公司连锁店高档鱼元素保险医疗设计类建筑工程留学理财足球俱乐部团队休闲时尚税务服饰品牌欧美日本蛋糕韩式商贸加盟医药减肥会所舞蹈工作室日用品棋牌会所航空空运新能源艺术乐器钢琴运输公司护理美妆纺织家纺化学化工移动互联网服务平台一站式移民咨询肉类肉制品购物商城加工厂通信通讯公司供应商创新型音响设备文化娱乐演出节日表演活动海外华人组织饮品店生态会展活动民族文化冷暖空调创意数字KTV会所零食店奶茶店饭店传媒公司鲜花网吧家政影视电影皮具瑜伽馆LED灯陶瓷艺术对称孵化器联合办公律师事务所会计师事务所吉祥物茶馆人物动物外卖红酒葡萄酒店铺瘦身润滑油负空间徽章树元素云元素山水元素民宿安防