扁平化設(shè)計在手機界面中的運用

唐　琴（四川理工學(xué)院，四川　自貢　　634000）

?

扁平化設(shè)計在手機界面中的運用

唐琴
（四川理工學(xué)院，四川自貢634000）

摘要：扁平化設(shè)計是近年來界面設(shè)計中運用的全新的設(shè)計風(fēng)格。本文從手機界面設(shè)計方面出發(fā)，從用戶與界面之間的交互關(guān)系著眼，分析如何使扁平化風(fēng)格和手機交互界面設(shè)計結(jié)合起來，從而設(shè)計出既符合時代審美潮流，又符合人機交互式體驗的產(chǎn)品。

關(guān)鍵詞：扁平化；界面設(shè)計

隨著信息時代的不斷發(fā)展，手機不再像傳統(tǒng)時期那樣，只是用來通訊和短信，如今的手機早已擺脫了傳統(tǒng)時期的單一模式，逐步向著多功能方向發(fā)展，要滿足人們對于社交、娛樂、學(xué)習(xí)等多方面的需求。手機界面已變得愈發(fā)的豐富，多樣的圖標(biāo)設(shè)計也愈發(fā)的吸引眼球。扁平化適應(yīng)新時代的需要，成為手機界面設(shè)計的新趨勢，它的優(yōu)勢就在于可以更加簡單直接地將信息等展示出來，減少用戶認(rèn)知的障礙。

一、扁平化設(shè)計

扁平化設(shè)計作為新的一種設(shè)計風(fēng)格，在短時間內(nèi)快速發(fā)展起來，并幾乎滲透到所有的設(shè)計領(lǐng)域，其優(yōu)勢在于它拋棄了一切擬真的視覺效果，將信息以更加簡潔、直觀地方式表現(xiàn)出來，減少了用戶的認(rèn)知障礙。

扁平化設(shè)計是相對應(yīng)擬物化的一種設(shè)計風(fēng)格。在形式上可以簡單的理解為拋棄多余的透視、紋理、漸變等擬真的視覺效果，使用簡單的色塊打造出一種看上去更“扁平”的設(shè)計風(fēng)格。讓信息以更加簡潔直觀的方式表現(xiàn)出來，減少用戶認(rèn)知障礙的產(chǎn)生。扁平不只是它的外在表現(xiàn)形式，其深層次的含義則是交互體驗的扁平化。同時在設(shè)計元素上，則強調(diào)了極簡和符號化。這種推崇簡約、平面化的表現(xiàn)形式，更易為現(xiàn)代快節(jié)奏生活中的人們欣賞和接受。對于設(shè)計師而言，提高用戶體驗是一切設(shè)計的出發(fā)點。扁平化風(fēng)格已經(jīng)成了當(dāng)下最流行的界面設(shè)計風(fēng)格，如何在保證用戶體驗的前提下，又達(dá)到視覺上的簡潔、清晰，是值得當(dāng)代設(shè)計師思考的問題。

二、扁平化設(shè)計在手機界面中的表現(xiàn)

扁平化設(shè)計在信息架構(gòu)上注重簡化結(jié)構(gòu)，提高用戶信息訪問的效率。在表現(xiàn)形式上，則注重簡化裝飾元素，加強色彩對比，將主要信息直觀地展現(xiàn)出來，減少用戶的認(rèn)知障礙。

（一）簡約的圖形。

扁平化設(shè)計使用極簡的表現(xiàn)方式，拋棄不必要的裝飾效果，所有元素的邊界都簡單干凈。不再使用高光、紋理、材質(zhì)等擬物化的視覺元素。元素只是簡單的色塊和文字，基本形多由幾何形或線條組合而成，如放大鏡、書本、指南針等，圖形全部采用符號化的表現(xiàn)方式。突出主題，讓使用者對其內(nèi)容一目了然，減少人們接受、適應(yīng)信息時花費的時間和精力。

