從擬物到簡約 ------談網站設計風格的變革

    哪一種設計纔是好的設計？其實，每種設計都有其優點也會有其不足。關鍵在其應用場合，以及是否可以向用戶傳遞有效的價值。武斷地決定是否採用某種技術或者不思考其可否取悅用戶的設計不是好設計。好的設計不該當侷限於某種設計風格，而須要更注重可用性、有用性。

 

       以前最爲流行的是skeuomorphic設計（軟件界面設計模仿實物紋理），最爲典型的就是蘋果IOS系統中擬物化的設計。適當的Skeuomorphic設計也很是有用，好比OS X的廢紙簍。iOS 6系統中的Passbook應用在刪除項目時，會有碎紙機的效果，這也是一種增強用戶理解的好方法。而每一個水滴，每一個圓角給人的是一種藝術的美感。能夠說在蘋果風靡世界的這幾年，擬物化的設計是起到很是大的做用的。蘋果的這種設計到今天爲止還做爲廣告設計師們教科書般的經典而受到膜拜和仿照。蘋果的網站給人的印象老是簡約而精緻的。內容不會很大，可是每一個細節打造得近乎完美。之因此說完美，就是在於每一個小角落都是基於擬物化的設計，把光與影的變化之美體現得淋漓盡致。更重要的是，覺得擬物，因此讓用戶獲得足夠的心理暗示，產品的親和力獲得大大的提高。對於計算機專業人員這個的差別也許能夠忽略不計，可是對於一個藝術家，或者對於一個只有初中文化的老人來講，這一小點的差別，也許會決定用與不用這關鍵性的一大步。

     隨着移動互聯網時代的到來以簡潔爲中心的扁平化設計漸漸流行起來。核心的地方就是放棄一切裝飾3D效果。全部的元素的邊界都乾淨利落，沒有任何羽化，漸變，或者陰影。

   尤爲在手機上，更少的按鈕和選項使得界面乾淨整齊，使用起來格外簡潔。

更加簡單直接的將信息和事物的工做方式展現出來，減小認知障礙的產生。2010年，Windows Mobile的Metro UI能夠算是扁平化設計的鼻祖。Microsoft不愧爲扁平化用戶體驗開拓者。隨着網站和應用程序在許多平臺涵蓋了愈來愈多不一樣的屏幕尺寸，建立多個屏幕尺寸和分辨率的設計既繁瑣又費時。你能夠一次保證在全部的屏幕尺寸上它會很好看。扁平化設計更簡約，條理清晰，最重要的一點是，更好的適應性。

扁平化設計的5大特色

1）拒絕特效。採用二維元素。全部元素都不加修飾

2）僅使用簡單的元素。爲了同時達到簡單但直觀的效果，你能夠嘗試爲按鈕填充深色，以鼓勵用戶點擊。簡單的元素並不意味着設計起來很簡單。相反，用簡單的元素來表達複雜更須要巧妙的構思

3）注重排版。排版的目的在於幫助用戶理解設計。字體的大小應該匹配總體設計。字體選擇上可使用簡單的無襯線字體，經過字體大小和比重來區分元素。字形上能夠應該使用粗體

4）關注色彩。扁平化設計的網站、應用色彩明顯要更加鮮豔、明亮。此外扁平化設計的項目也擁有更多的色調。通常的6-8種顏色。色彩更純。其主要、次要顏色一般都是很是大衆化的顏色，而後再配以幾種其它顏色。扁平化設計的另外一個趨勢在於復古顏色的使用——淺澄色、紫色、綠色、藍色——都極爲流行。

5）極簡主義。該驅除任何無關元素，儘量地僅使用簡單的顏色與文本。移動互聯網時代的用戶習慣小而美的產品，一個應用若是讓用戶的點擊超過三個層級，用戶會很是反感。

另外，如今還有一種「準」扁平化設計比較流行。只留一種特效。如陰影，梯度，深度，紋理等。由於它能有助於直觀的交互。如bootstrap。可是也有缺點，，由於「準」扁平風格是另兩種風格的混合體，缺少明確的定義，因此更難用好。

目前爲何扁平化設計的風頭更甚。這個和如今多終端的現實是密不可分的。但從真實感而言，skeuomorphic設計無疑是最棒的。可是在必定的框框架架之下，扁平化設計必定是有其成長空間的，固然skeuomorphic設計也沒必要擔憂，英雄無用武之地。這個就跟國畫中的工筆和寫意之分。使用場合不一樣罷了。用心揣摩，集2種設計方法之長處，立足於設計對象的要求，立足於用戶的體驗，這個纔是根本。