黃耀輝 劉金滿

摘? 要：近年來智能手機(jī)的發(fā)展非常迅速，手機(jī)APP得以廣泛的應(yīng)用，給人們的生活帶來了方便快捷，使得人們越來越習(xí)慣通過手機(jī)APP實(shí)現(xiàn)購物。隨著移動(dòng)電子商務(wù)的發(fā)展，手機(jī)APP的功能和分類也逐漸細(xì)化，對(duì)于手機(jī)APP的UI界面設(shè)計(jì)需求日益增加，手機(jī)的界面設(shè)計(jì)也逐漸形成了個(gè)性的風(fēng)格和發(fā)展。文章針對(duì)手機(jī)APP視覺元素的應(yīng)用進(jìn)行分析，并將視覺元素進(jìn)行合理化的分類，研究各個(gè)元素和相互之間的藝術(shù)規(guī)律，為手機(jī)界面在使用過程中提供合理化的引導(dǎo)，完善設(shè)計(jì)，滿足使用者的心理需求。

關(guān)鍵詞：設(shè)計(jì);視覺元素;手機(jī)APP

中圖分類號(hào)：TP311? ? ? ? ?文獻(xiàn)標(biāo)志碼：A? ? ? ? ?文章編號(hào)：2095-2945（2020）30-0028-02

Abstract： In recent years， with the rapid development of smart phones， mobile phone APP has been widely used， which brings convenience to people's life， and makes people more and more used to shopping through mobile phone APP. With the development of mobile e-commerce， the function and classification of mobile phone APP are gradually refined， and the demand for UI interface design of mobile phone APP is increasing day by day， and the interface design of mobile phone has gradually formed a personalized style and development. This paper analyzes the application of the APP visual elements of the mobile phone， and classifies the visual elements rationally， and studies the artistic rules of each element and each other， so as to provide reasonable guidance for the use of the mobile phone interface， improve the design， and meet the psychological needs of users.

Keywords： design; visual elements; mobile phone APP

手機(jī)APP 的設(shè)計(jì)由原來的重質(zhì)感發(fā)展到輕質(zhì)感再到扁平化， UI界面的設(shè)計(jì)越來越趨于簡潔明了，簡潔的布局，顯眼的字體，大量的留白，突出了手機(jī) APP 的功能性，使受眾能直觀的看到使用功能。一個(gè)優(yōu)秀的手機(jī)UI 界面設(shè)計(jì)，應(yīng)該滿足了大眾的審美需求，簡潔美觀、信息科學(xué)合理，才能提高手產(chǎn)品的使用率，契合了大眾的審美。近年來各類造型各異的手機(jī)APP層出不窮，顏色的豐富多樣，使得用戶眼花繚亂。同時(shí)，一部分手機(jī)APP的設(shè)計(jì)不夠合理化，色彩搭配不協(xié)調(diào)，板式設(shè)計(jì)不美觀，缺乏設(shè)計(jì)性等問題，導(dǎo)致了手機(jī)APP設(shè)計(jì)的功能性不強(qiáng)，用戶的使用不方便。針對(duì)這些問題，我們對(duì)手機(jī)UI界面中的藝術(shù)元素進(jìn)行了歸納與整合，找到手機(jī)APP應(yīng)用的主要元素與設(shè)計(jì)表現(xiàn)之間的協(xié)調(diào)辦法，使得手機(jī)APP的設(shè)計(jì)能更好的得到應(yīng)用，使用戶擁有良好的體驗(yàn)，為手機(jī)APP構(gòu)建一個(gè)符合人們認(rèn)讀習(xí)慣的頁面布局，使信息得到更加快捷準(zhǔn)確的傳遞。

1 手機(jī)APP界面設(shè)計(jì)的需求分析

