APP 图标的设计方法参考(app图标设计)

2023-03-21 4:21:21 指南信息 梁佰亿

1 正负形组合

概念:根据应用抽象出两到三个重要的功能点,或者产品特质,然后提炼相应的图形,选择轮廓面积较大的主图形,把轮廓小的图形进行负处理。通过图形相互组合、叠加或者抠除,组成新的图形。负形是要被识别出来的“图形或者”文字“,也就是说过于抽象的形只能说是留白、镂空、裁切形状、形状的缝隙,而不能说是负形。

通过运用正负形设计组合,提高应用图形的信息承载能力和表达功能,在视觉上具有更强烈的错视感和冲击力,同时还能丰富应用图形的表现力。

如:

2 折叠图形

当一个完整的平面图形设计完成后,可以分析图形的轮廓走向,在图形的结尾,或者转角处做局部折叠处理,通过一些微渐变,可以使这个图形显得更为灵动,让观者在图形意味和奥妙中感受应用的魅力

3 局部提取

APP 图形都在正方形中,当一个图形比较大,不适合全部都在正方形中展示时,可以提取局部比较有代表性的元素进行设计。

4 线性图标

线性图标是一种独特的绘制图形方法,可通过提炼图形的轮廓设计各式线性图形。可通过控制线条的连接或者中断,形成各种各样的风格。

5 透明渐变

通过对图形放大或者缩小叠加不同透明度的图形,形成一个层次丰富,形态饱满的图形组合。透明感的虚实转换呈现诗镜般朦胧美感,传情达意,极富感染力和诱惑力。

6 色块拼接

把图形分割成有规律的块状,并填充颜色,颜色排布顺序可按照色轮方向排布,形态的相似、相像,思想的关联是色块拼接的基础,产生了形合意合,情投意合的视觉感受。

7 图形复用

对已经设计好的主图形,进行复制,通过透明度或者大小变化,创造出一种图形阵列之美。有时候通过多次复制,出新意、得新形,创造出一种立体感觉。

8 背景组合

当设计的图形过于单调的时候,可以考虑对背景进行设计。背景可以选用和主题相关元素,也可以选用常见有规律的条纹或者格子纹。背景组合设计更多原话,更加郎阔,更加富有活力。

APP图标设计有哪些风格?

1、突变风格

多为单色突变,颜色过渡清新自然,是现在的干流规划风格之一。除用于图标外,突变风格可运用的场景十分多,如APP中的背景图、按钮等。

2、剪影风格

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

3、长投影风格

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

4、卡通风格

特点是可爱,富有亲和力,规划简洁而精致,视觉效果杰出,但风格小众,运用范围比较限制,常用于女人或二次元APP中。

5、轻质感风格

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

6、拟物风格

iOS7以前,拟物风格都是U规划的干流,这类图标的特点是通过细节和光影复原实际物品的造型和质感,能给用户极强的代入感,用户可通过对实际事物的联想,快速体会图标表达的目的。

app图标设计(手机界面app图标设计) 第1张

APP工具栏图标设计方法有哪些?

创作高度概括的图形形象

①将图形几何化。我们生活中所看到的任何图形,几乎总是有几何形的存在,将图形简化为几何形是对图形进行一种高度概括。

②用单线勾勒图形。线是造型艺术最基本的语言,线具有较强的表现性。这里所讲的用单线勾勒即是先确定所要设计工具栏图标的元素图形,然后用单线勾勒图形轮廓,整个线条轨迹连接闭合就形成了图形。

③用剪影诠释图形。剪影风格经常会运用到工具栏图标的设计,剪影是一种高度概括的表现形式,这种高度概括放在算法中就是一种减法,是在保留表达目标的基础上合理删减,简单的说就是简化图形。

图形色彩以单色为主

工具栏图标的设计大都非常简约,APP界面上同时会有多个工具栏图标,如果想让整个界面看起来干净简洁,图标就要统一起来。统一的形式除了造型之外最重要的就是配色了。

一般工具栏图标的颜色都是单色的,我们不能把这里的单色单纯理解为黑色和白色,而是只采用一种颜色。当然可以是各种颜色,但是具体要和整个的界面颜色相和谐。也有的一些APP的工具栏图标每一个图标都用不同的颜色,这种配色不是不可以,运用的不好容易使得整个界面繁琐杂乱。

造型使用惯用图形

工具栏图标看似简单,但是它的设计需要更加严谨和高超的造型能力和技巧,设计方法也更加严格。工具栏图标的设计要充分考虑用户的惯用思维和一些各大平台用户公认的工具栏图标。

