浅谈苹果手机的图形用户界面设计

2017-07-27 15:59孙志华
商情 2017年21期
关键词:图形设计界面设计

孙志华

【摘要】本文借鉴了交互设计、信息设计、视觉传达设计、感官设计等科学理论,通过分析当前手机设计的典型案例,提出手机设计应从视觉美等美感着眼,最后阐明如何运用图形和文字语言设计手机信息。

【关键词】苹果手机 图形用户界面 界面设计 图形设计 文字设计

中国古代有“以象观道”之说,部分学者认为图形比文字更接近事物的本质,具有更丰富的内涵和哲学。信息图形的设计可以增加界面的易理解性。图形用户界面(GUI)是以人的视觉 感知系统为基础的,包含了表示系统对象的图形和功能的图形。为了选择适当的指 令,用户必须区分各种图形所表达的内容。

信息时代是一个视觉为主的时代,图像将取代文字的统治地位。视觉印象具 有唤起各种情感的力量。在所有感官中,视觉是非常重要的。视觉比其他感觉器官 都要发达,这与其能接触到外界大量的信息有关。视觉也是用户和手机交流最普遍 的渠道。视觉刺激的影响既是立刻发生的又是持久发生的。用户直接操作成功的关 键是丰富的视觉反馈。iPhone手机采用的高分辨率屏幕,可以显示更多的视觉信 息。iPhone手机的图标设计清晰易懂,细节丰富。

图形很容易地表达出一些具体、形象的信息或概念。可谓一图胜千言。图 像可以灵活地表现出一些文字难以表达的信息,并且可以使用户更容易理解和记 忆。Edward R. Tufte 认为好的图形设计能够“对复杂的信息进行清楚、准确、有 效地描述 ”。

iPhone界面划分成上下两大区域,界面上方区域显示一些较常用的功能图标( 共十二个,采用大图标加小号文字的组合方式),在界面下方区域显示重要的四个功 能。这两个区域之间有明显地距离间隔,便于用户快速识别出下方重要的功能圖标。 用户对图形的识别能力要远大于文字,好的图标设计可以降低视线搜索的时间,会大 大地提高用户操作的效率。

使用形象化图形能提高对符号和控制装置的识别。利用图标形象化使显示的动 作、物件和概念更易发现、认识、学习和记忆。图标可用在标识、电脑、手机以及控 制信号等方面。可以识别身份,可用作文本替代物以节省空间,也可以把注意力从众 多显示的信息吸引到某一条目上来。Edward R Tufte所说:“图形化的优点在于使 用最小的的空间,最少的墨水,在最短的时间内给观看者最大量的信息 ”。iPhone 手机提供了新的图形介面的隐喻,让用户能够愉悦的同手机进行交互。

图形标识能降低执行负荷,节约显示和控制标志的时间。跨文化和语言交际 时,图标使得符号和控制装置更易理解。图形可以分为四类:相似图形、体例图 形、象征图形和任意图形。标志简单具体时,用相似图标;复杂时,用体例图标; 涉及已为大众所接受、易辨认的符号时,用象征图标;用作规格标准时考虑使用任 意图标。为了达到最佳的效果,图标往往约定俗成,并具有常见的直观性(形状和 颜色)。iPhone 的“聊天式短信设计(Text like you chat)”以联系人为单位,把消 息用IM聊天的形式表现,让人觉得更像是在对话,给人一种和对方在交互对话的感 觉。iPhone的应用程序容易识别又易操作。图形设计的目的是保持其简单性,但是 容易犯过分简单的错误。

文字能够描述一些抽象的概念,它可以准确地对信息进行描述,受众容易控制阅 读时的速度,可以反复阅读和体会。人们处理可视信息比处理文本信息更容易时,这 意味着使用视觉元素导航比使用文本元素导航效率更高。处于导航的目的,最好把文 本做视觉元素考虑,文本必须简单,便于认知和记忆。iphone文本形成可识别的形 状,大脑把它当做视觉对象进行分类。每个单词有一个可识别的形状,这就是为什么 全部大写的单词更难辨认的原因。大写单词缺乏可读性,我们不得不花费更多的精力 去辨认写的是什么。在手机的界面设计中要避免全部大写的单词。识别文字和阅读不 同,阅读只需扫一眼单词就能根据上下文了解它的意思。故界面设计应通过最少量文 本的阅读来成功实现导航。

文字设计的指导准则 1、确保文本与背景对比明显,不要使用冲突的颜色,以免影响可读性。

2、选择合适的字体和字号,小于10磅的字难于阅读,对于简短的文本,如标签或简 短说明,要用清晰的非衬线体(sans-serif),如Arial和Helevatica 字体,iPhone手 机使用的是Helevatica、Helevatica light、黑体等无衬线字体。

3、文本组成段落后便于理解,用最少量的文字表达最清楚的意思。词组必须明确, 避免用缩略语,即使必须用缩略语,也要用标准缩略语。

4、联想输入与智能纠错,iPhone手机根据你所使用的应用程序,在输入时,智能键 盘会自动建议拼写修正来帮助你避免拼写错误。

易读性关注的是文本的字体形式或个性化特征。可读性考虑的则是文本的阅读速度和轻松度。单个文字或许是清晰易读的,但当文字聚在一起,可读性也许会大大降低。层次、引导、结构和版面设计,任何一个元素对到达可读性的最佳点都是至关重要的。

iPhone手机号码的显示方式采用乔治.米勒的组块理论,容易记忆。因为iPhone手机把电话号码分成三个组块。把信息组块有助于记忆信息或利用信息解决问题,但 不要把快速查找或浏览的信息组块。乔治 米勒(George Miller)发现:虽然人的短 期记忆容量不同,却都可以用组块作为度量标准,组块表示一组单一的信息单元。大 脑在短期记忆阶段可以记住七个组块,总量上下不超过两组。但通过重新组块或重新 编码,大脑可以记住更大量的信息。对主题和核心内容越熟悉,就越容易记住更大量 的信息。组块同时也与记忆辅助物有关。使用组块原则将复杂的数字或信息简单化, 方便大众接受、理解和回想。将复杂或冗长的信息分解成小的组块,并始终以“七, 加减二”的原则为指导,利用设计的连贯性将组块纳入更多信息之中。

信息传达的目的并不是通过强烈的视觉冲击来吸引人们的注意,而是把信息慢慢的渗透到五官中去。在人们还没注意到其存在时,成熟、隐秘、精密、有力的传达工具已悄然问世。如果仔细探究技术与通讯的内在关系,我们会发现技术的发展并非只是让我们能在各种显示器上看到网络的信息。我们应该用心审视信息的复杂性和深度。在认知科学领域,视觉、听觉以外的感觉,即以触觉为中心和各种细腻感觉,近年来受到人们的广泛关注。人类极为细腻的感觉作为尖端技术得到了重视。人们在与世界交流的过程中,是以多种感觉器官为介质的,所以,我们应该细细地品味自身的感觉。目前,设计与技术都在朝着这个方向前进。

猜你喜欢
图形设计界面设计
中国传统元素在界面设计中的应用
浅析图形构成艺术在包装视觉传达设计中的应用
汉字在现代图形设计中运用浅论
关于城市主题招贴设计的几点心得
界面设计中的图形创意方法
新媒体界面设计对当代报纸版面设计的启示
基于博物馆APP界面视觉艺术元素的探究
包装设计中图形设计的表现特征
介于多设备时代下的界面设计表现方式上的差异性
广告图形设计教学之创意性思维研究