许久不见,甚是想念。
咦?丝丝不是天天见嘛,
哪来的“许久”之说?
笨,今天我是丝丝“课堂君”
╭(╯^╰)╮若你不记得,那就从此刻记住吧~
准备好,多啦A“丝”的竹蜻蜓即将发射!
即刻起飞,达你所想
▼
今日丝路课堂为大家讲述
扁平化功能图标设计的色彩妙招首先,了解下“扁平化”的概念——
其核心意义在于“去除冗余、厚重和繁杂的装饰效果”,凸显出“信息”本身;同时,在设计元素上则强调了抽象、极简和符号化。
随着扁平化风格的越发普及,产品之间的视觉差异越来越小。因而设计越来越注重图标的简洁与寓意表达,强调使用最少的元素,并排斥使用其他一切复杂的效果,如渐变、阴影、纹理等。
在此种情况下,如何从细节着手,设计出一款赏心悦目并且在同类竞品中得以脱颖而出的图标,这对设计师来说是个不小的挑战。
今天就跟大家聊一聊,扁平化图标设计中色彩运用的注意事项:
01
明确色彩在图标中的使用意义目前app中色彩最为常见的主要有:
蓝色(科技色):百度贴吧、知乎、微盘
红色:唱吧、网页云音乐、京东
橙色:淘宝、点评、格瓦拉
绿色:安全卫士、爱奇艺
在设计icon时候,设计师们会运用到一些“色彩心理暗示”▲
在生活中,直接与间接交织的经验中,某种色彩总是与某种感觉共生,这些感觉又与某些特定事物相关联,从而形成色彩的联想及心理暗示。
对于图标设计来说,色彩是其产生视觉冲击力和感染力的重要因素。设计师合理的发挥色彩心理暗示作用,对信息传达营造更多感官刺激,以获得最佳的视觉效果。
02
谨记图标配色“三大原则”第一、选择准确、合适的颜色;
第二、色彩的比例要均衡,慎用图片;
-38期UI设计班李桐-
在扁平化设计中,如果追求可靠、稳定、安全、平静的风格,那么我会选择一种主色以及与主色同色系的四五种辅色;如果我追求活泼、青春、充满生命力的风格,那么我选择的辅色就和主色便是完全不同色系。
-38期UI设计班王璟作品-
第三、不知如何选择,宁可不要颜色,善用黑白灰
-38期UI设计班张雪作品-
03
分析色彩关系,强化自身设计首先,尽量使用相同色值、相同色系;
-37期UI设计班吴梦欣作品-
再者,要么就都灰,要么就都有颜色。
-37期UI设计班沈利颖作品-
-38期UI设计班潘难难作品-
扁平化设计中,黑白以及不同程度的灰很重要,因为它们很百搭,所以在你不知道该用什么颜色的时候,黑白灰也许是不错的选择。
总结
掌握了这3点色彩技巧,加以学习中的实际经验,创造性的运用恰当的语言形式,使图标呈现出精炼内涵以及简洁完美形态。
开展设计工作时,熟练运用“色彩心理暗示”,让作品更具视觉感官刺激,以获得最佳的视觉效果。
往期丝路教育小课堂,回顾一下▼
实用教程如何用Photoshop制作3D场景无缝贴图?VR游戏场景制作,好一出极致“仙侠风”!《绝地求生》枪械模型制作,论“设计”还得往这看!