在手機(jī)APP設(shè)計(jì)不斷發(fā)展的今天，不同的應(yīng)用人群在使用習(xí)慣上有著明顯的不同，在手機(jī)APP設(shè)計(jì)和開發(fā)的過程，要關(guān)注用戶的年齡、習(xí)慣、操作流程等需求，考慮到不同用戶的情感需求，對(duì)不同用戶習(xí)慣和思維方式做出相應(yīng)設(shè)計(jì)方案，時(shí)刻以“用戶為中心”，從便捷用戶使用的角度來研發(fā)設(shè)計(jì)手機(jī)應(yīng)用軟件。熟知用戶的需求是手機(jī)UI界面設(shè)計(jì)的核心，不同的使用人群在使用過程中有著不同的情感體驗(yàn)，因此要滿足使用用戶在使用過程中對(duì)手機(jī)APP的視覺、聽覺、觸覺等需求，為用戶打造別具一格、新穎的手機(jī)軟件，滿足使用用戶的情感需求，提高使用者的信任度和滿意度，從而提高該手機(jī)軟件的市場競爭力，使用戶增加了品牌識(shí)別度，使用戶產(chǎn)生共鳴。在手機(jī)界面設(shè)計(jì)中融合用戶的需求，兼顧用戶的心理感受，在軟件的設(shè)計(jì)中，以用戶需求為核心，以視覺語言表現(xiàn)為支點(diǎn)，強(qiáng)調(diào)人機(jī)交互的重要性，從而完善手機(jī)APP的設(shè)計(jì)。

2 手機(jī)APP界面中視覺元素分析

2.1 文本元素的設(shè)計(jì)

在手機(jī)APP的界面設(shè)計(jì)中的文本元素是用以傳遞信息的視覺符號(hào)，對(duì)文本元素的研究應(yīng)該從結(jié)構(gòu)和文字之間的聯(lián)系出發(fā)，進(jìn)而完善文字編排設(shè)計(jì)與整合視覺藝術(shù)設(shè)計(jì)。文字具有傳遞信息和審美兩大功能，文本元素對(duì)手機(jī)APP的設(shè)計(jì)而言，不僅是信息的準(zhǔn)確傳遞，文本還要具有藝術(shù)表達(dá)的效果，字體在信息的傳達(dá)過程中作為一種藝術(shù)圖形符號(hào)，對(duì)文字版面設(shè)計(jì)提出更高的要求。在手機(jī)APP字體設(shè)計(jì)時(shí)，要注意字體樣式和字體大小的選擇，正確使用文本可以減少手機(jī)用戶的學(xué)習(xí)時(shí)間和成本，在短時(shí)間內(nèi)獲取更多的信息內(nèi)容。因此，在手機(jī) UI 界面設(shè)計(jì)中，文字的設(shè)計(jì)也是界面設(shè)計(jì)的重要部分，幫助用戶手機(jī)完成操作軟件的重要元素，設(shè)計(jì)與界面相匹配的文字，構(gòu)建了一個(gè)合理豐富的視覺空間。例如字體的選擇，字號(hào)的大小，行間距等，還有對(duì)文本編排的一些方式的設(shè)計(jì)，對(duì)文字結(jié)構(gòu)設(shè)計(jì)進(jìn)行重組與解構(gòu)，從而強(qiáng)調(diào)字體設(shè)計(jì)的形式感，讓文字變得不只是能夠“讀”而是更具有藝術(shù)感受，使文字閱讀更加輕松愉悅，提高其視覺沖擊力。

2.2 手機(jī)APP圖形元素的設(shè)計(jì)

