Pages Menu
TwitterRssFacebook
Categories Menu

Posted by on 四月 8, 2014 in 網頁設計 | 0 comments

扁平化設計的五大原則

扁平化設計的五大原則

扁平化設計 (Flat Design),在過去這一兩年成為大家討論的重大趨勢,並不單純是追逐潮流,它還能給用戶帶來更好的使用經驗。Flat Design 如果搭配響應式網頁設計 (Responsive Web Design),總是完美相容於各尺寸的螢幕。不同尺寸的螢幕對開發者來說是場惡夢,但 Flat Design 可以替它們省去不少麻煩。UI 元素都是由色塊、排版、字體建構出來,比起網頁或是 APP 以往的設計方法,Flat Design 更適用於 Responsive Design。以下是 Flat Design 上需要注意的幾個原則。

1.不加特效

Flat Design 採用獨特的二維風格,每個元素、區塊、圖像、按鈕不附加羽毛邊框或是陰影的特效,沒有加入這些附加的效果,使得元素看起來更加真實。Flat Design 有一種獨特的外觀和感覺,利用層次感將元素擺放進去,易於用戶理解及提供良好的互動。越來越多網站使用的設計風格,此設計在行動裝置,較少的按鈕及選項能夠更容易使用。

TriplAgent

 

2.簡易的元素

Flat Design 使用許多簡單的用戶介面元素,如按鈕和圖形。設計師使用簡單的形狀,如矩形、圓形或正方形,並且圖形邊緣以方形或是圓角的方式呈現。每個UI元素應該是容易點擊或點選,互動的設計應該是直觀的並沒有太多的說明設計。

iPad-Calendar-Login

 

3.注重排版

Flat Design 時要求簡約風格,所以排版是非常重要的。字體的應用需要配合整體設計,可以考慮簡單的無襯線字(Sans-Serif),用大量的字體大小或是字體寬度作為變化作為主要排版,添加一些特殊字體作為藝術元素,但小心使用過度。

courtneyandrew

 

4.注重配色

顏色的使用在 Flat Design 設計是很重要的一環,通常設計上會比其他設計更為明亮,使用豐富的色彩呈現不同類型的元素,凸顯元素間的區隔性。

Close-landing-page

 

5.簡易的設計

通常 Flat Design 會避免太多花俏的設計,利用簡單的顏色和文字就足夠了,如要增加視覺效果,可以搭配圖像豐富網站的設計。

Personal-Site

 

資料來源:designmodo

Ian Lin

喜歡學習,喜歡嘗試不同的事物及解決問題。對於軟體工程、專案管理、系統分析、網站管理及使用者經驗等 IT 類型知識有濃厚的興趣。

More Posts - Website

Post a Reply

你的電子郵件位址並不會被公開。 必要欄位標記為 *