要知道图标代表的不仅仅是app的门面,它不仅要符合产品背景还要有设计理论支撑。首先第一步要先了解公司背景和对应产品的功能背景,从这俩个方面下手 不仅可以快速找到设计方向,最重要的是可以设计出老板满意且符合产品的设计。下面我会举例在项目中图标改版的实际案例与注意的点。
1.了解公司背景和项目背景
首先可以通过公司官网或者产品介绍文档了解项目背景。我了解到这款app 是针对幼儿园管理的产品,下图是现有app的图标设计,设计以文字为主体

要知道 文字的识别度是远没有图形的识别度高的,我们来看看这几个以文字为主体的撞衫设计,如果不看文字 真的是傻傻分不清 经常会出现误点错的情况。所以我要在改版设计中运用以图形为主体的设计。

2.步头脑风暴
我们提取到的关键词是 麦芽 幼儿
3.草图绘制
接下来我进行了初步草图绘制,既有了萌萌哒的可爱感又有了麦芽的词义(好嗨哟 草图画的如此优秀)

4.电脑绘图
图标分别为园长端 教师端 家长端 已知产品界面是三个主题色 所以图标颜色也是三个颜色啦~

5.总结
1.明确设计方向:产品特征、服务范围、产品功能是什么?
2.提取关键词:进行相关的联想,最后提取有效的、有意义的关键词进行设计;
3.图标最好以图形设计为主体,不仅识别度高 且可包含多层含义
网友评论