工具栏图标在遵循规范的同时还要弄清其所代表的含义,尤其在设计时不要想当然,工具栏图标最重要的作用就是传递信息,这是设计首要考虑的,应该充分考虑以用户为中心,快速、准确的向用户传达信息,使得用户轻松的理解图标所象征的意义。

关于APP工具栏图标设计方法有哪些,环球青藤小编就和您分享到这里了。如果您对页面排版、网站设计、图像处理等有浓厚的兴趣,希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容

什么是好的APP icon

一个好的APP图标有利于你的应用在眼花缭乱的众多APP中脱颖而出,吸引用户的眼球,引导用户去点击,那么什么才算是好的APP icon设计呢,icon设计要注意什么?谈一下我的看法

1、icon是干吗用的

任何事物的出现都是为了解决一定的问题,所以我们先叨叨几句,了解下icon是为了解决什么问题而出现的?

这是一个菜市场,王二麻子在这条街上卖了十几年烧饼了,一直也没有其他卖烧饼的,所以人们来了市场,买烧饼必定买他家的,品质又好,大家口口相传。因为市场卖东西的比较多,王二麻子就找了块布,上面画了个圈,挂在门口方便别人找 后来来了个新的卖烧饼的胖嫂,菜市场人渐渐多起来了,为了方便大家找到他家,就做了个招牌,上书《王二麻子烧饼》,这样人们要介绍他的门面,只需说去菜市场找王二麻子烧饼就行,后来王二考虑到人们看字也比较麻烦,就找人画了个大饼的样子,点了几个点,当做是芝麻的样子。又把底色招人弄成烧饼的金黄色,自此王二麻子烧饼的品牌形象定型了,人们口口相传,去买烧饼就找那个圆圈里面有点的那个。

2、ICON的历史

从上面的小故事我们可以了解,王二麻子的招牌也就是王二麻子的icon 的发展经历了四个阶段

1、无标识或弱标示,人即品牌,多在竞争不充分的情况下

2、模糊标识,竞争相对少,只需要区分出自己与他人来即可

3、明确标识,竞争升级,既要区分出与别人的不同,又要体现自己的特色

4、抽象标识,目的是便于区分,易于理解,便于传播。 从1990起,国内兴起了设计企业VI的风潮,大家可以了解下当时的文案,对于icon设计会有帮助。

icon最重要的目的就是标识产品,易于传播

二、ICON该改怎么设计

如无特殊说明,下文中的icon指的是手机APP的icon icon是由色彩,文字和图案构成的。

1、icon怎么选择色彩

色彩:色彩之于icon最重要的作用是吸引人的目光,渲染出设定的氛围,作为产品形象输出的背景。 当人在手机APP上浏览时,翻屏动作是很快的,注意力也是发散的,这个时候,用户能关注到的只有色彩,一个大的色块在眼前划过,跟用户的眼睛造成视觉冲击,一个好的色彩搭配会吸引用户视觉停留,获取宝贵的点开的机会。那么什么样地色彩会让人停留呢。我们应该怎么选择APP对应的色彩呢?

分两种情况考虑:

1)你做的不是一个从零开始的新产品,你的公司之前已经有了在网站,在平媒的展示记录,已经有确定的品牌色,这种情况下就应当延续之前的配色,保证传播形象上的统一,让用户看到这个颜色就能联想到之前用过的产品,让用户产生联想,产生我点进去看看有啥新东西的想法,走到这一步,那么恭喜!!!吸引用户成就达成_。

2)你做的是一个新产品,那么选择色彩时可以从这几个方面考虑。 你的产品是属于什么行业的呢,行业有没有什么相对固定的颜色方案呢?如果有,那么请尽量往上靠,选择相似的颜色有利于用户对产品产生印象。如果没有那么就要从产品功能上考虑,你的产品能给用户提供什么帮助,是信息展示类的应用还是工具类应用,在这里可以参照通用的冷暖色调理论和平面设计的配色方案。 总体来说, 对色彩的要求是区别于其他产品,能烘托产品氛围,吸引人的眼睛,让用户关注到应用。

2、怎么设计icon的图案

图案是用来沟通的,是通过特定的形状,来让人们产生联想,比如红十字的图案就让用户想到医院,想到健康方面的,汽车的图案就让人想到车相关,飞机就让用户想到旅行相关的,利用这些固定行业的固定形状可以直接让用户了解产品的使用场景和功能,进而产生兴趣。

图案大体可以分三种,

一是对实际物体的抽象和引申

比如说摩拜单车的icon上的自行车图案,让人一看就知道这是和自行车相关的应用。苹果原生地图应用的图标也属于这种。

