網站設計的扁平化

嚴曉軍

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

扁平化設計在網站設計中的應用現狀

1.扁平化設計

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

2.扁平化設計應用于網站設計現狀

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

扁平化設計在攝影網站中的應用優勢

1.視覺界面

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

2.交互界面

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

3.信息設計

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

扁平化設計在攝影網站中的應用方法

1.視覺創建法

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

2.圖片減法設計

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

3.信息趣味化

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

結論

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

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