摘要：隨著智能設(shè)備的遍及，為了讓用戶在行使過程中獲得最佳的交互體驗，流暢、高效地進(jìn)行操縱，扁平化思維方法應(yīng)運而生。這種思維形式不僅是視覺上的扁平，并且是駕馭體驗、消息架構(gòu)上的扁平，突顯產(chǎn)品的易用性，做到以用戶為中央來設(shè)計，給用戶供應(yīng)更優(yōu)質(zhì)的體驗。基于此，本文首先簡要分析了扁平化設(shè)計的含義，隨后分析了扁平化設(shè)計在交互設(shè)計與視覺領(lǐng)域中的應(yīng)用，最后從兩方面分析了交互體驗中的扁平化思維，以此供相關(guān)人士交流參考。

關(guān)鍵詞：交互設(shè)計;扁平化設(shè)計;應(yīng)用

中圖分類號：TB47

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

文章編號：1005-5312 （2020） 09-0165-02

一、引言

現(xiàn)今，在互聯(lián)網(wǎng)高度發(fā)展的時代，移動設(shè)備上交互設(shè)計的相關(guān)問題也日益顯現(xiàn)，如手機屏幕和型號怎樣適配、音信內(nèi)容怎樣高效顯現(xiàn)、作用體驗若何更加直觀等。為處理這種問題，謀求“少便是多”“化繁為簡”的效力美學(xué)應(yīng)運而生，其內(nèi)核即扁平化思維。仿佛包豪斯現(xiàn)代主義運動一樣，扁平化思維讓設(shè)計從繁復(fù)裝飾的擬亡故轉(zhuǎn)化為功用至上的扁平化。扁平化設(shè)計從iPhone手機的發(fā)展中演變而來，英文名為“FlatDesign”，視覺設(shè)計上強調(diào)抽象、極簡、符號化的設(shè)計。扁平化思維不僅是界面設(shè)計的扁平，并且是交互架構(gòu)與體驗的扁平，其重點在于讓消息作為中心被凸顯出來，給用戶更優(yōu)質(zhì)的體驗，找尋簡單高效?，F(xiàn)在，好多互聯(lián)網(wǎng)企業(yè)央求信息的扁平化，扁平化思維在數(shù)字設(shè)計的引領(lǐng)下成為現(xiàn)代設(shè)計的標(biāo)桿。本文主要探討扁平化思維在交互設(shè)計中的應(yīng)用。

二、扁平化設(shè)計的含義分析

所謂扁平化設(shè)計，是指在進(jìn)行設(shè)計過程中，將極少原有的、豐饒三維成果的風(fēng)格和屬性刪除去，讓整個產(chǎn)品界面變得越發(fā)簡潔和直觀。這里所說的豐饒三維成果的風(fēng)格首要包括著落式陰影、梯度變化、外表質(zhì)地差別等內(nèi)容。這時有人可以會提出這樣一個問題：這些豐足裝飾性成果的內(nèi)容整體刪除了，扁平化設(shè)計還有什么優(yōu)勢呢？其實與傳統(tǒng)的操縱界面比擬，扁平化的風(fēng)格更為偏重的是產(chǎn)品自身的內(nèi)容和消息。當(dāng)這些需要傳遞出來的內(nèi)容和消息被繁瑣的裝飾所掩蓋的時候，人們領(lǐng)悟信息時就會比較費勁，相反當(dāng)它們都被刪除后，人們對這些消息的駕馭就會變得特別輕松，這便是扁平化設(shè)計的極大優(yōu)勢。

三、扁平化設(shè)計在交互設(shè)計中的應(yīng)用

扁平化設(shè)計在交互設(shè)計中的應(yīng)用是極其廣泛的，大部分的交互設(shè)計都是扁平化的設(shè)計風(fēng)格，而且不一樣的交互設(shè)計在設(shè)計特點上有著差異化的特點。下面就對扁平化設(shè)計在交互設(shè)計中的應(yīng)用進(jìn)行詳細(xì)的介紹和闡述。