（二）鮮活的色彩。

色彩搭配是扁平化設(shè)計的重中之重，扁平化設(shè)計都有個共同的特點，色彩鮮艷、明亮，通過這個方面來增強圖標(biāo)的視覺沖擊力。在其風(fēng)格的作品中，色調(diào)層次很豐富，非常講究色彩之間的和諧搭配，顏色搭配溫和協(xié)調(diào)。扁平化設(shè)計多用色塊來表現(xiàn)各種關(guān)系，單純的顏色配合幾何形的塊面，讓人看上去干凈清晰，一目了然。

（三）合理的排版。

在扁平化設(shè)計中的視覺元素都相對簡約，因此字體與排版的匹配，應(yīng)該與整體界面風(fēng)格相協(xié)調(diào)。所以在扁平化設(shè)計中，盡量不要用生僻、高度裝飾的字體，那樣界面看起來就會不倫不類。此外，扁平化設(shè)計是由自然和簡約的理念形成設(shè)計風(fēng)格，避免了過多的零碎出現(xiàn)在整個界面中。考慮到手機分辨率與屏幕的大小，簡單的顏色和文本的編排就已經(jīng)足夠體現(xiàn)產(chǎn)品風(fēng)格了。

三、從用戶體驗的角度分析扁平化的特點及其影響

智能手機是當(dāng)前扁平化設(shè)計的主要載體，是扁平化設(shè)計發(fā)展的重要依托。扁平化的設(shè)計理念以用戶的情感、心理和信息需求為中心，注重提高用戶的使用效率，減少用戶的認(rèn)知障礙。

（一）信息訪問效率高。

在手機界面的表現(xiàn)形式上，扁平化設(shè)計從界面布局、色彩搭配、圖標(biāo)設(shè)計和字體設(shè)計上都進行了調(diào)整。在界面的布局上，扁平化設(shè)計通過信息分類整理、調(diào)整界面布局、擴展隱形空間等方法有效調(diào)整了界面的布局，突出了主要信息，提高用戶的訪問效率，有效地擴展了界面的空間。

（二）布局明確，滿足用戶的需求。

簡潔自然的扁平化設(shè)計，可以直接清晰地為用戶展現(xiàn)出所想要傳達(dá)的關(guān)鍵信息。扁平化的界面突出重要信息，弱化次要部分甚至隱藏在下拉菜單中，通過簡潔的線條和色彩搭配，簡單的信息布局，使用戶更方便的瀏覽界面，能夠?qū)θ中畔⑦M行觀察，從而提高用戶的滿意度。

四、結(jié)束語

隨著生活水平的不斷提高，扁平化設(shè)計被廣泛地應(yīng)用在UI設(shè)計中，但這并不表示扁平化設(shè)計是無懈可擊與完美的。手機界面的設(shè)計就應(yīng)該更符合時代的發(fā)展，簡潔、便捷、舒適、美觀早已成為了現(xiàn)今手機界面在設(shè)計上的趨勢。在以用戶為中心的設(shè)計思潮中，扁平化的界面設(shè)計能夠較好的契合手機用戶需求，已經(jīng)成為移動設(shè)備界面設(shè)計之趨。在未來的手機界面設(shè)計中，扁平化的思想將會搭載更加多樣化的交互技術(shù)呈現(xiàn)在用戶面前，為用戶與信息之間搭建起和諧互通的橋梁。

參考文獻(xiàn)：

［1］易敏哲.關(guān)于手機界面設(shè)計趨于扁平化設(shè)計風(fēng)格.2014.

［2］龐博.從扁平化風(fēng)格看界面設(shè)計的發(fā)展［M］.裝飾.2014.127-128

［3］WARECOLIN.設(shè)計中的視覺思維.［M］機械工業(yè)出版社.

中圖分類號：TP311.56

文獻(xiàn)標(biāo)識碼：A

文章編號：1671-864X（2016）07-0287-01