APP下载

浅析手机APP界面中信息图形的设计

2017-11-25姜婷婷

关键词:图形化界面设计界面

姜婷婷

(湖南工业大学 包装设计艺术学院,湖南 株洲 412007)

浅析手机APP界面中信息图形的设计

姜婷婷

(湖南工业大学 包装设计艺术学院,湖南 株洲 412007)

在手机APP界面的设计中,通过文字、数据的图形化,结构的层次化,色彩的合理搭配,以及图形的趣味化,能够使信息图形设计发挥最大功效,提高受众的信息接收效率。

手机APP界面;信息图形;设计

一、信息图形设计的产生

在20世纪50年代信息图形的相关理论及应用诞生前,人们利用绘画图案和图形这两种最简单易懂的视觉方式来进行表达。随着社会的发展,受众的需求发生变化,每个时代都有自己独特的产物。进入信息时代,受众获取信息的途径变得越来越多,从文案图形到信息数据的可视化,从广播电视到网络计算机,再到现在风靡的手机应用自媒体,技术的进步让生活中无处不充满着各类信息。信息量猛增也造成删选的困扰,这时一种可将数据、信息或知识可视化表现的理论及应用产生,这就是1958年Stephen Toulmin提出的图形化的理论模型——信息图形(Information graphics),又称为信息图(Infographics)。[1]

二、信息图形设计对手机APP界面设计的影响

(一)信息图形设计的思维方法对手机APP界面设计的影响

1.信息传达方式的改变

在信息化社会中,受众每天通过手机接收泉涌般的信息。起初,基于文字表达的准确性、可译性、有深度等优势,受众愿意在手机中选择这种方式传递信息。但随着技术的进步和受众需求的变化,文字的抽象性等局限造成信息交流不畅,使之在传达过程中不能完整、快捷地将信息内容全部传达给手机用户。相对于文字传达的方式,图形传达方式在手机中优势更大,通过具体的、直观的、形象的设计,图形在有限的屏幕中辨识度很高。而且在沟通方面,图形是世界互通的,不需要转换,因此提高了受众的信息接收效率,让受众在短时间的手机APP阅读中获取更多的资讯。

2.形象思维方法与逻辑思维方法的结合

人类的思维分为两种,即形象思维和逻辑思维。形象思维是一种本能的思维,是受众认识客观事物最基本的方式之一。手机APP界面的信息图形设计将复杂、抽象、难理解的信息内容转化为直观的图形,有利于受众的认识、理解,这其中就利用了形象思维认识事物的原理。而逻辑思维依据对收集到的信息内容进行整合分析,经过手机APP界面设计人员的充分理解,加以恰当的表达再传播出去,这就是利用理性的思考方式进行手机APP信息图形的制作、传播。由此可见,手机APP界面设计要通过逻辑思维对收集的信息进行理性的数据分析,再加上具体的形象思维方式展现出来,将两种思维方式结合,这样扬长避短,节约信息传达的时间,提高传达的效率和接收的准确率。

(二)信息图形设计的特性对手机APP界面设计的影响

1.传播速度与信息传达的准确性

大部分信息是由视觉进入大脑并被受众所接收的,因此视觉是受众接收信息最主要的方式。运用图形的直观表达方式,通过信息图形化、视觉化将繁杂的信息浓缩为清晰、易懂的icon以及APP界面,使受众更快速、更准确地掌握信息,提高工作效率。

2.信息的直观性

在这个信息活动频繁的时代,信息图形化成为手机APP阅读的公共要求。通过图形的巧妙设计,可以将繁杂的文字信息转变为简单易懂的视觉化、符号化形式,借助小小的手机APP界面表现出来,让受众在最少的时间内接收到重要的讯息。简单明了的图形化设计,生动、直观地表现出具体的信息内容,方便受众理解与分析,同时也缩小了传达所需的空间,如图1。

图1 Google的手机APP中信任圈信息图形化应用示意图

