產品設計——簡易就是極致的美

標籤：style   blog   http   使用   2014   ar   new   log   

從WIN8和Windows Phone的出現開始。許多網頁和產品的設計趨勢正在逐漸想向著扁平化出發。與其說是扁平化，不如誰是極簡主義開始成為趨勢。

 

簡約漂亮之外，還能提高使用者體驗。那麼如何做好簡易風格的產品呢？

 

1、擁抱扁平化設計

 

眾所周知，扁平化的設計風格正在逐漸取代以蘋果式擬物化設計(skeuomorphism)為代表的寫實風格，而蘋果本身也正在構建蘋果自身的扁平化設計風格，使用大膽鮮亮的色彩來吸引使用者的眼球。

另一個主動擁抱扁平化設計風尚的先行者就是微軟了。微軟的windows phone 和windows 8系列作業系統就是使用扁平化設計風格的典型，現在微軟的官網也將扁平化的設計貫徹到底了。這也就意味著微軟已經在全平台上高度一致地貫徹了扁平化設計。

 

因此，在微軟的網站上並不會感受到陰影和漸層，一切都在2D平面上。標題和本文的字型都沒有紋理點綴，頁面配置乾淨清爽，毫不雜亂。表徵圖和按鈕都使用的充滿貨的扁平化設計，連windows 8 開始介面中背景上的元素也都是扁平化的設計。

 

2、留白

 

不管你習慣稱之為負空間還是留白，它都非常聰明地引導你關注網頁的重要內容，同時它也是極簡風格的典型特徵。越來越多的網站開始使用這種設計，設計師們逐漸意識到這種設計是多麼有用。

 

最簡單的案例就是大家常用的搜尋引擎：Google和百度。它們是留白的典範，所有無關緊要的元素都被移除，搜尋方塊吸引了使用者全部的注意力——它就是要你輸入，然後斷行符號、搜尋。留白或者負空間的存在是極簡主義最明顯的特徵，它們的存在並不意味著那些地方無內容，它們和它們所襯托的主體元素是相互依託的關係。

 

3、有限的選擇

 

對於任何電商或者B2B的網站而言，網站設計的主要目的之一就是提高網站轉化率，降低網站使用者選擇的難度。當你將不必要的選擇從網站中移除之後，使用者受到無效資訊的幹擾將降低，更容易達成目標，轉化率自然會有所提高。因此，有限的選擇也是極簡風格網站的一大特徵。

極簡風格網站的登入頁是展現“有限選擇”魅力最合適的地方。Gengo就是這樣一個案例，作為一家專業的字幕翻譯公司，Gengo的登入頁只有一個輸入框和一個翻譯按鈕i，使用者完全無需做選擇——他們只能輸入內容，然後翻譯轉換(當然，是收費的)。當然，對於那些狂熱的極簡主義分子而言，Gengo可能還不夠純粹，因為頂上的導覽列依然具備幹擾使用者視覺的可能性。

 

4、專註於排版

 

如果你真的想深入瞭解極簡設計的精髓，那麼不妨看看Brian Danaher的網站。Brian是一名設計師、插畫家以及藝術總監。正如你所看到的，它的網站主要倚賴於兩大設計方法：加粗字型，和你永遠無法錯過的單欄式布局。就這麼簡單!雖然看起來有點簡單粗暴，但是Brian的這種設計實現了兩個至關重要的目標：

1、導覽列設計成單欄的形式，主要的資訊清晰直觀地展現在使用者面前，Brian是誰，他是做什麼的，他的作品有哪些，怎麼聯絡他，都清晰地呈現在螢幕上。

 

2、Brian成功地使用對比(字型和背景的色彩對比，字型和字型大小尺寸的對比)給使用者呈現出有趣的內容。

 

5、簡化導覽列

 

當我們探討極簡風格網站的時候，常常會忽略導覽列菜單的設計。它可以做的非常大，來強化網站視覺，也可以融入網站背景，以一種靜默而無幹擾的姿態呈現出來。

看看身為攝影師和設計師的Cristian Ordonez是怎樣設計網站的吧。在他的網站上，導覽列並沒有像其他網站一樣一長條橫跨網站頂部，導覽列的項目只是安靜地置於右上方。由於不存在更多的下拉式功能表，所以也沒有更多的層。菜單的顏色也巧妙地融入到背景中。

 

6、使用色彩補丁

 

在網站設計中合理使用小色塊可以讓使用者更容易注意到頁面重要的部分。960 Grid System 網站就是執行個體。960柵格系統就是希望能簡化網站的開發流程，所以965 Grid System網站本身就靈活地使用柵格系統系統，將不同的內容分塊展示出來。黃色的“view demo”在深色底和白色文字為主的網站上非常明顯又不會喧賓奪主，左上方的Twitter表徵圖則直接連結到網站主設計師Nathan Smith的Twitter上。

瞭解極簡風格你就能用好它

 

跟一部分設計師提及極簡風格設計的時候，他們會錯誤的認為使用這種風格設計的網頁不夠吸引力，然而事實上，極簡風格下已經有了如此多的優秀設計。

 

極簡風格的網站不僅會更加簡潔，更加井井有條，還可以與目前流行的趨勢結合在一起，比如扁平化設計，比如Lowpoly，可以讓網站更加出彩，帶來更多的使用者和收益。本文分享自e良師益友網。