（一）簡潔化的形式

扁平化設(shè)計在交互設(shè)計中的第一個應(yīng)用表現(xiàn)在簡潔化的方式上，重要表現(xiàn)在以下幾個方面：

第一是界面結(jié)構(gòu)的簡潔性。隨著科技的快捷發(fā)展，人們所用機器的界面結(jié)構(gòu)逐漸呈現(xiàn)出簡潔性的特點。目前多少界面組織都是遵照一定的特點對整個界面進(jìn)行綜合的處理，借助圖形的形式進(jìn)行布列組合，從而造成一種獨特的藝術(shù)視覺美感。扁平化的界面相對于傳統(tǒng)的界面來說，最重要的一個特點便是簡單，軟件的圖標(biāo)平面化、無裝飾化、直觀化，讓人們看到這些界面后馬上就能感應(yīng)到界面自身所傳遞出來的直接魅力。簡單的操縱界面讓人們能夠迅速獲取相關(guān)的消息，為實現(xiàn)高效勞動打下優(yōu)良的基礎(chǔ)。其次是界面層級的弱化。以電腦為例，在電腦設(shè)計之初，電腦的系統(tǒng)是DOS系統(tǒng)，這一系統(tǒng)莫大的特點是步驟化嚴(yán)重。當(dāng)打開電腦后，不論操縱者想使用任何一個軟件，都必要輸入繁瑣的號令后才能實現(xiàn)這一目的。同時利用者還需要掌握基礎(chǔ)的DOS飭令才能更敏銳地找到相對應(yīng)的應(yīng)用步調(diào)，這即是層級化的特點。扁平化設(shè)計將這一缺點掃除了，以Windows為例，當(dāng)Windows被發(fā)明后，人們在運用電腦軟件時就十分簡單，只必要從桌面上找到對應(yīng)的軟件后雙擊便可以進(jìn)入到里面，這樣高效能是以前的DOS系統(tǒng)所無法比擬的。

（二）便捷化的功能

與之前的交互設(shè)計比較，扁平化設(shè)計在功用方面同樣富有一定的便捷化。這種便捷化重要表現(xiàn)在以下兩個方面。

開始表現(xiàn)在提示性的引導(dǎo)功用。對于許多軟件來說，為了更好地給大家使用上便利，讓很多人在一開始應(yīng)用軟件時就能迅速地把握軟件的特點，設(shè)計師通常會在軟件中參與一些功用性的引導(dǎo)，從而讓人們更好地提拔對軟件的認(rèn)識度。譬如目前良多瀏覽器在設(shè)計過程中植入了下載器的成效，人們在操縱瀏覽器的時候，在點擊下載后，瀏覽器就會自動轉(zhuǎn)跳到下載器，提高了人們的利用效率;再譬如目前大多數(shù)輸入法在安裝過程中都會有一個安裝向?qū)Вㄟ^一步步引導(dǎo)的體式讓運用者在安裝好軟件后就能對軟件的少許特點和行使習(xí)慣進(jìn)行設(shè)計和設(shè)備，從而更好地提升軟件整體的做事效率。

其次表現(xiàn)在操縱反饋及時化的特點上。交互設(shè)計的首要特點是人與計算機之間的交換，也便是說當(dāng)人們給計算機下達(dá)對應(yīng)的號令的時候，計算機應(yīng)該馬上給予反應(yīng)。扁平化設(shè)計界面給人們帶來的強壯變化便是更加及時的反饋。不論何時何地，也不顧無論不論使用者給出什么樣的號令，機器都會馬上給出對應(yīng)的消息，哪怕在軟件沒有馬上運行的時候，系統(tǒng)也會彈出對應(yīng)的對話框提示目前設(shè)備的就業(yè)狀態(tài)，這便是反饋及時的首要表現(xiàn)。比方當(dāng)我們在手機上安裝一個軟件時，在安裝過程中，軟件會有一個安裝的狀態(tài)提示，IOS系統(tǒng)的提示是一個圓形由沒有到有的狀態(tài)，通過這種體例讓人們更好地感想到整個界面的具體特點。

