網(wǎng)站設(shè)計(jì)的扁平化

嚴(yán)曉軍

隨著互聯(lián)網(wǎng)與人們的生活變的不可分割，網(wǎng)站設(shè)計(jì)的優(yōu)劣直接成為消費(fèi)者選擇的重要參考點(diǎn)，最終設(shè)計(jì)決定著企業(yè)的命運(yùn)和發(fā)展趨勢(shì)。流行趨勢(shì)、設(shè)計(jì)元素、消費(fèi)群體推動(dòng)者網(wǎng)站設(shè)計(jì)師不斷調(diào)整視覺(jué)元素，滿(mǎn)足大多數(shù)用戶(hù)的審美需求。本文對(duì)扁平化風(fēng)格的設(shè)計(jì)應(yīng)用于攝影網(wǎng)站展開(kāi)探討，將扁平化設(shè)計(jì)與網(wǎng)頁(yè)界面設(shè)計(jì)元素結(jié)合，努力探索一條適合當(dāng)前消費(fèi)者審美的扁平化網(wǎng)站設(shè)計(jì)之路。

扁平化設(shè)計(jì)在網(wǎng)站設(shè)計(jì)中的應(yīng)用現(xiàn)狀

1.扁平化設(shè)計(jì)

“網(wǎng)頁(yè)中廣受歡迎的產(chǎn)品通常都有一些類(lèi)似的設(shè)計(jì)美學(xué)，比如一些立體、內(nèi)陰影、外陰影等。對(duì)設(shè)計(jì)師來(lái)說(shuō)，他們會(huì)以實(shí)現(xiàn)這種“媚俗”的界面而感到自豪。”早在有了網(wǎng)站設(shè)計(jì)這四個(gè)字之初，就有了“浮夸”的設(shè)計(jì)方法，然而隨著使用者、瀏覽者對(duì)設(shè)計(jì)網(wǎng)站的審美疲勞、對(duì)眼花繚亂的網(wǎng)站無(wú)所適從，全新的設(shè)計(jì)方法隨之誕生。簡(jiǎn)單來(lái)時(shí)，扁平化設(shè)計(jì)意味著在網(wǎng)站設(shè)計(jì)的過(guò)程中拋棄原始的“漸變、加框、完美的陰影”的設(shè)計(jì)方法，用簡(jiǎn)潔的表現(xiàn)手法設(shè)計(jì)網(wǎng)站設(shè)計(jì)。最初成功的例子是社交網(wǎng)站Facebook的崛起，除了應(yīng)用性受年輕人的追捧意外，操作系統(tǒng)的簡(jiǎn)潔化、邏輯化都完全采用了扁平化的設(shè)計(jì)手法。

2.扁平化設(shè)計(jì)應(yīng)用于網(wǎng)站設(shè)計(jì)現(xiàn)狀

在網(wǎng)站設(shè)計(jì)的產(chǎn)品選擇層面上，新興事物更容易運(yùn)用扁平化設(shè)計(jì)、也更適合扁平化設(shè)計(jì)的方法。例如攝影類(lèi)網(wǎng)站、電子產(chǎn)品類(lèi)網(wǎng)站、家居用品類(lèi)設(shè)計(jì)等，當(dāng)前電商類(lèi)網(wǎng)站也在不斷的視覺(jué)元素改進(jìn)中選擇了扁平化設(shè)計(jì)。在網(wǎng)站設(shè)計(jì)的用戶(hù)選擇層面上，扁平化設(shè)計(jì)是消費(fèi)主體更心儀的設(shè)計(jì)方法，消費(fèi)者心理不在拘泥于“只看療效”的年代，而是趨于購(gòu)買(mǎi)“夠個(gè)性、夠火爆、夠簡(jiǎn)潔”的產(chǎn)品，電商的崛起讓更多人通過(guò)瀏覽網(wǎng)站購(gòu)物，網(wǎng)站的扁平化趨勢(shì)只會(huì)愈演愈烈。

扁平化設(shè)計(jì)在攝影網(wǎng)站中的應(yīng)用優(yōu)勢(shì)

1.視覺(jué)界面

過(guò)去紅配綠叫做招人嫌，現(xiàn)在紅配綠叫時(shí)尚，流行趨勢(shì)的轉(zhuǎn)變推動(dòng)扁平化設(shè)計(jì)，使得設(shè)計(jì)師可以大膽的運(yùn)用色彩、版式、圖形，為用戶(hù)帶來(lái)現(xiàn)代化的視覺(jué)體驗(yàn)。攝影網(wǎng)站信息的大量、多元化，用戶(hù)在眼花繚亂的產(chǎn)品中愉悅選擇產(chǎn)品，更符合人類(lèi)的情感需求。

2.交互界面

從人類(lèi)審美的歷程來(lái)看，從簡(jiǎn)單到復(fù)雜、從復(fù)雜到簡(jiǎn)潔，這從來(lái)不是一種循環(huán)往復(fù)的過(guò)程，而是形式與功能一次又一次的碰撞中相互融合相互接受的過(guò)程。最終產(chǎn)品為消費(fèi)者提供舒適、便捷、具有美感的交互體驗(yàn)。攝影作品本身就是記錄美的瞬間，扁平化設(shè)計(jì)能與攝影作品相映成輝，讓攝影產(chǎn)品的交互方式更符合人類(lèi)的習(xí)慣。

