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

嚴曉軍

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

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

1.扁平化設(shè)計

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

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

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

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

1.視覺界面

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

2.交互界面

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

3.信息設(shè)計

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

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

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

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

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

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

3.信息趣味化

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

結(jié)論

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

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