节日图标的5种设计思路(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:网络   作者:佚名

关键词

可以先用情绪版把背景想表达的情感意境和关键词列出来,确定一个设计方向。我希望的感觉是下面这样的,有中国元素但不过分复杂,整体色彩比较统一。

节日图标的5种设计思路

这里我选择的是给背景加上了若隐若现的云纹,以及一些碎金光斑来营造气氛。背景的主体物择是一串灯笼,这样既能体现中国年的气氛,也把背景保持在一个比较统一的色彩里,符合我一开始构想的,要营造的感觉。

节日图标的5种设计思路

3.添加文字

添加文字的方法首先要在常态图标的基础上增加文字。由于没有具体的活动主题,我选择添加“2019”的文字内容来体现新年春节,开始对其展开设计。我选择了属相小猪的元素来与文字做结合,数字“0”设计成猪鼻子的形状,数字“9”加上了小翅膀,使文字整体加活泼有设计感。

节日图标的5种设计思路

衬托文字内容的文字背景层,也融入了小猪的元素,采取了小猪脑袋的形状,左右两边露出一点耳朵,打破常规造型。最后在背景层中加入一些洒金的小元素,增加一点新年的气氛,也使整个图标更灵动一些。

4.添加新元素

这里我先以脑图的形式发散和记录下可以添加的新元素,然后在结合图标做筛选。

节日图标的5种设计思路

图标的底色是比较青春浪漫的玫粉色,为了让新元素能与图标的色调更和谐,这里我没有选择中国传统农历新年的元素,而是选择的新春、春天气息的花朵元素和2019的生肖小猪元素结合。这样既可以有新年和春天的元素,也可以和原图标的颜色更加协调融合,区别于春节期间大多数以中国红、传统元素为主的设计,整个图标也更加活泼青春。

节日图标的5种设计思路

5.多种手法叠加

多种手法叠加我选择的是变换色彩、添加文字和添加新元素。首先改变了颜色选择了更具有春天气息的蓝色,然后加上主题文字“春风十里”文字背景层选择的是叠加的流线图形来体现春风浮动的感觉,最后添加春天开放的桃花来与主题呼应。

节日图标的5种设计思路

划重点 ·用户通过图标来寻找、识别和打开产品,图标承载了产品与用户的第一次连接,有着非常重要的作用。·在节日或是重要活动期间给图标做出相应的设计,不仅可以突出视觉给用户带来新鲜感,引起用户的注意推广活动,而且也是一个产品自我表达拉近与用户距离的窗口。·我们可以通过5种方式来展开设计,分别是:变换色彩,丰富背景,添加文字,添加新元素和多种手法叠加。 参考引文 《图解设计心理学》陈根 化学工业出版社 2017年出版色彩情感 《设计师要懂心理学》Susan weinschenk 人民邮电出版社2013年出版

原文地址:海盐社(公众号)

 收藏