3.信息設(shè)計(jì)

扁平化是一種全新的設(shè)計(jì)風(fēng)格，同時(shí)也是信息整合的方法。攝影網(wǎng)站無(wú)法放棄大量播放攝影信息，信息本身就是網(wǎng)站代名詞。消費(fèi)者在瀏覽網(wǎng)頁(yè)時(shí)，網(wǎng)站設(shè)計(jì)師要完成的第一項(xiàng)任務(wù)是幫助消費(fèi)者快速?gòu)娜唠s的信息中選擇自己的目標(biāo)；第二項(xiàng)任務(wù)則是吸引消費(fèi)者有更進(jìn)一步的消費(fèi)欲望。此時(shí)扁平化設(shè)計(jì)大大提高了瀏覽者查找信息的效率，呈獻(xiàn)給用戶(hù)的視覺(jué)效果是簡(jiǎn)潔但又不失趣味的攝影網(wǎng)站。

扁平化設(shè)計(jì)在攝影網(wǎng)站中的應(yīng)用方法

1.視覺(jué)創(chuàng)建法

攝影網(wǎng)站設(shè)計(jì)實(shí)現(xiàn)扁平化時(shí)處理好與網(wǎng)站廣告的關(guān)系是難點(diǎn)同時(shí)也是重點(diǎn)，有效運(yùn)用扁平化設(shè)計(jì)的簡(jiǎn)介、干凈、理性的特點(diǎn)，在設(shè)計(jì)時(shí)用色塊區(qū)分設(shè)計(jì)板塊，用簡(jiǎn)單的圖片引導(dǎo)視覺(jué)系統(tǒng)，廣告語(yǔ)言運(yùn)用的精煉。如圖一，同樣是人物攝影和城市描述型攝影，在網(wǎng)站設(shè)計(jì)選擇圖片和文字簡(jiǎn)介時(shí)，運(yùn)用了同一色系、對(duì)稱(chēng)、重點(diǎn)排版等設(shè)計(jì)手法，將扁平化設(shè)計(jì)的理念灌輸其中，絕不嘩眾取寵，同時(shí)設(shè)計(jì)感十足。

2.圖片減法設(shè)計(jì)

扁平化網(wǎng)站設(shè)計(jì)的美在于簡(jiǎn)介，沒(méi)有過(guò)度細(xì)節(jié)刻畫(huà)的痕跡，沒(méi)有隨時(shí)晃動(dòng)的圖片干擾，沒(méi)有繁復(fù)多余的界面元素。攝影網(wǎng)站一是為了讓更多的人了解、希望、關(guān)注網(wǎng)站，二是為了抓住消費(fèi)者的欲望，并能推薦給自己的朋友和家人。圖片的減法，是扁平化設(shè)計(jì)的表象也是代表手法。如圖二兩張圖片都是攝影網(wǎng)站扁平化手法的體現(xiàn)，少量的圖片，但是心思用的細(xì)膩，用在了刀刃上，圖片展現(xiàn)出來(lái)時(shí)就能讓瀏覽這迅速接收到這個(gè)頁(yè)面的設(shè)計(jì)要點(diǎn)、圖片風(fēng)格和攝影領(lǐng)域。

3.信息趣味化

扁平化設(shè)計(jì)正是當(dāng)前應(yīng)用于多種設(shè)計(jì)產(chǎn)品中的詞語(yǔ)，這個(gè)詞不僅代表著對(duì)事物清風(fēng)徐來(lái)的態(tài)度，更是體現(xiàn)了一種生活理念，這份力量不僅執(zhí)著于“少”更注重“精”。攝影網(wǎng)站本身是一個(gè)有趣的點(diǎn)，很多攝影愛(ài)好者沖著這個(gè)來(lái)，打開(kāi)網(wǎng)站如果看到的是簡(jiǎn)化了同時(shí)趣味感十足的頁(yè)面，就會(huì)引起瀏覽者十足的興趣。如圖三建立了合理的信息等級(jí)，通過(guò)扁平化網(wǎng)頁(yè)設(shè)計(jì)，適當(dāng)增加了網(wǎng)站趣味性和可讀性。

結(jié)論

網(wǎng)站設(shè)計(jì)要求設(shè)計(jì)界面整體風(fēng)格協(xié)調(diào)一致，本文通過(guò)扁平化基本設(shè)計(jì)元素的分析，探討攝影網(wǎng)站運(yùn)用扁平化設(shè)計(jì)的手法，旨在為消費(fèi)者創(chuàng)建一個(gè)既滿(mǎn)足美學(xué)要求又滿(mǎn)足瀏覽需求的良好用戶(hù)體驗(yàn)的網(wǎng)站界面。

（作者單位：山東女子學(xué)院 信息技術(shù)學(xué)院）