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