手机界面文字设计的分析方法研究 *—— 以智能手机网络为中心

金云JIN Yun 方兴FANG Xing 王雅溪WANG Yaxi

1.武汉理工大学，武汉 430070（WuHan University of Technology，430070 Wuhan）2.武汉工程大学，武汉 430205（WuHan Institute of Technology，430205 Wuhan）

手机界面文字设计的分析方法研究 *
—— 以智能手机网络为中心

金云1，2JIN Yun 方兴1FANG Xing 王雅溪2WANG Yaxi

1.武汉理工大学，武汉 430070（WuHan University of Technology，430070 Wuhan）2.武汉工程大学，武汉 430205（WuHan Institute of Technology，430205 Wuhan）

在智能手机文字设计方面，作为其相互作用研究的先行研究，探索了包含各种表现样式的智能手机文字设计分析方法。分为界面组件和内容分类过程、文字设计组件的分析过程，以及综合分析过程这3个阶段来进行分析，并且在模式化、详细化的设计开发过程中，使用与智能手机文字设计向导相类似的及时反馈，对智能手机文字设计的分析方法进行分类，以能够提前审查设计的预期效果。

移动界面；文本设计元素；文本；图形；文本结构

一、引言

对于现代社会中的人来说，智能手机是必不可少的。通过智能手机显示屏提供的服务或内容，无论在种类方面还是数量方面都有长足发展，同时，和现存显示屏的分辨率相契合的文字设计也逐渐融入到人们的生活之中。

依据设计的原理，智能手机显示屏的文字设计构成要素之间存在着相互依存的关系。为了更好地进行文字设计，计划对智能手机的内容和界面组件进行分类，并且分析文字要素，之后在模式化、详细化的设计开发过程中，提出有益的文字设计分析方法。

二、智能手机内容和界面

1.智能手机内容分类

随着智能手机相关内容的发展，智能手机的内容已不只是音乐服务区，同时，多媒体服务，通讯服务和商务功能等多样的服务也在不断发展［1］。依据内容的性质，界面和文字设计形态以及使用目的都能够做到多样化、细致化。研究准备以智能手机界面为基础，提出文字设计的分析方法，并由此限定智能手机网络的内容分类。

2.智能手机文字设计的界面构成原理

界面原本是化学用语，指两物质之间的接触面。但是，我们现在使用的界面是指用户界面（User Interface）［2］。界面设计是为了使电脑和用户之间，能够更为融洽地进行相互了解。所以，设计者应该首先考虑用户的认识方式所给出的设计信息，再考虑视觉性要素，由此完成的设计成果包涵在界面设计中［3］。

为了实现设计目的，考虑应如何结合各个要素，来规划构成方案是界面构成原理的职责。界面构成原理包含统一原理、均衡原理，对比原理、比例原理，强调原理［4］。

对于文字设计，通过视觉阅读的方式要比直接朗读的方式更有效果，在有韵味的装饰或者现代型的文字设计中，与文字字体的美学价值相比，更应该将浏览的人能否快速地阅读这个功能作为核心。

在智能手机文字设计的界面中，不仅是在构成要素的审美方面，而且在考虑怎样排列能够提高用户的理解和效率性这个功能性方面，也一定要使用合适的视觉性构成原理。

3.智能手机界面设计组件

依据内容分类，智能手机界面设计的组件有所不同。依据构成原理，各组件之间存在相互依存的关系。虽然分类智能手机界面各要素的方法有很多，但是其研究内容，是以智能手机网络为主的。所以，将构成区分为标题区，菜单区、内容区，广告区，其他区，背景区（见图1）。

图1　智能手机界面设计构成区域①

智能手机界面组件可以表现为字符或字符和图像结合的形式，根据构成领域的不同，组件可分为菜单、标题、背景、内容、广告、其他等（见表1）。

表1　构成领域的组件

2.文字设计元素

一般设计元素分为概念元素、视觉元素、相关元素这3部分。概念元素是指点、线、面、量等。视觉元素是指颜色、质感、形态、结构等。给设计造成影响的相关元素，是指空间、重量、方向、位置等（见表2）。

