網(wǎng)頁(yè)設計中的扁平化設計分析論文
1扁平化設計在網(wǎng)頁(yè)界面視覺(jué)上的優(yōu)勢
1.1網(wǎng)頁(yè)界面元素
格式塔心理學(xué)家認為，人們的知覺(jué)有一種“簡(jiǎn)化”的傾向。這種傾向是一種將任何物體以盡可能簡(jiǎn)單的機構組織起來(lái)是能夠體現物體最本質(zhì)的形態(tài)的表達。在擬物化設計中，設計師會(huì )模仿現實(shí)世界里真實(shí)物體的顏色、形狀等。例如：設計師會(huì )為按鈕添加漸變、陰影等效果以符合真實(shí)按鈕的特征，以求對用戶(hù)產(chǎn)生親切的感覺(jué)。然而，這樣的按鈕往往帶來(lái)的是一種不符合用戶(hù)預期的體驗，同時(shí)這也一定程度上限制了用戶(hù)的個(gè)性化想象空間，更重要的是設計開(kāi)發(fā)的周期相對更長(cháng)。扁平化設計使用的都是基本形狀，去除了漸變、陰影等裝飾性效果，弱化了視覺(jué)上的復雜性，突出了每個(gè)元素所表達的信息本身。另外，由于扁平化設計的元素的這些特點(diǎn)，其具有更廣泛的適用性，比如：眼睛近視和弱視的用戶(hù)也可以方便的使用這類(lèi)設計。
1.2網(wǎng)頁(yè)布局
之前的網(wǎng)頁(yè)設計講求精美的圖片和排版效果，漂亮的插畫(huà)與周到的布局設計，扁平化設計拋棄了復雜的光影效果，更專(zhuān)注于根本的內容呈現。扁平化設計中大量使用扁平化的圖標、矢量圖形和圖標字體，這種設計更符合現代人的審美觀(guān)。一方面，擬物化設計初衷是降低用戶(hù)的認知成本，目的是讓用戶(hù)在使用科技產(chǎn)品時(shí)可以參考現實(shí)世界的操作規律，可短時(shí)間內輕松掌握數碼產(chǎn)品的用法。而在現今階段，數碼產(chǎn)品普及度已非常高，特別是在年輕用戶(hù)群體中，擬物化設計的功能性?xún)?yōu)勢已無(wú)法凸顯，用戶(hù)已經(jīng)熟悉了各類(lèi)數碼產(chǎn)品的基本特點(diǎn)，適應了各類(lèi)界面的操作方法，在扁平化設計風(fēng)格的界面中更容易更快速地找到所需要的信息。另一方面，扁平化設計界面更能提升用戶(hù)操作的效率。隨著(zhù)移動(dòng)互聯(lián)網(wǎng)的迅速崛起，移動(dòng)終端屏幕尺寸的多樣化給網(wǎng)頁(yè)設計造成了很多麻煩，所以響應式網(wǎng)頁(yè)設計應運而生了。在這方面，擬物化設計的網(wǎng)頁(yè)很難實(shí)現跨屏幕、跨平臺的界面適配，特別是在小尺寸的屏幕上，擬物化的圖標非常不易識別，而扁平化設計的圖標則可以很好地滿(mǎn)足這些變化因素的需求。扁平化更多的使用矢量圖形，減少了對像素精度的依賴(lài)，這樣設計師也有了更大的創(chuàng )意空間，從而可以創(chuàng )建出適應性更強的用戶(hù)界面。
1.3色彩
扁平化設計頁(yè)面中，因為追求極簡(jiǎn)主義，所以沒(méi)有其他多余的裝飾。因此，設計者在設計時(shí)需要更加注意色彩的搭配，這樣將會(huì )收到更好的視覺(jué)效果�？偨Y扁平設計的色彩搭配大致分為兩種：同類(lèi)色搭配：同類(lèi)色搭配，最常用的是把同一種顏色的黑、白、灰三種色調結合在一起，形成層次上的對比。在扁平化設計中，單色的使用不僅能分清層次感，同時(shí)也能把握住整體感。對比色搭配:對比色搭配的使用可以使頁(yè)面看起來(lái)極富活力又有豐富的色彩變幻，視覺(jué)效果醒目。在使用對比色進(jìn)行搭配時(shí)，設計師要注意到在設計時(shí)應當先了解網(wǎng)頁(yè)的主題，選用合適的顏色進(jìn)行搭配。
1.4字體
文字是設計師向用戶(hù)傳遞信息的最主要手段。而字體的選擇不僅要符合扁平化設計的簡(jiǎn)約風(fēng)格，同時(shí)還要符合整個(gè)頁(yè)面主題的設計風(fēng)格。一般扁平化風(fēng)格的頁(yè)面會(huì )使用無(wú)襯線(xiàn)字體，再通過(guò)對字體字號、顏色和粗細的變化進(jìn)行排版。不同排版的文字信息會(huì )帶來(lái)不同的視覺(jué)瀏覽體驗，如字號較大，或是粗體，能幫助用戶(hù)輕易地分辨、獲取文字所傳達的信息，這就在內容上創(chuàng )造出一定的層次感，可明顯提升內容的易讀性。
2扁平化設計在網(wǎng)頁(yè)信息組織結構上的優(yōu)勢
擬物化設計的信息組織結構主要表現為層級化結構，呈現為金字塔形的縱向樹(shù)形結構，是一種邏輯性較強的層級化組織方式。這種信息組織結構層級較多，每個(gè)層級容納的`信息量少而準確，根據嚴密的邏輯關(guān)系將信息進(jìn)行有效的分類(lèi)，因此信息獲取的準確率比較高。同時(shí)層級間的轉換路徑較長(cháng)，不同界面的切換耗時(shí)長(cháng)且不利于全局觀(guān)察，已造成用戶(hù)“迷路”。擬物化設計是一種注重功能實(shí)現的信息結構，它更適用于信息結構邏輯性強，信息種類(lèi)繁多且詳細的產(chǎn)品。扁平化設計最大程度地縮短了信息層級，不斷擴展橫向信息承載量，呈現出一種扁而寬的結構形式。特別是卡片式的信息展現形式可以同時(shí)展示信息標題和少量?jì)热�，減少了用戶(hù)在訪(fǎng)問(wèn)多個(gè)目標信息時(shí)所耗費的認知成本。但是如果單個(gè)層級承載的信息量過(guò)大，獲取精確信息的難度將變大，對于信息在頁(yè)面中的定位也增加了難度。因此，扁平化設計適用于快捷的信息瀏覽，信息及模塊的分支少且信息傳達迅速的產(chǎn)品。扁平化設計的這種信息組織結構可以很好地優(yōu)化目前絕大部分網(wǎng)頁(yè)體驗。
3扁平化設計在網(wǎng)頁(yè)交互方式上的優(yōu)勢
擬物化設計的網(wǎng)頁(yè)往往由于擬物的不徹底，比如可能由于花費時(shí)間較長(cháng)的原因，按鈕的四種狀態(tài)不能做到完全的擬物，會(huì )造成用戶(hù)體驗上的不連貫，給用戶(hù)造成疑惑。同時(shí)由于擬物化設計耗時(shí)比較長(cháng)，往往很少在網(wǎng)頁(yè)動(dòng)效方面改善用戶(hù)體驗的事情。而扁平設計中使用的多是簡(jiǎn)單的矢量圖形、圖標、圖片，做交互動(dòng)效比較容易且不易亂。同時(shí)網(wǎng)頁(yè)交互動(dòng)效可以大大提高用戶(hù)的情感體驗，避免扁平化設計風(fēng)格給人造成冰冷、毫無(wú)生機的感覺(jué)。
4總結
扁平化與擬物化設計一樣都由來(lái)已久，隨著(zhù)互聯(lián)網(wǎng)的飛速發(fā)展，特別是移動(dòng)互聯(lián)網(wǎng)的崛起，滿(mǎn)足了用戶(hù)的各種新需求，解決了用戶(hù)體驗的痛點(diǎn)，扁平化設計的優(yōu)勢得以凸顯并得到了廣泛傳播。扁平化設計風(fēng)格運用在網(wǎng)頁(yè)設計上，他的這些優(yōu)點(diǎn)將同樣會(huì )對用戶(hù)體驗產(chǎn)生非常積極的影響。擬物化設計風(fēng)格也不會(huì )就此覆滅，它會(huì )用適當的方式對用戶(hù)體驗做出貢獻。
【網(wǎng)頁(yè)設計中的扁平化設計分析論文】相關(guān)文章：
“網(wǎng)頁(yè)設計與制作”課程中的應用分析論文11-18
扁平化設計在網(wǎng)頁(yè)上的運用優(yōu)勢論文11-19
網(wǎng)頁(yè)設計中的CSS 技術(shù)及優(yōu)化分析論文11-18
分析美學(xué)在網(wǎng)頁(yè)設計中的表現手段論文11-13
網(wǎng)頁(yè)設計中FLASH的運用論文11-19
中國元素在茶類(lèi)網(wǎng)頁(yè)設計中的應用分析論文11-14
網(wǎng)頁(yè)設計論文02-24