淺析基于扁平化藝術(shù)設(shè)計(jì)風(fēng)格的UI設(shè)計(jì)

曾原

摘要：隨著UI設(shè)計(jì)風(fēng)格的逐漸改變，扁平化藝術(shù)設(shè)計(jì)逐漸地融入到UI設(shè)計(jì)當(dāng)中。扁平化設(shè)計(jì)風(fēng)格全面普及以來，其依舊是移動產(chǎn)品設(shè)計(jì)的主流方向。但扁平化的普及也使得產(chǎn)品之間的視覺差異越來越小，設(shè)計(jì)師如何把自己的產(chǎn)品設(shè)計(jì)做得與眾不同，讓自己產(chǎn)品于同類競品當(dāng)中脫穎而出就變得尤為關(guān)鍵。扁平化藝術(shù)設(shè)計(jì)風(fēng)格作為一種簡約并且新型的UI設(shè)計(jì)理念，將其有效運(yùn)用到UI設(shè)計(jì)當(dāng)中，能夠更好地滿足用戶的需求，得到用戶的深度認(rèn)可，對用戶來說絕對是一個(gè)非常好的體驗(yàn)。本文簡析了扁平化藝術(shù)設(shè)計(jì)風(fēng)格的概念，探究扁平化藝術(shù)設(shè)計(jì)風(fēng)格在UI設(shè)計(jì)中的運(yùn)用方法。

關(guān)鍵詞：扁平化;藝術(shù)設(shè)計(jì)風(fēng)格;UI設(shè)計(jì)

前言

在電子信息化產(chǎn)業(yè)飛速發(fā)展的今天，電子產(chǎn)品在人們手中的使用率不斷提升。人們在對設(shè)備進(jìn)行選擇時(shí)，扁平化藝術(shù)設(shè)計(jì)風(fēng)格的UI設(shè)計(jì)越來越受到人們的喜愛，界面的UI設(shè)計(jì)的優(yōu)缺點(diǎn)直接影響了消費(fèi)者對這款產(chǎn)品的使用效果。扁平化的藝術(shù)設(shè)計(jì)風(fēng)格順應(yīng)時(shí)代發(fā)展的潮流而衍生出的一種較為新型的界面UI設(shè)計(jì)風(fēng)格，以其獨(dú)特新穎的創(chuàng)新模式很快就吸引住了各大設(shè)計(jì)師的眼球，成為了當(dāng)下非常流行的一種趨勢，甚至可以說已經(jīng)成為了人們在日常生活中不可缺少的一部分。扁平化藝術(shù)設(shè)計(jì)風(fēng)格的出現(xiàn)，使得文字信息更加直觀清晰、層次分明，極大程度地降低了人們認(rèn)知的障礙，提高了該產(chǎn)品的應(yīng)用效率。

一、扁平化藝術(shù)設(shè)計(jì)風(fēng)格的概述

1.扁平化藝術(shù)設(shè)計(jì)風(fēng)格的定義

隨著人們的生活水平不斷提高，電子產(chǎn)品行業(yè)的市場逐步發(fā)展，越來越多的設(shè)計(jì)已經(jīng)在UI上走扁平式設(shè)計(jì)的路線，朝著更加扁平化的設(shè)計(jì)方向轉(zhuǎn)化，這是一個(gè)由繁入簡的變化過程。其順應(yīng)了時(shí)代發(fā)展潮流，具有較為深厚的理論基礎(chǔ)。扁平化藝術(shù)設(shè)計(jì)風(fēng)格主要是根據(jù)其所應(yīng)用到的形狀來命名的，其在設(shè)計(jì)的過程當(dāng)中主要是采用二維的風(fēng)格來進(jìn)行設(shè)計(jì)，也就是說沒有遺棄任何“常規(guī)”界面提供的功能，并且把物體幾乎當(dāng)作平面來進(jìn)行處理和設(shè)計(jì)。拋開一切多余的東西去凸顯其最為核心的要素，比如陰影、斜面、突起、透視、漸變、紋理等這些元素能做出立體的裝飾效果，進(jìn)一步促使“信息”本身能夠作為核心的主要內(nèi)容從而被凸顯出來;同時(shí)，在選擇設(shè)計(jì)元素時(shí)，則更加傾向于抽象、極簡和符號化。因此，扁平化藝術(shù)設(shè)計(jì)風(fēng)格中所有的元素的邊界都干凈利、比較整齊，沒有任何羽化、漸變。尤其是在手機(jī)的操作系統(tǒng)設(shè)計(jì)方面，按鈕和選項(xiàng)的簡化，不但使得UI設(shè)計(jì)界面更加干凈、簡潔，使用起來非常方便，而且用戶看起來也比較舒服。與此同時(shí)，在扁平化藝術(shù)設(shè)計(jì)風(fēng)格的應(yīng)用基礎(chǔ)上，在移動系統(tǒng)上的界面不但美觀、大方、簡潔，而且還可以很大程度地降低設(shè)備的功能性損耗，進(jìn)而促使運(yùn)行速度大幅度提高，延長了待機(jī)時(shí)間以及提高運(yùn)算的速率。

