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

隨著互聯(lián)網(wǎng)與人們的生活變的不可分割，網(wǎng)站設(shè)計(jì)的優(yōu)劣直接成為消費(fèi)者選擇的重要參考點(diǎn)，最終設(shè)計(jì)決定著企業(yè)的命運(yùn)和發(fā)展趨勢。流行趨勢、設(shè)計(jì)元素、消費(fèi)群體推動者網(wǎng)站設(shè)計(jì)師不斷調(diào)整視覺元素，滿足大多數(shù)用戶的審美需求。本文對扁平化風(fēng)格的設(shè)計(jì)應(yīng)用于攝影網(wǎng)站展開探討，將扁平化設(shè)計(jì)與網(wǎng)頁界面設(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)頁中廣受歡迎的產(chǎn)品通常都有一些類似的設(shè)計(jì)美學(xué)，比如一些立體、內(nèi)陰影、外陰影等。對設(shè)計(jì)師來說，他們會以實(shí)現(xiàn)這種“媚俗”的界面而感到自豪?！痹缭谟辛司W(wǎng)站設(shè)計(jì)這四個字之初，就有了“浮夸”的設(shè)計(jì)方法，然而隨著使用者、瀏覽者對設(shè)計(jì)網(wǎng)站的審美疲勞、對眼花繚亂的網(wǎng)站無所適從，全新的設(shè)計(jì)方法隨之誕生。簡單來時，扁平化設(shè)計(jì)意味著在網(wǎng)站設(shè)計(jì)的過程中拋棄原始的“漸變、加框、完美的陰影”的設(shè)計(jì)方法，用簡潔的表現(xiàn)手法設(shè)計(jì)網(wǎng)站設(shè)計(jì)。最初成功的例子是社交網(wǎng)站Facebook的崛起，除了應(yīng)用性受年輕人的追捧意外，操作系統(tǒng)的簡潔化、邏輯化都完全采用了扁平化的設(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ì)的方法。例如攝影類網(wǎng)站、電子產(chǎn)品類網(wǎng)站、家居用品類設(shè)計(jì)等，當(dāng)前電商類網(wǎng)站也在不斷的視覺元素改進(jìn)中選擇了扁平化設(shè)計(jì)。在網(wǎng)站設(shè)計(jì)的用戶選擇層面上，扁平化設(shè)計(jì)是消費(fèi)主體更心儀的設(shè)計(jì)方法，消費(fèi)者心理不在拘泥于“只看療效”的年代，而是趨于購買“夠個性、夠火爆、夠簡潔”的產(chǎn)品，電商的崛起讓更多人通過瀏覽網(wǎng)站購物，網(wǎng)站的扁平化趨勢只會愈演愈烈。

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

1.視覺界面

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

2.交互界面

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

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

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

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

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

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

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

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

3.信息趣味化

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

結(jié)論

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

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