手機APP的UI界面設計

黃耀輝 劉金滿

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

關鍵詞：設計;視覺元素;手機APP

中圖分類號：TP311? ? ? ? ?文獻標志碼：A? ? ? ? ?文章編號：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

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

1 手機APP界面設計的需求分析

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

2 手機APP界面中視覺元素分析

2.1 文本元素的設計

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

2.2 手機APP圖形元素的設計

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

2.3 手機APP色彩元素的設計

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

3 手機APP界面的視覺應用與體驗

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

4 結束語

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

參考文獻：

[1]黃艷群，黎旭，李榮麗.設計·人機界面[M].北京：北京理工大學出版社，2007.

[2]董芳.新媒體藝術[M].南京：東南大學出版社，2006.

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