020-29815005
预约专线时间:09:00-23:59

优漫教育:UI设计三种APP图标的设计技巧干货

新闻来源:优漫教育 日期:2021-05-06
优漫教育:UI设计三种APP图标的设计技巧干货 应用程序图标属于视觉符号。APP图标的主体图形的设计,首先要清楚地理解用户的心理感知过程,遵循思维规律。 应用程序图标最终将被用户识别,并翻译成意义图形化的语言,即形式为“A是B”。表示图标被感知的事物(即能指…
    优漫教育:UI设计三种APP图标的设计技巧干货



    应用程序图标属于视觉符号。APP图标的主体图形的设计,首先要清楚地理解用户的心理感知过程,遵循思维规律。

    应用程序图标最终将被用户识别,并翻译成意义图形化的语言,即形式为“A是B”。表示图标被感知的事物(即能指),B代表比喻A(能指)。

    用形象或抽象的形象来增强视觉的认同感,并使符号所指的“意”和能指的“形”紧密相连,从而唤起使用者的情感记忆,建立认知关系,创造出不同类型的图标,从而激发不同角度的联想。

    

    一.图象图标设计方法


    图象符号通过对对象的写实或模仿来表征对象,其表意方式以相似为基础,具有明显的可知性。所以,图像图标具有极高的辨识度,当用户看到它时,就能在第一时间将它与客观实体联系起来。因此,图像图标设计方法的关键是建立图像与客观物象之间的相似性。

    从格式塔心理学的观点来看:视知觉遵循着“完型法则”,人们倾向于选择那些能产生最简单、最稳定的图形的方法。与复杂而不对称的图形相比,简洁而对称的图形更容易被人们发现并识记。当构思形与形的相似性时,设计者必须善于观察和发现事物形态的共性,并加以利用。而且,在用户认知过程中,这种方式所创造的隐喻最为明显,几乎没有任何认知障碍。


    

    二.指明图标的设计


    哲人亚里士多德指出:一个概念的发生,必然伴随着另一个类似或相反的概念发生。这一时空对比与相似的观念联系,经后世补充与完善,被称为四大联想律,即接近律、对比律、相似律、因果律。指示性图标实质上体现了“四大法则”的主张,其创作方法主要有两种:

    ②用最具特色的部分作为主语来指整体。这是一种以小见大的图标设计方法,侧重于对局部特征的把握和对视觉元素的取舍,以便准确地表达有限的尺寸。设计者可以以程序功能或软件应用为思维中心,并从中心向外扩散,形成多个关节点,每个关节点代表一个与中心主题相连接的辐射立体结构,然后选择其中最具代表性的一个。

    运用事物的某些特性、性质、关系等来建构意象和意境的联系。应用程序图标设计中,枯燥的文字和具象表达往往缺乏吸引力,越来越多的设计者倾向于采用抽象、简洁的隐喻来表达信息。要将抽象、非视觉化的概念或意义,转化成鲜明、生动的视觉图形,需要设计师对生活的仔细观察和积淀,引导使用者从简单的形象中领悟到深刻的内涵,达到与使用者的心灵契合。


UI设计培训

    

    三.符号符号的设计方法


    符号图标的设计思想与品牌形象标识如品牌名称和标准字等文字内容联系密切。对品牌形象文字视觉元素进行提取和浓缩,以品牌标准字体作为图标设计的主体,与其视觉识别系统保持高度一致,便于消费者识别。

    符号图标通常以文字的形式出现,这种设计方法简单易行,似乎只需符合已经存在的视觉形象就可以了,同时文字也能表达抽象的含义,不像图片那样容易引起误解,文字所包含的信息远没有图片丰富,也不利于人的大脑的思维和记忆的信息组织结构,缺乏直观性,而且创意空间也相对有限。


UI设计培训

    

    总结


    首先,图形图标设计的关键是构造外观形象的视觉相似度,因为图形图标在程序功能上可以依附于较具象的实体,所以图形与程序所显示的客观实体的相似度也最高,这种方法适合解释程序的功能和用途。

    其二,指示图标的设计方法可以分为两种:一种是用局部形象来指代整体,力图建立局部形象的相似度;另一种是用相同或相近的含义来引导视觉形象的转换,使图标和程序巧妙地结合起来。

    符号化图标的设计方法和联想机制需要基于文化背景、社会习惯和符号化原则,如超出这一范围,使用者很难从视觉形象中理解其含义。

    软件图标的图形设计方法并非一成不变,在设计实践过程中,设计者需要根据软件特性、用户需求、品牌视觉形象等实际情况,综合分析,灵活选择某种形式的设计方法,或者是综合运用多种方法,力求图形信息含义的准确表达,在保证科学、合理、互动的基础上,兼顾图形视觉效果的美观性和时代性。


UI设计培训


    在ui界面中,图标是最基本的元素,但有时也是最令设计者头痛的元素。怎样做才能使图标有创意,又能给人一种眼前一亮的感觉?

    许多设计者看到一个很酷的图标,学着做颜色搭配,层叠等等都会有一些感觉上的区别。


优漫教育