四、視覺設(shè)計中的扁平化思維

（一）圖形設(shè)計中的應(yīng)用

扁平化圖形設(shè)計所以簡潔的幾何形體或抽象圖形為主，將擬物風(fēng)格的成果全部去掉，壓縮圖層，杰出元素邊界，沒有羽化、紋理、漸變或許陰影，雖然犧牲了局限視覺成果，可是獲得了圖形圖標(biāo)最直觀的內(nèi)容傳達(dá)。扁平化思維下的圖形設(shè)計對設(shè)計師的編造要求更高，圖形去除全部的修飾成果，用最為簡潔、歸納的形體傳達(dá)內(nèi)容。圖形設(shè)計在維持有效、可用的前提下盡能夠地保證設(shè)計的直觀性與便捷性，使設(shè)計特征一清二楚。

（二）色彩設(shè)計中的應(yīng)用

扁平化設(shè)計中，由于圖形歸納、簡潔，經(jīng)常采用大色塊與高亮、鮮艷的顏色，輪廓鮮明。蘋果手機在iOS7系統(tǒng)升級以后，良多人認(rèn)為iOS系統(tǒng)整體色調(diào)都變亮了。耀眼、明朗的顏色能夠填充視覺元素的意義性與可識別性。手機APP圖標(biāo)的顏色不僅代表企業(yè)品牌文明，并且要讓用戶明晰有顏色的位置就能產(chǎn)生交互，這是一種操縱上的便利，也是扁平化思維在色彩設(shè)計中的應(yīng)用。扁平化設(shè)計的圖形編造十分歸納，扁平化思維下的色彩設(shè)計更側(cè)重大塊面的色彩成果，而不是單純的色彩種類。扁平化設(shè)計中經(jīng)常采用多種顏色的搭配，色彩富有連貫性，通過調(diào)節(jié)色彩的調(diào)性和比例獲得整體、高效、準(zhǔn)確的識別結(jié)果。

（三）文字設(shè)計中的應(yīng)用

扁平化設(shè)計中字體多采用簡潔、清楚、易于識別的類型。如，中文可應(yīng)用雅黑、幼圓這類無襯線字體，英文字體的選擇也遵守同樣的原則。各大移動平臺在發(fā)布新版本時幾乎不會改變字體，偶爾會調(diào)整字號與線的粗細(xì)，許多資深交互設(shè)計師在設(shè)計產(chǎn)品時也不會輕易更正字體。因而，扁平化思維下的字體設(shè)計相對統(tǒng)一，常常只是從生理學(xué)角度改變字體的細(xì)節(jié)來減少誤操縱行為，使消費者對于訊息的瀏覽和收受更為準(zhǔn)確。

五、交互體驗中的扁平化思維

交互設(shè)計中的扁平化思維是一種內(nèi)在的設(shè)計思維，宗旨是在環(huán)境需求多變的情況下，依舊能做到以用戶為核心的設(shè)計。設(shè)計師應(yīng)當(dāng)具體解析當(dāng)今產(chǎn)品的新場景、新用戶、新需求，對消息內(nèi)容進(jìn)行歸納和整合，行使戶通過更少的時間和步驟完成運作，加深用戶體驗。

（一）一致性原則

各類移動終端產(chǎn)品都有本身的操縱習(xí)慣和手勢，而各類產(chǎn)品最廣泛的同等性原則是平臺的相似性。小到圖標(biāo)手勢，大到結(jié)構(gòu)，都有統(tǒng)一的設(shè)計規(guī)范。扁平化思維通過節(jié)制平臺內(nèi)部的相同性，讓用戶在差異的客戶端和媒體上實現(xiàn)順暢的適配和切換，將交互設(shè)計中的主流效力進(jìn)行簡化，高效進(jìn)行識別駕馭。

（二）壓縮結(jié)構(gòu)層級