IOS操作系统升级到7。0时,还嫌弃了一波平面化图标替代拟物化图标的风潮,其实,不管是拟物化图标还是平面化图标都是对实际物体的抽象和引申。另外平面化替代拟物化是必然的,原因很简单,最开始IPHONE推出的时候,算是新事物,必须使用比较真实的拟物化图标来告诉用户每个应用是干什么的,后来用户越来越多,再进行进一步抽象升级,图标就不需要那么形象的表示事物了只需要让用户看到图标能理解到这个图标代表的是什么就可以了。

二是对行业图标的变形 例如铁道部12306的icon图案就是常见的铁路部门的示意图标,同花顺的图标是一段简单的K线让用户一看就是和故事相关的应用。

三是对文字的变形 这里有两个很牛的应用要推荐下,一个是天猫的icon,图标的上半部分就是天猫俩字,仅在猫字上面做了些许变形,认识字就知道这是干嘛的,而且还特别醒目。相比下京东的icon就有点懵了,一看之下是个狗,如果是个新用户直接一看其实是懵的,表意不明。不过,以京东现在的知名度倒是不需要care这点小事情了。

另外一个是大网易新闻,看人家图标

大红的底色上有大大的两个字网易,下面是小产品标识news。

对文字的变形还有一种情况,那就是文字加一些小修饰,既能看到品牌名,又能大约看出产品是干嘛的来。如下例:

叮当俩字强调品牌名,上面加了个小人,就做成了一个人骑着自行车的形象,用户大约了解这可能是个配送相关的应用。

3、icon上该写什么字

icon上该不该写字,写字的话要写什么字,其实和上面说的图案使用文字的论述有点关系。

图案用来沟通,文字才能精准的信息,如果我们要在icon上加文字,首先要考虑的是我们要传达的信息是什么,这个信息能不能通过我们的图标进行传达。

确定了要不要加字,就要确定加在哪个位置,其实这个一般来说都会是加在整个图标的底部。

写什么字呢,毕竟地方不大,写不了几个字,不同业务选的词和字的组合不一样,没法提出具体的建议了。来直接比较俩图标.

浦发银行信用卡APP你直接放了四个大字你也太蒙事儿了吧,中间一个大花还遮了部分字,low,脑残,无语ing

天猫上面已经夸了一遍,天猫这个icon设计里还有一个小机关,天猫两个字下面和猫头上面还有个空白区,中间还可以塞11.11,如此设计确实牛逼。

最后总结一下,icon设计时需要根据产品阶段(新产品还是已有产品),所属行业(电商、信息、游戏)的不同来选择合适的色彩(夺人眼球)和合适的图案(品牌形象)和精准的文字(信息传递)。

我们在设计ICON是一定要考虑用户浏览使用APP时,目光关注点是从大到小,从上到下来移动的。仔细体会用户的习惯才能设计出优秀的ICON。

APP设计常用的图标风格有哪些?

一、手绘风

手绘风格的app应用图标,就是利用手写体、涂鸦、速写、素描等手绘方式制作加工的图标。手绘风格可以根据设计师的创作,选择写实画法,或者抽象拟物画法,不拘泥于表现形式,风格更加精细多变。

二、摄影风

摄影风格不难理解,就是用拍摄的照片进行剪切、修图美化直接运用在app应用图标设计中,这样的app图标设计选择的优势也格外明显,定位比较精准识别性比较高,不会引起用户的识别错误。

三、功能性

图形与功能的结合是app图标设计中最常见的一种视觉表现形式。app图标很直观地将app的功能传达给受众。图形功能性的app应用图标的识别性和传达性相对较强,适用性也较高,在各类app中都有运用。

关于APP设计常用的图标风格有哪些,环球青藤小编今天就和先和分享到这里了。如果您对网站设计、页面排版、图像处理方面比较感兴趣,希望分享的这篇文章可以给您的学习或工作提供帮助。如若您还想了解更多关于平面设计的素材及技巧等内容,可以点击本站的其他文章进行学习。

如何制作APP图标

1、打来ps。

2、新建一个800*800像素画板,先试着做。

3、在工具栏上,找到圆角矩形工具。

4、画一个圆角矩形,app都是圆角的。

5、选择圆角矩形工具,在上方填充位置,填充上一种颜色。这里是绿色,颜色可以随意。

6、这里来示例做信息app图标,画一个关于信息的的图标。需要什么图标,可随意。

7、稍微给上方一点高光。

8、因为做信息app,建议简洁一点,用户也知道是什么app。

发表评论: