AMO全媒体运营
首页 知识星球 APP图标设计的6种风格

APP图标设计的6种风格

常见的图标风格主要有渐变风格、剪影风格、长投影风格、卡通风格、轻质感风格和拟物风格6种。 渐变风格 多为单色渐变,颜色过渡清新自然,是目前的主流设计风格之一。除用于图标外,渐变风格…

常见的图标风格主要有渐变风格、剪影风格、长投影风格、卡通风格、轻质感风格和拟物风格6种。

​APP图标设计的6种风格

渐变风格

多为单色渐变,颜色过渡清新自然,是目前的主流设计风格之一。除用于图标外,渐变风格可使用的场景非常多,如APP中的背景图、按钮等。

​APP图标设计的6种风格

剪影风格

特点是简约、概括,视觉识别度良好,设计感强,常被用于APP的功能型图标中。剪影图标可分为线性和面性两种,线性为未选中状态,面性为选中状态。

​APP图标设计的6种风格

长投影风格

通常会以纯色作为图标主体背景,该风格色彩对比度大,视觉冲击力强,通过长投影突出主体,从而创造鲜明的层次感和空间感,常用于APP页面中的分类图标。

​APP图标设计的6种风格

卡通风格

特点是可爱,富有亲和力,设计简洁而精致,视觉效果突出,但风格小众,使用范围比较局限,常用于女性或二次元APP中。

​APP图标设计的6种风格

轻质感风格

层次简单,用色素雅干净,采用轻投影、轻渐变的方法设计。这类图标具有一定的立体感,能给人轻盈、简洁、精致的感觉。

​APP图标设计的6种风格

拟物风格

iOS7以前,拟物风格都是U设计的主流,这类图标的特点是通过细节和光影还原现实物品的造型和质感,能给用户极强的代入感,用户可通过对现实事物的联想,快速领会图标表达的意图。

​APP图标设计的6种风格

图标设计规范

图标的外观取决于其功能、用户和外在环境等多种因素,我们不可能要求每个图标的宽高比例都相同,并且即便比例尺寸相同,不同形状的视觉大小也会有所区别,如宽高相同的正方形和圆形,正方形的视觉比例就会大于圆形。

​APP图标设计的6种风格

因此,为了保证每个图标的视觉大小统一,无论是iOS系统还是 Android系统中的图标,都可以使用网格规范进行制作在网格规范中,网格外边线是图标的实际尺寸。

​APP图标设计的6种风格

 

以上内容就是“APP图标设计的6种风格”的全部内容了,喜欢的小伙伴记得点赞收藏,也可以分享给身边感兴趣的朋友。如果你还想了解更多知识星球的相关内容,可以来AdobeEdu设计联盟官方网站获取。

生成海报
免责声明:文章内容不代表本站立场,本站不对其内容的真实性、完整性、准确性给予任何担保、暗示和承诺,仅供读者参考,文章版权归原作者所有。如本文内容影响到您的合法权益(内容、图片等),请及时联系本站,我们会及时删除处理。
域名
Avatar photo

作者: AdobeEdu

AdobeEDU设计网址导航,为设计师提供无限的创意参考,欢迎大家同时关注微信公众号:UID的小伙伴们

为您推荐

决定未来职业高度的“软技能”,作为设计师该如何培养?

决定未来职业高度的“软技能”,作为设计师该如何培养?

如果你像我一样,关注了许多设计和技术博客,那你一定读过大量诸如:介绍如何做移动端设计,什么是精益设计,如何做到完美适配,...
我们需要用户增长设计师UGD吗?

我们需要用户增长设计师UGD吗?

一位招聘负责人和我抱怨说,他们最近刚发出UI招聘,就收到数量恐怖的求职申请,现在设计师这么难找工作了吗?又叹气说:“数量...
设计师该如何做知识管理(上)

设计师该如何做知识管理(上)

不久前,很荣幸受到 58UXD 团队邀请,做了《设计师该如何做知识管理》的线上分享。预料之外的是,这次分享收获了远超预期...
这套网页设计,看你能偷走多少排版技巧

这套网页设计,看你能偷走多少排版技巧

当我们收集的灵感图越多,越难回头整理、查看,趁着这段时间,我仔细研究了每天在社群发布的“网页设计”灵感部分。 发现这些作...
9种常用UI界面中的控件规范,UI设计师要学的哦!

9种常用UI界面中的控件规范,UI设计师要学的哦!

我们在设计UI 界面的时候,有一些控件几乎总是会用到。用户熟悉了它们的交互模式,也因此建立了心智模型,很清楚如何通过这些...

发表回复

返回顶部