為了減少用戶點擊的時間和瀏覽的界面層級，扁平化思維對結(jié)構(gòu)層級進(jìn)行了壓縮，強調(diào)精簡的交互步驟，讓用戶點擊數(shù)量最少的操作指令就能達(dá)成任務(wù)目的，即頁面結(jié)構(gòu)層次上的扁平化?？墒遣町悓蛹壗缑娴陌媸骄幣乓廊灰兄鞔沃郑哉蔑@主體內(nèi)容。壓縮結(jié)構(gòu)層級的格局在移動設(shè)備中常用的本事有：其一，設(shè)置迅速鍵，通過提示和快速方式進(jìn)入更深層次的頁面;其二，出色顯示關(guān)鍵新聞，把少許非關(guān)鍵消息、非關(guān)鍵層級的消息剔除去，只顯示關(guān)鍵的路徑和關(guān)鍵的層級，這樣的話頁面結(jié)構(gòu)就會減少許多。

（三）信息架構(gòu)

交互設(shè)計中消息架構(gòu)是產(chǎn)品的骨骼，更側(cè)重設(shè)計的層級邏輯、延續(xù)和拓展。扁平化思維應(yīng)用到消息架構(gòu)中必要對消息進(jìn)行梳理，再選取公道的導(dǎo)航方法滿足消息呈現(xiàn)的需求。消息架構(gòu)包含廣度和深度兩種模式。扁平化思維在這兩種模式中都需將消息進(jìn)行分類，構(gòu)建邏輯消息的連接，搭建消息的橋梁。設(shè)計師對消息進(jìn)行處理和設(shè)計，讓訊息易識別、易記憶、易明白，讓用戶舒暢地獲取信息，根據(jù)用戶的需求供應(yīng)舒適的用戶體驗。

六、結(jié)語

總之，隨著人們生活水平的提升，人們對于周邊使用的機器的要求越來越高，這種高要求主要表現(xiàn)在對工作效率的要求之上。扁平化設(shè)計，并不是設(shè)計層面上的扁平化，而是將那些繁瑣的、復(fù)雜的、多余的東西和內(nèi)容舍棄，并在其中增加一些有趣的內(nèi)容，讓整個界面變得更加富有簡潔、直觀的特點，實現(xiàn)人與機的完美融合。扁平化設(shè)計思維為交互設(shè)計供給了明了的思緒，無論是在把握方式還是消息傳達(dá)上都擁有極大的優(yōu)勢，消減了用戶的學(xué)習(xí)和運用成本，減少了考慮的時間。從產(chǎn)品的特點出發(fā)，理性的簡化設(shè)計能夠讓用戶獲得高效、優(yōu)質(zhì)的體驗。

參考文獻(xiàn)：

[1]蔣晨，康翼，簡析交互設(shè)計中扁平化思維的應(yīng)用[J].美術(shù)教育研究，2018 （022）.

[2]侶冬梅，扁平化設(shè)計風(fēng)格在平面設(shè)計中的應(yīng)用[J].文教資料，2019 （18）.

[3]袁麗敏.扁平化圖形設(shè)計在插畫設(shè)計中的應(yīng)用分析[J].明日風(fēng)尚，2018 （05）.

[4]陳坤濤.扁平化風(fēng)格在網(wǎng)頁界面設(shè)計中的應(yīng)用探究[J].藝術(shù)品鑒，2018 （10X）.

[5]譚柱成.扁平化風(fēng)格插畫在食品包裝設(shè)計中的應(yīng)用[J].商場現(xiàn)代化，2019 （17）.

[6]徐佳佳.交互設(shè)計在智能電網(wǎng)中的應(yīng)用前景評析[J].明日風(fēng)尚，2018 （24）.

作者簡介：招麗娟（1983-）.女，江蘇金湖人，大學(xué)本科，碩士在讀，研究方向：UI視覺交互設(shè)計、人機交互理論、圖形界面交互設(shè)計、CG創(chuàng)新技術(shù)研究、虛擬現(xiàn)實、信息多媒體設(shè)計方向研究等。