手機(jī)移動(dòng)端的界面設(shè)計(jì)美學(xué)法則探析

吳曉輝

摘要：現(xiàn)階段，在保證手機(jī)移動(dòng)端質(zhì)量的同時(shí)，還要結(jié)合其特有的美學(xué)法則，確保界面設(shè)計(jì)的美觀。基于此，本文說明了手機(jī)移動(dòng)端界面設(shè)計(jì)的評(píng)定要求，重點(diǎn)闡述了手機(jī)移動(dòng)端界面中的布局設(shè)計(jì)、形式設(shè)計(jì)、組件設(shè)計(jì)以及動(dòng)效設(shè)計(jì)中包含的美學(xué)要素，為相關(guān)工作人員提供參考。

關(guān)鍵詞：手機(jī)移動(dòng)端；界面設(shè)計(jì)；美學(xué)法則

引言：

現(xiàn)階段，我國(guó)的移動(dòng)通訊技術(shù)以及互聯(lián)網(wǎng)技術(shù)得到了迅速發(fā)展，使用手機(jī)移動(dòng)端的用戶明顯增加。手機(jī)移動(dòng)端為人們的生活提供了更加方便的條件，也改變了人們的生活。隨著手機(jī)移動(dòng)端品牌、功能以及型號(hào)數(shù)量的提升，人們對(duì)于手機(jī)移動(dòng)端有了更多的要求。在這樣的情況下，手機(jī)移動(dòng)端的設(shè)計(jì)中不僅要對(duì)其質(zhì)量與功能進(jìn)行優(yōu)化，還要確保界面設(shè)計(jì)的美觀。

一、手機(jī)移動(dòng)端界面設(shè)計(jì)的評(píng)定要求分析

在進(jìn)行手機(jī)移動(dòng)端界面設(shè)計(jì)的評(píng)定中，要對(duì)四個(gè)方面展開評(píng)定：形式、色彩、樣式以及動(dòng)效。其中，對(duì)于手機(jī)移動(dòng)端界面的形式來說，要對(duì)其風(fēng)格統(tǒng)一程度、布局的合理性、是否符合人機(jī)工程原理等進(jìn)行評(píng)價(jià)。這要求著相關(guān)人員在設(shè)計(jì)中避免為用戶帶來不良感受；對(duì)于手機(jī)移動(dòng)端界面的色彩來說，要對(duì)其與產(chǎn)品的協(xié)調(diào)性、元素的統(tǒng)一程度等進(jìn)行評(píng)價(jià)。這要求著相關(guān)人員在設(shè)計(jì)中不宜使用過多的色彩；在樣式的評(píng)價(jià)中，要對(duì)界面中的無障礙設(shè)計(jì)進(jìn)行分析與評(píng)定。所以，在設(shè)計(jì)中要充分的體現(xiàn)人性化特點(diǎn)；在動(dòng)效的評(píng)價(jià)中，要對(duì)其流暢程度、有意義程度進(jìn)行判定，保證用戶能夠更好的理解當(dāng)前的動(dòng)作。

二、手機(jī)移動(dòng)端界面設(shè)計(jì)的美學(xué)要素

（一）布局設(shè)計(jì)

對(duì)于大多數(shù)人類來說，在審美上更加傾向于有一定規(guī)律和節(jié)奏的布局排版。站在閱讀的角度上來說，使用結(jié)構(gòu)網(wǎng)格的行距能夠讓用戶在不同的屏幕下的手機(jī)移動(dòng)端界面有著一致性的體驗(yàn)。在實(shí)際的設(shè)計(jì)中，要將界面分成三個(gè)維度。對(duì)于不同重要等級(jí)的元素來說，其在手機(jī)界面中的優(yōu)先級(jí)為固定的，固定的優(yōu)先級(jí)能夠確保有用戶對(duì)界面的感知不變[1]。在簡(jiǎn)單的工具欄重疊中，可以使用紙片重疊的方式來體現(xiàn)，也可以將其用于工具欄的展開，也就是紙片的臨時(shí)覆蓋。

另外，還可以運(yùn)用增量邊框完善手機(jī)界面的布局設(shè)計(jì)。例如，可以先確定某一元素的尺寸，然后以這一尺寸的數(shù)倍增量完成其他元素尺寸以及位置的確定。

（二）形式設(shè)計(jì)

在手機(jī)移動(dòng)端界面的形式設(shè)計(jì)中，主要包含著三個(gè)方面的要素，即色彩、圖表以及圖像。對(duì)于色彩來說，其在實(shí)際的收集移動(dòng)界面設(shè)計(jì)中受到了限制。換句話說，就是在界面設(shè)計(jì)中，只能夠選擇一個(gè)主色以及一個(gè)輔色，或是一個(gè)強(qiáng)調(diào)色。同時(shí)，要確保所有的顏色都有三個(gè)色度。在這樣的要求下，使得手機(jī)移動(dòng)端界面設(shè)計(jì)中無法展開顏色過于跳躍的設(shè)計(jì)。相對(duì)應(yīng)的，在文字、圖標(biāo)、分割線的顏色設(shè)計(jì)中，也要附加alpha值。例如，當(dāng)界面背景為白色時(shí)，上面的文字不能全為黑色的。

