簡析交互設計中扁平化思維的應用

摘要：隨著智能設備的遍及，為了讓用戶在行使過程中獲得最佳的交互體驗，流暢、高效地進行操縱，扁平化思維方法應運而生。這種思維形式不僅是視覺上的扁平，并且是駕馭體驗、消息架構(gòu)上的扁平，突顯產(chǎn)品的易用性，做到以用戶為中央來設計，給用戶供應更優(yōu)質(zhì)的體驗?；诖耍疚氖紫群喴治隽吮馄交O計的含義，隨后分析了扁平化設計在交互設計與視覺領域中的應用，最后從兩方面分析了交互體驗中的扁平化思維，以此供相關(guān)人士交流參考。

關(guān)鍵詞：交互設計;扁平化設計;應用

中圖分類號：TB47

文獻標識碼：A

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

一、引言

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

二、扁平化設計的含義分析

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

三、扁平化設計在交互設計中的應用

扁平化設計在交互設計中的應用是極其廣泛的，大部分的交互設計都是扁平化的設計風格，而且不一樣的交互設計在設計特點上有著差異化的特點。下面就對扁平化設計在交互設計中的應用進行詳細的介紹和闡述。

（一）簡潔化的形式

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

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

（二）便捷化的功能

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

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

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

四、視覺設計中的扁平化思維

（一）圖形設計中的應用

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

（二）色彩設計中的應用

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

（三）文字設計中的應用

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

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

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

（一）一致性原則

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

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

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

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

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

六、結(jié)語

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

參考文獻：

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

[2]侶冬梅，扁平化設計風格在平面設計中的應用[J].文教資料，2019 （18）.

[3]袁麗敏.扁平化圖形設計在插畫設計中的應用分析[J].明日風尚，2018 （05）.

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

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

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

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