唐 琴(四川理工學(xué)院,四川 自貢 634000)
?
扁平化設(shè)計(jì)在手機(jī)界面中的運(yùn)用
唐琴
(四川理工學(xué)院,四川自貢634000)
摘要:扁平化設(shè)計(jì)是近年來界面設(shè)計(jì)中運(yùn)用的全新的設(shè)計(jì)風(fēng)格。本文從手機(jī)界面設(shè)計(jì)方面出發(fā),從用戶與界面之間的交互關(guān)系著眼,分析如何使扁平化風(fēng)格和手機(jī)交互界面設(shè)計(jì)結(jié)合起來,從而設(shè)計(jì)出既符合時(shí)代審美潮流,又符合人機(jī)交互式體驗(yàn)的產(chǎn)品。
關(guān)鍵詞:扁平化;界面設(shè)計(jì)
隨著信息時(shí)代的不斷發(fā)展,手機(jī)不再像傳統(tǒng)時(shí)期那樣,只是用來通訊和短信,如今的手機(jī)早已擺脫了傳統(tǒng)時(shí)期的單一模式,逐步向著多功能方向發(fā)展,要滿足人們對(duì)于社交、娛樂、學(xué)習(xí)等多方面的需求。手機(jī)界面已變得愈發(fā)的豐富,多樣的圖標(biāo)設(shè)計(jì)也愈發(fā)的吸引眼球。扁平化適應(yīng)新時(shí)代的需要,成為手機(jī)界面設(shè)計(jì)的新趨勢(shì),它的優(yōu)勢(shì)就在于可以更加簡(jiǎn)單直接地將信息等展示出來,減少用戶認(rèn)知的障礙。
扁平化設(shè)計(jì)作為新的一種設(shè)計(jì)風(fēng)格,在短時(shí)間內(nèi)快速發(fā)展起來,并幾乎滲透到所有的設(shè)計(jì)領(lǐng)域,其優(yōu)勢(shì)在于它拋棄了一切擬真的視覺效果,將信息以更加簡(jiǎn)潔、直觀地方式表現(xiàn)出來,減少了用戶的認(rèn)知障礙。
扁平化設(shè)計(jì)是相對(duì)應(yīng)擬物化的一種設(shè)計(jì)風(fēng)格。在形式上可以簡(jiǎn)單的理解為拋棄多余的透視、紋理、漸變等擬真的視覺效果,使用簡(jiǎn)單的色塊打造出一種看上去更“扁平”的設(shè)計(jì)風(fēng)格。讓信息以更加簡(jiǎn)潔直觀的方式表現(xiàn)出來,減少用戶認(rèn)知障礙的產(chǎn)生。扁平不只是它的外在表現(xiàn)形式,其深層次的含義則是交互體驗(yàn)的扁平化。同時(shí)在設(shè)計(jì)元素上,則強(qiáng)調(diào)了極簡(jiǎn)和符號(hào)化。這種推崇簡(jiǎn)約、平面化的表現(xiàn)形式,更易為現(xiàn)代快節(jié)奏生活中的人們欣賞和接受。對(duì)于設(shè)計(jì)師而言,提高用戶體驗(yàn)是一切設(shè)計(jì)的出發(fā)點(diǎn)。扁平化風(fēng)格已經(jīng)成了當(dāng)下最流行的界面設(shè)計(jì)風(fēng)格,如何在保證用戶體驗(yàn)的前提下,又達(dá)到視覺上的簡(jiǎn)潔、清晰,是值得當(dāng)代設(shè)計(jì)師思考的問題。
扁平化設(shè)計(jì)在信息架構(gòu)上注重簡(jiǎn)化結(jié)構(gòu),提高用戶信息訪問的效率。在表現(xiàn)形式上,則注重簡(jiǎn)化裝飾元素,加強(qiáng)色彩對(duì)比,將主要信息直觀地展現(xiàn)出來,減少用戶的認(rèn)知障礙。
(一)簡(jiǎn)約的圖形。
扁平化設(shè)計(jì)使用極簡(jiǎn)的表現(xiàn)方式,拋棄不必要的裝飾效果,所有元素的邊界都簡(jiǎn)單干凈。不再使用高光、紋理、材質(zhì)等擬物化的視覺元素。元素只是簡(jiǎn)單的色塊和文字,基本形多由幾何形或線條組合而成,如放大鏡、書本、指南針等,圖形全部采用符號(hào)化的表現(xiàn)方式。突出主題,讓使用者對(duì)其內(nèi)容一目了然,減少人們接受、適應(yīng)信息時(shí)花費(fèi)的時(shí)間和精力。
(二)鮮活的色彩。
色彩搭配是扁平化設(shè)計(jì)的重中之重,扁平化設(shè)計(jì)都有個(gè)共同的特點(diǎn),色彩鮮艷、明亮,通過這個(gè)方面來增強(qiáng)圖標(biāo)的視覺沖擊力。在其風(fēng)格的作品中,色調(diào)層次很豐富,非常講究色彩之間的和諧搭配,顏色搭配溫和協(xié)調(diào)。扁平化設(shè)計(jì)多用色塊來表現(xiàn)各種關(guān)系,單純的顏色配合幾何形的塊面,讓人看上去干凈清晰,一目了然。
(三)合理的排版。
在扁平化設(shè)計(jì)中的視覺元素都相對(duì)簡(jiǎn)約,因此字體與排版的匹配,應(yīng)該與整體界面風(fēng)格相協(xié)調(diào)。所以在扁平化設(shè)計(jì)中,盡量不要用生僻、高度裝飾的字體,那樣界面看起來就會(huì)不倫不類。此外,扁平化設(shè)計(jì)是由自然和簡(jiǎn)約的理念形成設(shè)計(jì)風(fēng)格,避免了過多的零碎出現(xiàn)在整個(gè)界面中??紤]到手機(jī)分辨率與屏幕的大小,簡(jiǎn)單的顏色和文本的編排就已經(jīng)足夠體現(xiàn)產(chǎn)品風(fēng)格了。
智能手機(jī)是當(dāng)前扁平化設(shè)計(jì)的主要載體,是扁平化設(shè)計(jì)發(fā)展的重要依托。扁平化的設(shè)計(jì)理念以用戶的情感、心理和信息需求為中心,注重提高用戶的使用效率,減少用戶的認(rèn)知障礙。
(一)信息訪問效率高。
在手機(jī)界面的表現(xiàn)形式上,扁平化設(shè)計(jì)從界面布局、色彩搭配、圖標(biāo)設(shè)計(jì)和字體設(shè)計(jì)上都進(jìn)行了調(diào)整。在界面的布局上,扁平化設(shè)計(jì)通過信息分類整理、調(diào)整界面布局、擴(kuò)展隱形空間等方法有效調(diào)整了界面的布局,突出了主要信息,提高用戶的訪問效率,有效地?cái)U(kuò)展了界面的空間。
(二)布局明確,滿足用戶的需求。
簡(jiǎn)潔自然的扁平化設(shè)計(jì),可以直接清晰地為用戶展現(xiàn)出所想要傳達(dá)的關(guān)鍵信息。扁平化的界面突出重要信息,弱化次要部分甚至隱藏在下拉菜單中,通過簡(jiǎn)潔的線條和色彩搭配,簡(jiǎn)單的信息布局,使用戶更方便的瀏覽界面,能夠?qū)θ中畔⑦M(jìn)行觀察,從而提高用戶的滿意度。
隨著生活水平的不斷提高,扁平化設(shè)計(jì)被廣泛地應(yīng)用在UI設(shè)計(jì)中,但這并不表示扁平化設(shè)計(jì)是無懈可擊與完美的。手機(jī)界面的設(shè)計(jì)就應(yīng)該更符合時(shí)代的發(fā)展,簡(jiǎn)潔、便捷、舒適、美觀早已成為了現(xiàn)今手機(jī)界面在設(shè)計(jì)上的趨勢(shì)。在以用戶為中心的設(shè)計(jì)思潮中,扁平化的界面設(shè)計(jì)能夠較好的契合手機(jī)用戶需求,已經(jīng)成為移動(dòng)設(shè)備界面設(shè)計(jì)之趨。在未來的手機(jī)界面設(shè)計(jì)中,扁平化的思想將會(huì)搭載更加多樣化的交互技術(shù)呈現(xiàn)在用戶面前,為用戶與信息之間搭建起和諧互通的橋梁。
參考文獻(xiàn):
[1]易敏哲.關(guān)于手機(jī)界面設(shè)計(jì)趨于扁平化設(shè)計(jì)風(fēng)格.2014.
[2]龐博.從扁平化風(fēng)格看界面設(shè)計(jì)的發(fā)展[M].裝飾.2014.127-128
[3]WARECOLIN.設(shè)計(jì)中的視覺思維.[M]機(jī)械工業(yè)出版社.
中圖分類號(hào):TP311.56
文獻(xiàn)標(biāo)識(shí)碼:A
文章編號(hào):1671-864X(2016)07-0287-01