在人們的經(jīng)驗(yàn)中，視覺情感表現(xiàn)用圖形圖像來表達(dá)，能更好地幫助人們獲取和識(shí)別信息。圖形是手機(jī)APP的界面設(shè)計(jì)重要的視覺表現(xiàn)元素，能夠提供視覺信息的符號(hào)形象來吸引人們的眼球。圖形元素概括能力強(qiáng)，直觀、形象表現(xiàn)信息內(nèi)容，給人留下生動(dòng)而清晰的印象，易于被理解和接受，有利于信息的視覺傳達(dá)。圖形作為一種視覺語言形式，其在信息傳遞上更加直觀和立體，直接表達(dá)手機(jī)界面的內(nèi)容，便于界面中有效信息的傳遞。圖形沒有文字的局限性，是世界通用的語言，圖形具有簡單直觀、便于理解等優(yōu)點(diǎn)。圖形在傳達(dá)信息過程中，沒有文化、年齡等背景的限制。在手機(jī)APP的界面設(shè)計(jì)中，設(shè)計(jì)師應(yīng)該在便于用戶的理解基礎(chǔ)上準(zhǔn)確應(yīng)用圖形，來傳達(dá)圖形的信息。運(yùn)用視覺表現(xiàn)規(guī)律對(duì)各種符號(hào)進(jìn)行重組、加工，從而實(shí)現(xiàn)有序、高效的信息傳遞。在手機(jī)APP的設(shè)計(jì)中，圖形設(shè)計(jì)分為具象圖形設(shè)計(jì)和抽象圖形設(shè)計(jì)。具象圖形是將相似物體進(jìn)行符號(hào)化設(shè)計(jì)，是最直觀的表達(dá)方式。例如：用相機(jī)的符號(hào)來表達(dá)拍照功能，這種直接將生活中的元素以圖形符號(hào)化形式植入于手機(jī)界面中。抽象符號(hào)則與現(xiàn)實(shí)生活中的元素沒有直接的關(guān)聯(lián)，往往是人們共同的文化背景下而建立起來的。比如，鴿子代表和平、綠色象征著環(huán)保、豎大拇指的形象代表稱贊等，將此類符號(hào)與用戶文化背景相對(duì)應(yīng)才能取得良好的表達(dá)效果。因此，在手機(jī)界面設(shè)計(jì)上，能有效地運(yùn)用圖形來表達(dá)藝術(shù)設(shè)計(jì)理念，以多樣的圖形來展示信息內(nèi)容，使手機(jī)的界面設(shè)計(jì)更加的形象和生動(dòng)，使信息的傳達(dá)更為準(zhǔn)確。

2.3 手機(jī)APP色彩元素的設(shè)計(jì)

色彩是視覺傳達(dá)與情感交流的有機(jī)融合，具有激發(fā)情感、強(qiáng)化記憶、傳遞信息等功能。色彩能夠產(chǎn)生強(qiáng)烈的視覺沖擊力和不同的情感效應(yīng)，同時(shí)色彩的情感表達(dá)也會(huì)因人而異，會(huì)隨著外部環(huán)境改變與心理而發(fā)生變化。色彩作為一種直觀和感性的視覺元素，它能夠給設(shè)計(jì)作品在傳播過程注入鮮活的生命力，還能引發(fā)人的聯(lián)想與情感共鳴。色彩在手機(jī)APP設(shè)計(jì)中是最直接的視覺元素。色彩的合理設(shè)計(jì)與表達(dá)，色相、明度及飽和度的搭配，能夠使手機(jī)APP設(shè)計(jì)呈現(xiàn)出良好的視覺效果，更好地吸引用戶的眼球和注意力。高明度的配色能夠給人輕松和快樂的感覺，低明度的配色給人沉著和穩(wěn)定的感覺，因此在手機(jī)APP設(shè)計(jì)中應(yīng)該注意色彩的情感表達(dá)與內(nèi)容信息相吻合，要考慮到色彩的對(duì)比與調(diào)和等形式法則，合理應(yīng)用色彩設(shè)計(jì)，進(jìn)而更好地完善設(shè)計(jì)的內(nèi)容。色彩是能夠引起人們注意力的重要元素，還能激起人們聯(lián)想和情感共鳴，能夠給手機(jī)APP在傳播過程中注入鮮活的生命力，所以運(yùn)用科學(xué)理論和藝術(shù)審美相結(jié)合的法則配置、設(shè)計(jì)色彩，進(jìn)而創(chuàng)造出新的、多層面、多角度、多功能的色彩效果。

3 手機(jī)APP界面的視覺應(yīng)用與體驗(yàn)