在手機(jī)移動(dòng)端界面的圖標(biāo)設(shè)計(jì)中，要確保設(shè)計(jì)風(fēng)格統(tǒng)一、簡(jiǎn)潔，能夠?qū)⒐δ芤曈X化。這就要求著相關(guān)人員在實(shí)際的設(shè)計(jì)中，充分的利用隱喻的作用，使得圖標(biāo)顯示的含義更加清晰，最大程度的避免用戶在使用中產(chǎn)生歧義。在一整套圖標(biāo)中，要具有一致性的元素，包括描邊、斷線、圓角大小等等，提升用戶的一致性視覺體驗(yàn)。

圖像也是手機(jī)移動(dòng)端界面設(shè)計(jì)中的一項(xiàng)重點(diǎn)要素。在實(shí)際的設(shè)計(jì)中，要確保圖像應(yīng)用的準(zhǔn)確性，提升手機(jī)界面的美感以及場(chǎng)景的實(shí)質(zhì)性[2]。所以，要盡可能選擇讓人心情愉悅以及能夠體現(xiàn)內(nèi)部信息的圖像，最大程度的提升用戶的滿意程度。在選取圖像的過程中，相關(guān)人員要選擇具有突出焦點(diǎn)的圖像，不宜過度的處理圖像，確保圖像的完整程度。要結(jié)合上下文語境以及特定信息完成圖像的選擇，保證用戶能夠理解信息，提升用戶的使用體驗(yàn)。

（三）組件設(shè)計(jì)

當(dāng)菜單在手機(jī)界面上彈出后，底部動(dòng)作條會(huì)通過紙片重疊的方式彈出，此時(shí)，下方的無關(guān)內(nèi)容會(huì)被半透明的黑色背景掩蓋。在設(shè)計(jì)界面中的不同按鈕時(shí)，可以使用偏平按鈕、浮動(dòng)按鈕以及懸浮浮動(dòng)按鈕的方式完成。通常來說，手機(jī)移動(dòng)端設(shè)計(jì)中，僅具有不可點(diǎn)擊、點(diǎn)擊前以及點(diǎn)擊后三種狀態(tài)，并不存在懸停狀態(tài)。所以，在實(shí)際的設(shè)計(jì)中，要確保用戶能夠快速的感知到手機(jī)系統(tǒng)的反饋。

（四）動(dòng)效設(shè)計(jì)

在手機(jī)移動(dòng)端界面的動(dòng)效設(shè)計(jì)中，要盡可能的確保動(dòng)作的真實(shí)性。這就要求著相關(guān)人員在實(shí)際的設(shè)計(jì)一個(gè)使用真實(shí)狀態(tài)的隱喻，幫助用戶更好的感受到系統(tǒng)的結(jié)構(gòu)。在真實(shí)的生活環(huán)境中，所有運(yùn)動(dòng)狀態(tài)的改變都存在著一定的加速度，并不是突然開始或靜止的。所以，在手機(jī)移動(dòng)端界面的動(dòng)效設(shè)計(jì)中，要避免畫面突然開始、停止以及轉(zhuǎn)換方向，使得畫面的運(yùn)動(dòng)更加自然。

響應(yīng)動(dòng)作的設(shè)計(jì)也是手機(jī)移動(dòng)端界面動(dòng)效設(shè)計(jì)中的一項(xiàng)重要元素。當(dāng)用戶按下某一按鈕時(shí)，能夠感受到移動(dòng)端給予的聽覺、視覺、觸覺等的反饋，幫助用戶了解當(dāng)前的處境，提升用戶的使用體驗(yàn)。在不同場(chǎng)景的轉(zhuǎn)換中，要確保所有的元素能夠構(gòu)成一個(gè)美觀的、無縫銜接的應(yīng)用。例如，播放、暫停以及停止鍵的動(dòng)態(tài)變形。這種細(xì)節(jié)化的動(dòng)效設(shè)計(jì)能夠更好的滿足用戶的感情化需求。

總結(jié)：

綜上所述，在設(shè)計(jì)手機(jī)移動(dòng)端界面中，要重點(diǎn)考量用戶的使用體驗(yàn)。在設(shè)計(jì)中，要對(duì)布局的規(guī)律性、色彩與圖標(biāo)的見解統(tǒng)一性、圖片的完整性、動(dòng)效的真實(shí)性等進(jìn)行重點(diǎn)的體現(xiàn)，并向用戶及時(shí)的反饋系統(tǒng)響應(yīng)，提升了用戶的使用感受，更好的滿足了用戶的感情化需求。

參考文獻(xiàn)：

[1]吳珊，賴劍峰.基于“用戶為中心”的手機(jī)界面視覺設(shè)計(jì)[J].韶關(guān)學(xué)院學(xué)報(bào)，2018，39（10）：95-98.

[2]李明輝，魏亞云.安卓手機(jī)移動(dòng)端的界面設(shè)計(jì)美學(xué)法則探析[J].包裝工程，2016，37（10）：170-173.