表2　文字设计要素和说明

三、智能手机文字设计

1.现代汉字的形态和结构

汉字在中国悠久的文化历史变迁下，文字形态也在不断地演变。最近几十年来，汉字笔画经过反复调整，结构趋于简单化。中国简体汉字笔画中一横一竖最多，以笔画为基础， 象形表意［5］［6］（见图2、图3）。

图2　汉字的组合形式［6］

图3　汉字的组合结构②

四、智能手机文字设计的分析方法

依据智能手机内容和信息结构的不同来分类界面组件，以相应文字组件的使用用途和表现方法为基础，提出智能手机文字设计的分析方法。

1.标本采集

随着智能手机屏幕画面保存方法的多样化，大部分的手机都带有屏幕保存功能。因为根据标本收集的种类不同，屏幕比例会有差异，所以为了有效地运用截屏功能，需要先分类屏幕比例再进行收集。

2.分析方法

研究中提出的智能手机文字设计分析方法，可以分为界面组件和内容分类过程、文字设计组件分析过程，以及综合分析过程这3个阶段来予以整理（见表3）。

表3　智能手机界面的文字设计分析方法流程

在内容分类的过程中，我们对分析对象智能手机内容的类型进行分类。对界面组件，我们则根据研究进行先分析后分类。对于智能手机设计的组件分析，我们需要通过分析具体文字设计结构的过程以及表现方法来进行分类。在综合分析的过程中，我们整理收集材料，并以此为基础完成综合考察和分析。

3.分析方法

我们的研究计划是以智能手机界面为基础，来提出文字设计的分析方法，所以智能手机内容分类和界面精密分析，是超出本研究范围的部分。我们将分析对象限定为智能手机网络内容，通过智能手机的屏幕截图功能来收集数据，是为了使用便利化、符号化的缩略语并且整理分类记号。网页界面组件的表达方法，具体如下（见表4）。

表4　智能手机界面各区的表达方法

分类界面是指除开各个元素的概念元素，通过视觉元素和相关元素将文字设计元素细节化，并且分析构成元素表达方法的过程。

（1）视觉元素。智能手机文字设计的视觉元素，包含颜色、大小、效果、形态等，其表达方法具体如下（见表5）。

表5　智能手机文字设计各个要素的表达方法

（2）相关元素。智能手机文字设计的相关因素，包含文字的位置、文字之间的间距与方向、文字的背景颜色与笔画数等，其表达方法具体如下（见表6）。

表6　智能手机文字设计相关元素和标记方法

以上面的缩略语为基础，来分析文字设计要素并记录图像，记录顺序按内容、界面、视觉元素、相关元素的顺序来表达（见图4）。

图4　智能手机文字要素分析图像记录示例③

4.综合分析过程

在智能手机文字设计分析的过程中，有整理提炼资料阶段和记录阶段。根据智能手机内容和界面元素的不同，文字的功能也存在着差异。因此，我们需要通过各个功能相同的界面元素来分析并活用数据。

由此可知，数据组应放在首要位置，为了更有效地分析收集到的数据，我们需要建立和分析用途相符合的各个文件夹并保管。

同时，我们需要记录文件的范围和缩略语，并且要做到可以识别文件的种类和大小。接着为了进行系统性分析和数据保存，分析记录收集到的数据，我们需要先生成一个记录表（见表7），再进行和用途相符合的记录。分析者可以随时使用分析记录表，并且为了功能性和方便性，需要给研究人员提供相应的记录工具。对于智能手机的限制性，在考虑了其使用性的前提下，为了使信息传达更好地进行，我们还需要注意可变性和解读性。研究可以对以下数据进行分析。

表7　智能手机文字设计分析记录表

（1）在内容分类中，基于界面元素，能够了解到字符的类型和用途。

（2）与文字的数量无关，能够有效地进行简单、快速的阅读，才是更为重要的。同时，底色、字体类型的重量感等，都会对可变性产生影响。