一個(gè)優(yōu)秀的手機(jī)UI界面能夠吸引用戶和提高品牌效應(yīng)，現(xiàn)在的用戶偏好手機(jī)界面設(shè)計(jì)美觀、交互設(shè)計(jì)科學(xué)合理的設(shè)計(jì)界面，這樣提高手機(jī)用戶的滿意度。因此在手機(jī)界面的導(dǎo)航設(shè)計(jì)中，首先要確立用戶的需求，研究分析用戶的生活習(xí)慣和行為特征，手機(jī)界面中各個(gè)功能區(qū)的設(shè)計(jì)要科學(xué)合理，降低用戶的學(xué)習(xí)成本，減少用戶的使用負(fù)擔(dān)，使人機(jī)交互過程流暢，從而提高手機(jī)軟件的市場競爭力。手機(jī)APP界面的視覺應(yīng)用中，要有突出的重點(diǎn)，有效的視覺引導(dǎo)，重要的信息內(nèi)容放在視覺的中心點(diǎn)上，吸引用戶。手機(jī)界面上的視線導(dǎo)向也是有規(guī)律的：第一，瀏覽路徑要流暢。界面的信息有主次輕重的加以區(qū)分，是由信息元素的拼湊，要便于用戶捕捉關(guān)鍵信息。第二，設(shè)計(jì)視覺導(dǎo)向來引導(dǎo)用戶的瀏覽視線，通過功能圖標(biāo)展示，科學(xué)合理完成人機(jī)的交互。視覺引導(dǎo)不能分散手機(jī)用戶的注意力，通過科學(xué)合理的設(shè)計(jì)便捷用戶的路徑操作。第三，手機(jī) APP 界面的配色要一致，主要體現(xiàn)在主色的應(yīng)用上，主色面積占有率大色彩不宜多，保持界面的設(shè)計(jì)一致性的規(guī)范。在有限的空間中設(shè)計(jì)出更好的手機(jī)APP，使用戶獲得更好的視覺效果和體驗(yàn)。

4 結(jié)束語

伴隨著科技的發(fā)展，手機(jī)成為了人們信息交流的媒介，手機(jī)APP的開發(fā)和推廣給人們帶來了很大的便捷，手機(jī)UI在中國還是個(gè)新型的產(chǎn)業(yè)，有待發(fā)掘。手機(jī)APP的設(shè)計(jì)需要運(yùn)用設(shè)計(jì)美學(xué)、設(shè)計(jì)心理學(xué)等知識(shí)來設(shè)計(jì)完成，這樣開發(fā)出的手機(jī)產(chǎn)品才更具有人性化。運(yùn)用視覺語言的應(yīng)用規(guī)律對(duì)手機(jī)APP的界面進(jìn)行設(shè)計(jì)，是設(shè)計(jì)發(fā)展的必然之路。文本、圖形圖像、色彩等視覺語言元素在手機(jī)界面設(shè)計(jì)中運(yùn)用了整體性、用戶性、個(gè)性化的設(shè)計(jì)原則，對(duì)信息內(nèi)容的呈現(xiàn)符合用戶自然流動(dòng)弧線的視覺流程。作為一名UI 設(shè)計(jì)師，不僅需要大量的設(shè)計(jì)經(jīng)驗(yàn)，還需掌握用戶的需求心理，掌握設(shè)計(jì)構(gòu)成原理，UI界面設(shè)計(jì)的交互原理，從而提高手機(jī)UI設(shè)計(jì)的視覺傳達(dá)設(shè)計(jì)能力，為我國的手機(jī)APP界面設(shè)計(jì)與開發(fā)貢獻(xiàn)出一份力量。

參考文獻(xiàn)：

[1]黃艷群，黎旭，李榮麗.設(shè)計(jì)·人機(jī)界面[M].北京：北京理工大學(xué)出版社，2007.

[2]董芳.新媒體藝術(shù)[M].南京：東南大學(xué)出版社，2006.

[3]羅仕鑒，朱上上.用戶體驗(yàn)與產(chǎn)品創(chuàng)新設(shè)計(jì)[M].北京：機(jī)械工業(yè)出版社，2010.