扁平化風(fēng)格在交互產(chǎn)品設計中的運用論文
近年來(lái)，扁平化風(fēng)格在產(chǎn)品交互設計中的運用越來(lái)越廣泛，成為交互產(chǎn)品設計中的一種視覺(jué)表現風(fēng)格。扁平化風(fēng)格完全采用不加任何視覺(jué)效果的平面元素進(jìn)行設計，摒棄投影、漸變、浮雕、凹陷等三維視覺(jué)表現形式，力求營(yíng)造簡(jiǎn)潔、無(wú)干擾、直接的視覺(jué)效果。
一、扁平化風(fēng)格的表現形式
1.框架形式簡(jiǎn)潔化
框架結構的規劃是產(chǎn)品交互設計中非常重要的組成部分，結構的設計是否具有邏輯性、是否流暢合理，是否符合產(chǎn)品定位和用戶(hù)需要，對于產(chǎn)品交互設計的后期延展具有舉足輕重的作用。扁平化風(fēng)格在框架結構和形式設計上最大的特點(diǎn)就是簡(jiǎn)潔化，主要體現在界面形式簡(jiǎn)潔、界面層級簡(jiǎn)潔兩方面。
2.界面形式簡(jiǎn)潔
界面形式簡(jiǎn)潔是扁平化風(fēng)格的一種視覺(jué)特點(diǎn)�；ヂ�(lián)網(wǎng)的快速發(fā)展導致用戶(hù)在使用產(chǎn)品過(guò)程中瀏覽信息的可選性增加，耐心減弱，如何在最短時(shí)間內突出產(chǎn)品重要信息和內容，是產(chǎn)品取勝的關(guān)鍵。扁平化設計正是通過(guò)圖形、圖標、色彩、字體的合理簡(jiǎn)潔搭配和使用，形成具有產(chǎn)品特色的統一視覺(jué)效果，從而把重點(diǎn)信息放在第一位，便于用戶(hù)第一時(shí)間關(guān)注和識別。在滿(mǎn)目三維效果越來(lái)越逼真的當代設計環(huán)境中，一款優(yōu)秀的扁平化設計猶如清新的微風(fēng)，能滿(mǎn)足信息有效閱讀的同時(shí)，還能帶給用戶(hù)輕松的瀏覽感受和使用體驗。
3.界面層級簡(jiǎn)潔
由于網(wǎng)絡(luò )技術(shù)的提高和普及，人們使用手機進(jìn)行產(chǎn)品交互界面操作的時(shí)間增多，但其大部分由零散的時(shí)間構成，因此手機交互產(chǎn)品的界面層級應以簡(jiǎn)潔設計為主，簡(jiǎn)單的菜單層級可以節約打開(kāi)界面時(shí)使用的網(wǎng)絡(luò )流量和時(shí)間，減少用戶(hù)的等待焦慮，給用戶(hù)提供一個(gè)流暢的瀏覽環(huán)境。扁平化風(fēng)格在設計中使用模塊化的構成元素所占空間較小，同時(shí)單頁(yè)界面的展開(kāi)很大程度上也減輕了用戶(hù)的視覺(jué)瀏覽負擔。常用的一種層級設計方法是“灌木型層級設計”，將產(chǎn)品界面中的最基礎層級信息置頂，刪減需求量較少的中級層級信息。由此得到的'層級設計，界面疊加層次少，用戶(hù)訪(fǎng)問(wèn)路徑較短，用戶(hù)返回主界面層級較快速，普及和操作便捷。
二、功能操作便捷化
產(chǎn)品的功能要通過(guò)操作來(lái)實(shí)現，因此操作設計便捷化是產(chǎn)品交互設計的另一重點(diǎn)。用戶(hù)在友好便捷的操作過(guò)程中體驗、了解產(chǎn)品信息，實(shí)現使用目的。但目前，不少交互產(chǎn)品由于功能設置過(guò)多，或功能疊加過(guò)度，操作步驟過(guò)于繁瑣，導致用戶(hù)體驗不友好，使用過(guò)程不能體現設計師的意圖，因此扁平化風(fēng)格的設計成為便捷操作的一種設計途徑。
1.操作引導便捷
界面吸引用戶(hù)好奇心并激發(fā)用戶(hù)嘗試體驗操作是產(chǎn)品交互設計的一項重點(diǎn)。產(chǎn)品的引導頁(yè)設計成為招攬用戶(hù)的門(mén)面，要求既有設計感、趣味感，操作過(guò)程又不能繁瑣。目前很多新聞類(lèi)產(chǎn)品的交互界面在引導頁(yè)設計上，信息放置過(guò)度，造成界面內容龐雜，視覺(jué)重點(diǎn)不突出，用戶(hù)瀏覽容易疲倦等現象發(fā)生。扁平化風(fēng)格的引導頁(yè)界面設計，網(wǎng)格化布局干凈、結構有條理，無(wú)裝飾風(fēng)格的圖片和圖標搭配簡(jiǎn)潔的文字說(shuō)明，帶給用戶(hù)一種清新、明確、簡(jiǎn)約的指引性視覺(jué)體驗。
2.操作反饋明晰
用戶(hù)在使用過(guò)程中遇到錯誤操作，或某一操作動(dòng)作結束后，操作是否成功等一些情況時(shí)，需要產(chǎn)品交互設計提供反饋信息這一步驟。良好的信息反饋占用時(shí)間少，占用界面空間小，視覺(jué)效果不突兀，不會(huì )讓用戶(hù)感覺(jué)焦慮。如圖1是某一網(wǎng)頁(yè)等待界面設計，界面背景采用兒童畫(huà)手繪圖形，排列亂中有序，前景采用扁平化的矩形緩沖條造型，用戶(hù)在提交某一操作后，借助緩沖條可以減緩等待時(shí)的焦慮。
3.操作更新便捷
互聯(lián)網(wǎng)線(xiàn)上線(xiàn)下產(chǎn)品信息的更新是否快速便捷，是產(chǎn)品設計前規劃定位的一大思考要素。不少交互產(chǎn)品在設計時(shí)過(guò)于注重復雜、絢麗的表現形式，造成產(chǎn)品信息更新速度較慢，成本較高的局面，而扁平化風(fēng)格設計的另一優(yōu)勢是成本低、更新快，由于構成扁平化風(fēng)格多為無(wú)裝飾效果的平面構成元素，因此在產(chǎn)品界面風(fēng)格和信息的更新上，設計元素改變較便利，界面變換靈活，效果明顯，使用時(shí)間少，這也成為很多交互產(chǎn)品公司選擇扁平化風(fēng)格的重要原因之一。
三、扁平化風(fēng)格在交互產(chǎn)品設計中的方法
在產(chǎn)品交互設計中，扁平化風(fēng)格元素的使用主要從圖形、色彩、排版、字體幾方面體現。
1.扁平化圖形運用
扁平化的圖形設計與三維圖形有很大差別，但設計方法和審美要求都必須符合市場(chǎng)和用戶(hù)心理標準。在具體設計上，要求圖形要在深入研究產(chǎn)品特征的基礎上，高度提煉產(chǎn)品和所要傳達的信息形象，除去各種裝飾手法、用直接概括的視覺(jué)語(yǔ)言塑造形象。圖形語(yǔ)意要明確，必須符合大眾的生活認知，識別度較高。如圖2是某一產(chǎn)品的網(wǎng)站調研數據界面設計，產(chǎn)品通過(guò)兩種顏色劃分矩形畫(huà)面，讓扁平化的界面產(chǎn)生視覺(jué)對比，界面所使用的飲料、蛋糕和人頭圖形，圖形設計摒棄凹凸、紋理、陰影等效果，用最簡(jiǎn)潔的筆畫(huà)概括調研內容，搭配左側簡(jiǎn)練的文字，突出圖形信息重點(diǎn)。
2.扁平化版式運用
越是簡(jiǎn)單的設計越體現設計師的功力。比如留白的版式設計，僅用黑白兩種對比元素就能設計出的強烈的視覺(jué)美感，在白色的背景上，黑色的文字既是信息，也是一種黑色的視覺(jué)符號，通過(guò)點(diǎn)線(xiàn)面的不同組合、排列，形成或錯落、或整齊、或異形的不同畫(huà)面，給人以韻律感。扁平化版式設計，應以突出重要內容為主，排版上注意信息的主次之分，通過(guò)調節文字與圖形、線(xiàn)條等其他元素之間的行間距、字間距，讓所有組成元素無(wú)形中成為畫(huà)面中的點(diǎn)和線(xiàn)，傳遞出動(dòng)靜結合、強弱有序的節奏感。
3.扁平化色彩運用
介于產(chǎn)品交互設計中扁平化圖形的設計極為簡(jiǎn)練，在界面視覺(jué)效果上想要突出重要信息的話(huà)，另一設計方法就是合理運用扁平化色彩。產(chǎn)品交互設計中的扁平化色彩運用要求配色飽和度和色調盡量統一協(xié)調，常用飽和度高、明亮的單色為主。另外，扁平化色彩也常用到復古色作為配色，這類(lèi)色彩飽和度較低，但因為將純色與白色相結合，使色彩視覺(jué)感受更加柔和親切，富有女性的柔美。近年來(lái)，扁平化色彩的同色使用較為流行，常常用某一單色搭配黑色或白色，從而創(chuàng )造出富有視覺(jué)沖擊力的界面效果。如圖3是手機某款基礎功能界面的扁平化配色方案，界面采用藍色為基礎色，搭配黑白兩色文字，形成視覺(jué)效果對比。
四、結論
扁平化風(fēng)格的應用既是視覺(jué)設計語(yǔ)言的興起，也是設計思維方式的改變。最大的優(yōu)勢是將產(chǎn)品信息和操作原理以最直接簡(jiǎn)練的形式展現給用戶(hù)，減少操作體驗過(guò)程中的出錯率。為了完善市場(chǎng)上各類(lèi)型號和功能的產(chǎn)品交互界面需求，應當將設計重點(diǎn)放在產(chǎn)品交互界面的功能實(shí)現應用上，扁平化風(fēng)格的興起和推廣，也應該立足于此，將優(yōu)秀的交互體驗、便利的識別、流暢的操作、情感的傳遞、舒適的視覺(jué)效果等設計標準融匯于其中，最終實(shí)現視覺(jué)與功能雙重優(yōu)秀的產(chǎn)品交互體驗設計。
【扁平化風(fēng)格在交互產(chǎn)品設計中的運用論文】相關(guān)文章：
招貼設計中的簡(jiǎn)約風(fēng)格運用論文11-20
類(lèi)比法在產(chǎn)品設計中的運用論文11-10
工業(yè)設計中交互設計的運用論文11-11
工業(yè)設計中交互理念的運用分析論文11-20
農機產(chǎn)品設計中工業(yè)設計的運用論文11-11
綠色設計在工業(yè)產(chǎn)品設計中的運用論文11-09