版权申明:本文出自“阿鑫DS”原创,感谢“阿鑫DS”的原创教程分享!
写在前面
入行三年以来,第一次写一些东西。算是对三年来所积累的知识点做一个总结。
很多设计师往往忽视了总结的重要性。总结能对你的设计产出作出阶段性的反思,思考的过程你会发现一些不足和更加完善的解决方法。会形成自己的一套方法论,让设计有迹可循。俗话说温故而知新,在巩固所有知识点的同时,都会有新的发现。拒绝做只埋头苦干的设计师,而是要做一个能独立思考,善于总结的设计师,这样才会突破瓶颈,往前更进一步。
根据经验积累,和对APP设计的认知体系,提炼出APP设计的四大要素,所以本篇文章共分为四个部分:
分享目录
1.如何设计出好看的图标
2.板式的原理你知道吗
3.色彩其实很简单
4.图片选择很重要
拒绝漫天大论,句句干货,如有不对的地方,多多包涵,欢迎讨论。下面进入正题。
1.1图标风格
面性图标
面性图标分为两大类,一类是较规整的图形,比如常用的圆、圆角矩形。另一类是异形图标。
圆形或圆角矩形图标多用在APP首页的金刚区。作为整个产品流量分发的入口,选用此类风格图标是最合适不过的了,占用面积大,视觉表现力强,具有很好的导流作用。并且可以做出丰富的视觉效果,如投影、渐变、背景纹理、折纸剪影等设计手法。
异性图标相较于圆形或圆角矩形图标,视觉表现力就稍弱,识别度略高于圆形或圆角矩形图标,但同样可用于金刚区,或者个人中心。当产品流量入口偏多,可以用两者来区分层级关系,多应用于体量较大的APP,如美团(图1-1)金刚区,业务层级更加重要的用了圆形图标,次要的用了异形图标。
图(1-1)美团
线性图标
线性图标视觉表现力较弱,但识别度非常强。所以多用于功能按钮和标签栏。
线性图标常见的有:圆角、直角、断线,线面结合图标。
线性圆角图标多用于社交、母婴、娱乐、直播类等产品中,表现出可爱年轻活泼,有亲和力的基调。如斗鱼(图1-2),底部标签栏全部为圆角设计,其用户群体多为90后,95后,直播行业娱乐性强,圆角语言符合产品调性。
图(1-2)斗鱼
线性直角图标风格更加硬朗,充满了力量感,例如男衣邦(图1-3)的底部标签栏图标采用的全直角设计,彰显男士硬朗的风格。
图(1-3)男衣邦标签栏
断线图标的断线是一种设计形式,形成一种设计语言,断线设计可以贯穿整个APP的图标,形成一致统一,和独特的产品调性。例如想去标签栏图(1-4),用了断线的设计手法
图(1-4)想去标签栏
飞特游客
委托设计