2.扁平化藝術(shù)設(shè)計(jì)風(fēng)格的優(yōu)勢

扁平化藝術(shù)設(shè)計(jì)風(fēng)格最主要的基本特征在于它所采用的一些簡單的形狀以及元素，其走的路線為極簡風(fēng)格。它具有強(qiáng)大的功能性、大膽而易讀的排版，使關(guān)鍵內(nèi)容更加突出，進(jìn)而產(chǎn)生結(jié)構(gòu)嚴(yán)謹(jǐn)且清晰合理的視覺層次;它注重細(xì)節(jié)，具備鮮艷而明亮的色彩以及對比度明顯的圖像色彩度的視覺感知;采用柵格、幾何特征以及視覺平衡的原則，避免使用紋理、漸變和復(fù)雜的樣式。這就使得這一風(fēng)格在用戶體驗(yàn)上更有優(yōu)勢，其具有一定的易讀性和可讀性，通過色彩以及形狀呈現(xiàn)出良好的視覺層次，比如說在簡單的按鈕上加一點(diǎn)點(diǎn)陰影或漸變，從而使這種風(fēng)格成為其特色，產(chǎn)生出一種扁平化設(shè)計(jì)的變種。除此之外，扁平化設(shè)計(jì)的多樣性和靈活性使得它在設(shè)計(jì)領(lǐng)域占據(jù)的比重越來越高，還為創(chuàng)意設(shè)計(jì)提供了廣闊的發(fā)展空間。扁平化藝術(shù)設(shè)計(jì)風(fēng)格最大的優(yōu)勢主要在于它可以更加簡單明了地將信息以及事物的工作方式直接地展現(xiàn)出來，從而可以有效地減少認(rèn)知障礙的產(chǎn)生，在一定程度上極為有效地節(jié)約了用戶的時(shí)間。

3.扁平化藝術(shù)設(shè)計(jì)風(fēng)格的技巧

要想設(shè)計(jì)并且做出好的扁平化藝術(shù)設(shè)計(jì)風(fēng)格，也是非常需要技巧的。扁平化這個(gè)詞來主要來自于在這種設(shè)計(jì)當(dāng)中所使用的樣式以及形狀，其完全屬于二次元世界，這個(gè)概念最為核心的地方就是放棄一切裝飾的效果，將現(xiàn)實(shí)中具象的立體形式的物體轉(zhuǎn)換成簡單的幾何形體。首先，這就要求設(shè)計(jì)師應(yīng)當(dāng)具有創(chuàng)造性設(shè)計(jì)思維，對造型不但要有獨(dú)特的把握能力，而且還需具備一定的幾何推理能力和歸納能力。其次，字體是排版中較為重要的一部分，同時(shí)也是扁平化設(shè)計(jì)中的重要組成部分，它需要與其他交互元素相互配合，為扁平化設(shè)計(jì)添彩。對于大多數(shù)的UI設(shè)計(jì)師來說，對字體與排版的選擇都應(yīng)該非常了解，并且應(yīng)當(dāng)嚴(yán)格遵守設(shè)計(jì)規(guī)范。再者，UI設(shè)計(jì)中的扁平化設(shè)計(jì)更側(cè)重于色彩的搭配。色彩是最能觸動我們感官的視覺元素，給人留下深刻的印象。扁平化設(shè)計(jì)通常都是采用比其他風(fēng)格更明亮更炫麗的顏色，從而使得設(shè)計(jì)顯眼而醒目。最后，設(shè)計(jì)師在設(shè)計(jì)相關(guān)方案時(shí)要懂得簡化設(shè)計(jì)，從而以簡化為初衷來進(jìn)行交互設(shè)計(jì)，這樣就能把商品有效的組織起來，以簡單并且合理的方式進(jìn)行排列。不要誤以為扁平化只是把立體化的設(shè)計(jì)效果壓扁，實(shí)際上，扁平化設(shè)計(jì)更是功能上的簡化和重組。

