手機(jī)移動(dòng)端界面設(shè)計(jì)在單純的視覺(jué)層面上看，實(shí)際上就是手機(jī)界面的版式設(shè)計(jì)，換句話說(shuō)，版式設(shè)計(jì)是否合理是手機(jī)移動(dòng)端界面設(shè)計(jì)視覺(jué)展示的關(guān)鍵。界面設(shè)計(jì)就是在有限的手機(jī)屏幕空間里將：

①文字、圖形、色彩等，根據(jù)特定的內(nèi)容需要進(jìn)行組合排列，并運(yùn)用界面版式設(shè)計(jì)原理,把構(gòu)思與計(jì)劃通過(guò)視覺(jué)形式的語(yǔ)言表達(dá)來(lái)。

②手機(jī)界面一般都是連續(xù)的版式編排設(shè)計(jì)，要求各個(gè)界面之間緊湊的聯(lián)系起來(lái)，特別是要處理好頂層界面和一般界面內(nèi)的布局與形式的關(guān)系。手機(jī)界面中無(wú)論怎樣的版面，最終都是可以簡(jiǎn)化成點(diǎn)、線、面。點(diǎn)、線、面是平面設(shè)計(jì)中的最基本的要素，也是所有構(gòu)成的根本。

點(diǎn)在幾何學(xué)意義上是以圓點(diǎn)為最基礎(chǔ)的形態(tài)，它是具象的點(diǎn)。但是在手機(jī)界面設(shè)計(jì)中，點(diǎn)是以抽象形式存在的，它的效果取決于與之共存的其他元素相互之間的比例。在界面設(shè)計(jì)中，點(diǎn)是點(diǎn)綴豐富畫面氣氛的元素。點(diǎn)最重要的功能就是表明位置和進(jìn)行聚集，一個(gè)點(diǎn)在平面上，與其他元素相比最容易吸引人的視線。

單獨(dú)存在的點(diǎn)總是以一個(gè)企業(yè)標(biāo)志或者一個(gè)簡(jiǎn)單圖形的視覺(jué)形象出現(xiàn)，這都給人以點(diǎn)的視覺(jué)印象。往往單獨(dú)的點(diǎn)都會(huì)出現(xiàn)在界面的黃金分割線上，以突出企業(yè)形象或者某個(gè)產(chǎn)品等形式出現(xiàn)。這種情況下，作為整個(gè)界面的主體，都是以簡(jiǎn)單的純色背景來(lái)襯托該元素，通過(guò)這種形式達(dá)到加強(qiáng)用戶視覺(jué)印象的目的。

當(dāng)然，除了單點(diǎn)的形式外，還有多點(diǎn)的形態(tài)存在，一般多點(diǎn)都是以聚集分散的形式進(jìn)行組合。聚集的點(diǎn)一般以文字、簡(jiǎn)單的圖形、按鈕等視覺(jué)形象出現(xiàn)，這些點(diǎn)元素以重復(fù)、密集、特異等構(gòu)成形式法則組合排列，以分散形式組合排列的界面設(shè)計(jì)中的點(diǎn)元素，存在與手機(jī)界面的各個(gè)位置，使整個(gè)界面看來(lái)起更飽滿。

線是由無(wú)數(shù)的點(diǎn)通過(guò)運(yùn)動(dòng)而形成的軌跡。相對(duì)于點(diǎn)而言，線在幾何學(xué)意義上只有位置、長(zhǎng)度。線是最富表現(xiàn)力的視覺(jué)形態(tài)，直線、斜線、曲線、折線等等，不同的線帶給人們的心理感受也各有不同。

①水平直線就會(huì)常出現(xiàn)在企業(yè)類的比較嚴(yán)謹(jǐn)?shù)?、工整的界面中，帶給人平靜、穩(wěn)定、嚴(yán)肅的感覺(jué)。

②斜線本身就帶有方向感、運(yùn)動(dòng)感，具有不穩(wěn)定性，加上粗細(xì)的變化可以產(chǎn)生帶有強(qiáng)烈視覺(jué)沖擊力的效果，因此特別受到設(shè)計(jì)師的喜愛(ài)，各種需要突出主體物的界面設(shè)計(jì)中，經(jīng)常能看到斜線的身影。

③曲線作為女性的象征，帶給人柔美、輕快、靈動(dòng)的感受，能使散亂的版面變得集中。

線在手機(jī)界面設(shè)計(jì)中是不可缺少的元素，起到連接頁(yè)面、引導(dǎo)視覺(jué)、豐富畫面的作用，在界面上可以有效的組織各元素之間的關(guān)系，除了在版面上有規(guī)劃內(nèi)容、裝飾、界定空間的作用以外，線還可以引導(dǎo)用戶的視線，在界面中加入引導(dǎo)用戶視線移動(dòng)的線元素，就能使用戶更多的觀察到產(chǎn)品的核心和產(chǎn)品的賣點(diǎn)。

面在幾何學(xué)中是線的移動(dòng)軌跡，面有長(zhǎng)度、寬度，沒(méi)有厚度，強(qiáng)調(diào)形狀和面積，群化的面能夠產(chǎn)生層次感。面的形態(tài)是多種多樣的，不同的形態(tài)的面，在視覺(jué)上表現(xiàn)不同的情感。直線移動(dòng)形成的面具有直線表現(xiàn)的視覺(jué)感受特征，例如：矩形、三角形等，具有規(guī)整的外部輪廓和嚴(yán)謹(jǐn)?shù)膬?nèi)部結(jié)構(gòu)，能有效提升版面的專業(yè)感和務(wù)實(shí)感。

而曲線運(yùn)動(dòng)形成的面，例如：如圓和橢圓，就會(huì)產(chǎn)生隨意、舒適、柔美的感受，同時(shí)能提高版面親和力，拉近用戶與界面的距離。自由曲線形成的面具有個(gè)性鮮明、隨意的特點(diǎn)，帶給人優(yōu)雅、溫暖的感受。

面是信息的載體，有分割畫面的作用。大的幾何圖形來(lái)做設(shè)計(jì)能把視覺(jué)集中到圖形上，是切割畫面內(nèi)容最好的方式。當(dāng)然手機(jī)界面中面的表達(dá)形式很多，可以將圖片或文字放大，突出細(xì)節(jié)或局部；也可以通過(guò)色彩的變化劃分主次版面結(jié)構(gòu)，合理的留白，也是面的另一種存在方式，可以突出主要信息，增加空間想象力。

在實(shí)際的設(shè)計(jì)過(guò)程中，我們發(fā)現(xiàn)其實(shí)點(diǎn)、線、面是相對(duì)存在的，它們之間是相互影響、相互協(xié)調(diào)、相互轉(zhuǎn)換的關(guān)系。我們應(yīng)充分了解點(diǎn)、線、面的特點(diǎn)，根據(jù)用戶需求，合理安排點(diǎn)、線、面之間的比例，通過(guò)構(gòu)成元素間的巧妙組合與穿插，設(shè)計(jì)出具有個(gè)性的、信息傳遞明確的手機(jī)界面設(shè)計(jì)。

上一篇：現(xiàn)代包裝設(shè)計(jì)中怎么體現(xiàn)觸覺(jué)設(shè)計(jì)

下一篇：優(yōu)秀LOGO的設(shè)計(jì)技巧和形式法則