相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

APP设计中的四大要素详解

火枪手发布于:2019-2-26 15:42 |原作者: 阿鑫DS|
火枪手
广东省 汕头市 网页设计师
发私信 + 关注
简介: 入行三年以来,第一次写一些东西。算是对三年来所积累的知识点做一个总结。

很多设计师往往忽视了总结的重要性。总结能对你的设计产出作出阶段性的反思,思考的过程你会发现一些不足和更加完善的解决方法。会形成自己的一套方法论,让设计有迹可循。俗话说温故而知新,在巩固所 ...

版权申明:本文出自“阿鑫DS”原创,感谢“阿鑫DS”的原创教程分享!

APP设计中的四大要素详解 飞特网 设计理论

写在前面

入行三年以来,第一次写一些东西。算是对三年来所积累的知识点做一个总结。

很多设计师往往忽视了总结的重要性。总结能对你的设计产出作出阶段性的反思,思考的过程你会发现一些不足和更加完善的解决方法。会形成自己的一套方法论,让设计有迹可循。俗话说温故而知新,在巩固所有知识点的同时,都会有新的发现。拒绝做只埋头苦干的设计师,而是要做一个能独立思考,善于总结的设计师,这样才会突破瓶颈,往前更进一步。

根据经验积累,和对APP设计的认知体系,提炼出APP设计的四大要素,所以本篇文章共分为四个部分:

分享目录

1.如何设计出好看的图标

2.板式的原理你知道吗

3.色彩其实很简单

4.图片选择很重要

拒绝漫天大论,句句干货,如有不对的地方,多多包涵,欢迎讨论。下面进入正题。

1.如何设计出好看的图标

1.1图标风格

面性图标

面性图标分为两大类,一类是较规整的图形,比如常用的圆、圆角矩形。另一类是异形图标。

圆形或圆角矩形图标多用在APP首页的金刚区。作为整个产品流量分发的入口,选用此类风格图标是最合适不过的了,占用面积大,视觉表现力强,具有很好的导流作用。并且可以做出丰富的视觉效果,如投影、渐变、背景纹理、折纸剪影等设计手法。

异性图标相较于圆形或圆角矩形图标,视觉表现力就稍弱,识别度略高于圆形或圆角矩形图标,但同样可用于金刚区,或者个人中心。当产品流量入口偏多,可以用两者来区分层级关系,多应用于体量较大的APP,如美团(图1-1)金刚区,业务层级更加重要的用了圆形图标,次要的用了异形图标。

APP设计中的四大要素详解 飞特网 设计理论

图(1-1)美团

线性图标

线性图标视觉表现力较弱,但识别度非常强。所以多用于功能按钮和标签栏

线性图标常见的有:圆角、直角、断线,线面结合图标。

线性圆角图标多用于社交、母婴、娱乐、直播类等产品中,表现出可爱年轻活泼,有亲和力的基调。如斗鱼(图1-2),底部标签栏全部为圆角设计,其用户群体多为90后,95后,直播行业娱乐性强,圆角语言符合产品调性。

APP设计中的四大要素详解 飞特网 设计理论

图(1-2)斗鱼

线性直角图标风格更加硬朗,充满了力量感,例如男衣邦(图1-3)的底部标签栏图标采用的全直角设计,彰显男士硬朗的风格。

APP设计中的四大要素详解 飞特网 设计理论

图(1-3)男衣邦标签栏

断线图标的断线是一种设计形式,形成一种设计语言,断线设计可以贯穿整个APP的图标,形成一致统一,和独特的产品调性。例如想去标签栏图(1-4),用了断线的设计手法

APP设计中的四大要素详解 飞特网 设计理论

图(1-4)想去标签栏


31

好评
27

差评

刚表态过的朋友 (58 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

火枪手
广东省 汕头市 网页设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计