手機界面文字設計的分析方法研究 *
—— 以智能手機網絡為中心

金云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）。

金云，武漢理工大學藝術與設計學院博士生，武漢工程大學藝術設計學院副教授；方興，武漢理工大學藝術與設計學院教授、博士生導師；王雅溪，博士，武漢工程大學藝術設計學院講師。