3.记录的便捷性

信息图形设计将抽象的事物转变为具体的、生动的、易理解的图形,减小在细微理解中造成的差异,使手机APP界面设计标准化、普遍化、准确化,容易被受众精准接受。这也是利用图形便于记录的特性,方便受众快速记录手机中的重要信息,并及时作出回应。

三、信息图形在手机APP界面中的设计方式

(一)文字、数据的图形化

信息的内容往往是大量数据和文字组成的,因为数量大,信息展现在受众面前往往是繁琐的、复杂的、无序的。手机APP设计师通过运用信息图形的符号语言,对可读的文字、数据信息进行一次简单的释义,把繁琐信息内容中主要的、有用的文字、数据等进行保留且组织成信息,再通过二次过滤、归纳、总结,深挖出信息中的关键,运用生动、准确的图形语言组合设计,使受众快速、高效地识别与处理相关图像信息,让其无需过多的理解和推理就能直接进入认知空间,相较于冗长数据和繁琐文字更容易让人接受。

(二)结构的层次化

在形式外观上,信息的图形化首先会带来美感,让受众体会到视觉享受,从而刺激受众的认知层面,有利于手机信息的准确表达。在美感设计上,运用相关理论完成的信息图形语言,组成多种结构形式的变化,如发散结构、对比结构、位置分布等多层次结构的手机APP信息传达方式,有效提高了信息视觉化后带给受众的可视化体验,将手机APP信息层次分明地传达给不同的受众,使得手机APP在功能上和美观上达到统一,提高受众的信息接收效率。

(三)色彩的合理搭配

色彩的搭配也在手机APP的信息图形化传达中起着重要的作用,设计师可以通过色相的不同来区分出用户所读信息的重要程度和种类。从直观上看,美观的、有趣的信息图形设计,能够让重点信息得到突出,削减次要信息带来的负重感。因此在手机APP界面的设计过程中,要注意色彩搭配的运用,同种颜色在不同的背景下所产生的效果截然不同。色彩的选搭在受众的视觉观赏上起很大的作用,是信息图形符号语言传达的重要手段之一,如图2。

图2 绿色元素的主界面设计

(四)图形的趣味化

在信息化的大背景下,受众每天接收到的信息数量大、不可控、很繁杂。在手机传达信息的过程中,信息图形化设计要考虑到受众的接受力和认知力。因此在手机APP中通过信息图形表达繁冗的文字、数据信息时,适当增加图形创意和图形的趣味性,是重要的手段之一。在手机APP界面信息图形化设计的过程中,需要强有力的视觉冲击力,才能吸引受众的注意,从众多复杂的信息中脱颖而出,让受众更快捷地了解和接收到相关信息,最终达到传播信息的作用。适当增加创意图形的设计,寻求不同且共通的表达方式,能够让受众留下记忆、产生阅读兴趣,并在阅读信息时产生愉悦感、满足感。设计师多方面展开图形的联想和联系,能够使信息图形设计更具魅力和吸引力。

[1] 胡迪.数据信息的图形化设计方法研究[D].成都:西南交通大学,2015.

G206.3

A

1671-5454(2017)05-0032-03

10.16261/j.cnki.cn43-1370/z.2017.05.008

2017-07-13

姜婷婷(1988-),女,湖南长沙人,湖南工业大学包装设计艺术学院2015级硕士研究生。研究方向:数字媒体艺术设计。

(责任编辑 陶新艳)

猜你喜欢

图形化界面设计界面
中医养生APP界面设计
“共享员工”平台界面设计
基于Arduino图形化编程的教学应用研究
中国传统元素在界面设计中的应用
国企党委前置研究的“四个界面”
面向智能手机的UI界面设计
LKJ自动化测试系统图形化技术研究
基于FANUC PICTURE的虚拟轴坐标显示界面开发方法研究
电子显微打开材料界面世界之门
手机界面中图形符号的发展趋向