二、扁平化藝術(shù)設(shè)計(jì)風(fēng)格在UI設(shè)計(jì)中的運(yùn)用方法

1.使用簡約風(fēng)格的元素和圖標(biāo)

所有應(yīng)用扁平化藝術(shù)設(shè)計(jì)風(fēng)格的手機(jī)應(yīng)用界面以及網(wǎng)站、界面元素需體現(xiàn)莊重、嚴(yán)肅、美觀、大氣的風(fēng)格氣度，切忌花哨或浮夸，力求更簡單，給人一種清爽干凈、素簡、平和樸實(shí)的感覺。每一個(gè)圖標(biāo)以及按鈕，都是設(shè)計(jì)師們極簡主義思維與設(shè)計(jì)智慧最集中的體現(xiàn)，但是這也并非意味著具象的圖標(biāo)和按鈕就變得鳳毛麟角，那些簡單的幾何形狀占據(jù)了更為廣闊的視力范圍。簡約風(fēng)格的元素和圖標(biāo)使得扁平化設(shè)計(jì)的這種風(fēng)格給人簡約大氣的感覺，不因外形的花里胡哨而亂花漸入迷人眼，卻因骨骼清奇、極簡這一風(fēng)格而成為設(shè)計(jì)中的一股清流。

2.合理的排版

優(yōu)化排版，使用較為簡單的元素，排版這就成了非常重要的一環(huán)，排版的好換不但會影響視角的效果，而且可能會間接地影響到用戶體驗(yàn)。設(shè)計(jì)師對產(chǎn)品進(jìn)行設(shè)計(jì)時(shí)應(yīng)當(dāng)盡量簡化自己的設(shè)計(jì)方案，在設(shè)計(jì)中避免一些不必要的元素出現(xiàn)。簡簡單單的字體顏色就夠了，倘若還想增加點(diǎn)什么東西，盡量選擇一些較為簡單的圖案。在扁平化設(shè)計(jì)當(dāng)中的視角元素都相對比較簡約，所以它的字體與排版的匹配應(yīng)該與整體的風(fēng)格保持一致。扁平化設(shè)計(jì)對于界面的排版有著相當(dāng)高的要求，也正是因?yàn)槿绱?，它看上去干凈簡潔的設(shè)計(jì)風(fēng)格都會被大多數(shù)人所接受。

3.極簡風(fēng)格

極簡，這就是扁平化的靈魂設(shè)計(jì)風(fēng)格，看似簡單的設(shè)計(jì)，但卻是最有靈魂的演繹。設(shè)計(jì)者在選擇所要使用的元素、顏色以及版式時(shí)可以盡情以自己的風(fēng)格進(jìn)行選擇，但是這一切最后呈現(xiàn)出來的效果必須要滿足極簡風(fēng)格的特點(diǎn)。在扁平化的UI設(shè)計(jì)路線上，越來越多的設(shè)計(jì)師更加傾向于選擇扁平化藝術(shù)設(shè)計(jì)風(fēng)格。其極簡的風(fēng)格較符合現(xiàn)如今人們的審美觀念。

結(jié)語

總而言之，扁平化的設(shè)計(jì)風(fēng)格演化和變革與其所在時(shí)代的技術(shù)革新息息相關(guān)，目前扁平化設(shè)計(jì)發(fā)展的大趨勢還是較為簡化。所以。在未來的一定時(shí)期之內(nèi)，扁平化設(shè)計(jì)風(fēng)格依舊是當(dāng)前時(shí)代最流行的設(shè)計(jì)趨勢，具有較為廣闊的發(fā)展空間。扁平化的設(shè)計(jì)思想將會以更加豐富多樣化的交互方式呈現(xiàn)在用戶面前，為用戶與信息之間搭建起鄰里和諧互通的橋梁。新時(shí)代下，我們要積極地轉(zhuǎn)變設(shè)計(jì)觀念，從而設(shè)計(jì)出更好的產(chǎn)品，以便更好地滿足人們的需求。

參考文獻(xiàn)：

[1]任葆軒.試論擬物化與扁平化在UI設(shè)計(jì)中的比較[J].藝術(shù)科技，2017（11）.

[2]錢瑜.淺析UI設(shè)計(jì)中擬物化和扁平化的發(fā)展[J].新絲路（下旬），2016（05）.

[3]黃夢靜.淺析扁平化設(shè)計(jì)在交互設(shè)計(jì)中的應(yīng)用[J].通訊世界，2017（24）：340-341.