（3）通过对文字元素的分类，能够正确分析文字元素的大小、停顿等。在快速了解内容方面，解读性对于进行短文阅读的人来说是很有帮助的。依据使用目的，对文字的对齐、字符间隔、行间距等进行适当的校正，是非常必要的。因为通过视觉性信息来解读信息，能够有效地提高阅读的效率。

（4）在文字元素中，理解符号元素使得我们正确地掌握和分类智能手机文字设计的特性成为可能。以此为基础，我们可以提出智能手机文字设计的开发方向。

五、结论

随着智能手机的不断进步，其不仅包含了现有媒体的所有特性而且携带性好。智能手机文字设计以具备形态性和功能性的作品为大宗，其文字设计领域的快速发展，也引起了人们爆炸性的需求。

到目前为止，智能手机文字设计的方法论还没有得到深入的发展，只是刚刚起步。所以，建立使智能手机文字设计的分析用途有效执行的设计方法论，就是刻不容缓的了。

本研究以智能手机界面元素为基础，探索为了使文字有效使用的设计分析方法。我们根据内容，分类界面元素并且分析文字设计组件和表达方法。并且，在模式化、详细化的设计开发过程中，我们使用与智能手机文字设计向导相类似的及时反馈，分类出智能手机文字设计的分析方法，并期待能够提前审查设计的预期结果。

此外，智能手机内容的有形化，以及以此为基础形成的与界面相关的研究是相对较少的。所以，我们期待日后能够进一步有效地开展掌握智能手机内容分类，以及与界面分析有关的系统性、合理性研究。

注释

① 图1来源：图1中的左图部分为作者根据http：// m.qq.com再制作；图1中的右图部分为作者根据http：//m.naver.com再制作而成.

②图3来源：作者自制.

③图4来源：作者根据http：//m.qq.com再制作而成.

［1］ NAM GYEONG-HWA.Study on Convergence Trend Base on Mobile Content's Classification System［D］.Seoul：Sungshin Women's UniverSity，2009：10.

［2］ YU JI-HUI.A Study on the Evaluation of Mobile Website Interface in Academic Libraries［D］.Seoul：Dongduk Women's University，2015：6.

［3］ XIN RAN.The impact of interface design on user preferefces from the perspective of internet shopping mall［D］.Seoul：Chung -Ang University，2016：6.

［4］ LEE HYUN-JU，LEE JUNG-HYUN，BANG KYUNG-RHAN，RYOO SUNG-HYUN，SHIN KYE-OK，LEE EUN-JOO. Study in Analyzing Method of Web Interface Design［J］.Journal of Korea Society of Design Science，2001，14（2）：210-215.

［5］ LEE JIN-WOO.The investingation of the design and construction of the simplified printiong Chinese letters：The overlook of future and direction of the simplified printing Chinese letters from congnitive psychology［D］.Seoul：Sangmyung University，2016：17-21.

［6］ SEO A-HAM.study on online chatting terms in Chinese with the characteristics［D］. Busan：Dongseo University，2016：15.

（责任编辑 孙玉萍）

Research on the Analysis Method of Text Design in Mobile Phone Interface： Centered on the Network of Smart phone

As a preceding study on the interaction design，the research of smart phone text design analyzes a variety of analysis methodsof mobile text design. The analysis is carried in three stages， including the process of interface components and content classifi cation， the process of text design components analysis and the process of comprehensive analysis.On analyzing the modeled and specifi c course of design and development， the research classifi es the analysis methods through a timely feedback similar to the guidance of smart phone text design. On this basis the anticipated effect of the design could be examined.

Mobile interface；text design elements；text；shapes；text structure

J0-03

A

10.3963/j.issn.2095-0705.2016.05.005（0023-07）

2016-07-24

2015年度武汉工程大学科学研究基金项目（K201529）。

金云，武汉理工大学艺术与设计学院博士生，武汉工程大学艺术设计学院副教授；方兴，武汉理工大学艺术与设计学院教授、博士生导师；王雅溪，博士，武汉工程大学艺术设计学院讲师。