服务热线:
18971120504
图文展示
衍果视觉设计培训学校

【学习UI设计】分析!APP图标造型

【学习UI设计】分析!APP图标造型


【学习UI设计】分析!APP图标造型


单从视觉效果上看,图标都有一个标准尺寸的外形,借助图标的规范模版,我们方便控制图形大小、空间安排、结构比例。移动终端体积小,一般是近距离观看。适应这一使用特性,APP图标设计应避免使用锋利的设计,轮廓转折一般做小圆角处理。


【学习UI设计】分析!APP图标造型


同时图形的圆角设计遵循同一设计原则,大小一致,观感统一。在圆角正方形辅助框的外形要求下,图标造型可以重叠外框的四条边,也可以放大图形置于图框内,当然有些图标稍微小一点,图形居中排列。正方形外框的规范版式使不管哪一种构图的图形看起来都一样大,视觉体积更一致。

【学习UI设计】分析!APP图标造型


在相同的圆角正方形外框中,内部空间的图形形状我们可以归纳为几何形、自然形、有机形、偶然形。几何形的视觉效果表现规整、秩序、理性;自然形视觉效果更为生动,容易吸引注意力;有机形相对柔和,体现情感联结;偶然形变化多端,更具活泼自由的视觉特征。


【学习UI设计】分析!APP图标造型


比较APP图标的图形造型,大部分是以"面”为主的图形设计,样式饱满,图形形象视觉吸引力强,更容易在同类型产品图标中凸显出来。另一部分是内聚式图标,尤其是多点形图形设计,集中造型使得力的作用加强,利于强化图标的视觉中心。也有一些以点为主或线型的设计,通常做加粗强化处理,给用户带来不同的视觉观感。

【学习UI设计】分析!APP图标造型


【学习UI设计】分析!APP图标造型


多点造型的图标设计,需要借助对齐所有元素的方式。对齐的作用力非常强大,能够保证图形清晰明确。虽然不规则的形状更容易吸引注意力,然而对齐各元素之间的间隔,仍然是区别图标差异的形式法则之一,并且具有相当的适用性。


【学习UI设计】分析!APP图标造型


图形元素之间正确对齐,在各元素周围保持相同的大小间隔,间距精确,是图标设计整合的有效手段。避免在图形内部使用太多不同的间距大小,一般情况下使用2-3个不同的尺寸是合理的层级。如果变体太多势必破坏图形的简洁,不利于识别。


【学习UI设计】分析!APP图标造型


图形中表现视平线的方式分为平视、俯视、仰视三种基本角度,除游戏以外的大部分类型APP,在图形的视点表现上,多采用平视体构图。有些品牌明确在图标设计指南中要求图形视角保持平面的平视,禁止表现任何立体视角,借助图标的视觉角度暗喻其产品的正面、稳定和可靠性。


【学习UI设计】分析!APP图标造型


【学习UI设计】分析!APP图标造型

移动APP图标从形式上需要表现运营的功能,作为品牌视觉传播的一种指代符号,直接与用户交流,可以简单划分为图形和文字两大类。从符号学的角度,我们又把APP图形图标划分为:

【学习UI设计】分析!APP图标造型


①类象符号型图标,表现的是对象的模拟,与对象相似度高,一般是图像的形式。图像是人脑熟悉的形象符号,具有很强的认知性,直观表达丰富而形象的信息,更便于理解和记忆。

【学习UI设计】分析!APP图标造型


【武汉UI交互设计图标设计培训课程】

http://www.yanguosheji.com/h-col-105.html


②标志符号型图标,也可看做指示性图标,利用媒介与对象的接近性构成的标志性符号。标志符号与人的认知习惯密切相关,具有高度的客观概括性与指示意义,用户看到图标就会因为空间性、时间性及因果关系的接近,联想到现实生活中的事物,进而理解其代表的含义。


【学习UI设计】分析!APP图标造型


③象征符号型图标,是一种任意约定形符号。

④文字图标的表意更为准确,文字可以固定模糊不定的含义,在抽象意义表达上具有更大的优势,可以被优先解读。可以直接采用品牌文字标志。


【学习UI设计】分析!APP图标造型



联系老师

联系老师

副标题

 
 
 
 
 工作时间
周一至周日 :8:30-21:00
 联系方式
客服热线:18971120504