關於設計極簡風格網站的4個步驟
1、擁抱扁平化設計
眾所周知,扁平化的設計風格正在逐漸取代以蘋果式擬物化設計(skeuomorphism)為代表的寫實風格,而蘋果本身也正在構建蘋果自身的扁平化設計風格,使用大膽鮮亮的色彩來吸引用户的眼球。
另一個主動擁抱扁平化設計風尚的先行者就是微軟了。微軟的windows phone 和windows 8系列操作系統就是使用扁平化設計風格的典型,現在微軟的網也將扁平化的設計貫徹到底了。這也就意味着微軟已經在全平台上高度一致地貫徹了扁平化設計。
因此,在微軟的網站上並不會感受到陰影和漸變,一切都在2D平面上。標題和正文的字體都沒有紋理點綴,頁面佈局乾淨清爽,毫不雜亂。圖標和按鈕都使用的充滿貨的扁平化設計,連windows 8 開始界面中背景上的元素也都是扁平化的設計。
2、留白
不管你習慣稱之為負空間還是留白,它都非常聰明地引導你關注網頁的重要內容,同時它也是極簡風格的典型特徵。越來越多的網站開始使用這種設計,設計師們逐漸意識到這種設計是多麼有用。
最簡單的案例就是大家常用的搜索引擎:谷歌和百度。它們是留白的典範,所有無關緊要的元素都被移除,搜索框吸引了用户全部的注意力——它就是要你輸入,然後回車、搜索。留白或者負空間的存在是極簡主義最明顯的特徵,它們的存在並不意味着那些地方無內容,它們和它們所襯托的`主體元素是相互依託的關係。
3、有限的選擇
對於任何電商或者B2B的網站而言,網站設計的主要目的之一就是提高網站轉化率,降低網站用户選擇的難度。當你將不必要的選擇從網站中移除之後,用户受到無效信息的干擾將降低,更容易達成目標,轉化率自然會有所提高。因此,有限的選擇也是極簡風格網站的一大特徵。
極簡風格網站的登錄頁是展現“有限選擇”魅力最合適的地方。Gengo就是這樣一個案例,作為一家專業的字幕翻譯公司,Gengo的登錄頁只有一個輸入框和一個翻譯按鈕i,用户完全無需做選擇——他們只能輸入內容,然後翻譯轉換(當然,是收費的)。當然,對於那些狂熱的極簡主義分子而言,Gengo可能還不夠純粹,因為頂上的導航欄依然具備干擾用户視覺的可能性。
4、專注於排版
如果你真的想深入瞭解極簡設計的精髓,那麼不妨看看Brian Danaher的網站。Brian是一名設計師、插畫家以及藝術總監。正如你所看到的,它的網站主要倚賴於兩大設計方法:加粗字體,和你永遠無法錯過的單欄式佈局。就這麼簡單!雖然看起來有點簡單粗暴,但是Brian的這種設計實現了兩個至關重要的目標:
導航欄設計成單欄的形式,主要的信息清晰直觀地展現在用户面前,Brian是誰,他是做什麼的,他的作品有哪些,怎麼聯繫他,都清晰地呈現在屏幕上。
Brian成功地使用對比度(字體和背景的色彩對比,字體和字號尺寸的對比)給用户呈現出有趣的內容。
-
設計方案4篇[熱門]
為了確保事情或工作有序有效開展,常常要根據具體情況預先制定方案,方案是書面計劃,具有內容條理清楚、步驟清晰的特點。那麼我們該怎麼去寫方案呢?以下是小編整理的設計方案4篇,歡迎大家借鑑與參考,希望對大家有所幫助。設計方案篇1【教學要求】1、體會行楷的運筆特...
-
設計師的夢想作文[優秀]
在生活、工作和學習中,大家都經常接觸到作文吧,作文是通過文字來表達一個主題意義的記敍方法。你知道作文怎樣寫才規範嗎?以下是小編精心整理的設計師的夢想作文4篇,歡迎大家分享。設計師的夢想作文篇1我有一個小祕密,天知道,地知道,我知道,你知道。噓!小聲點,那就是當世...
-
【精】《竹節人》教學設計
作為一名辛苦耕耘的教育工作者,編寫教學設計是必不可少的,藉助教學設計可以促進我們快速成長,使教學工作更加科學化。教學設計應該怎麼寫才好呢?以下是小編精心整理的《竹節人》教學設計,僅供參考,歡迎大家閲讀。【課文分析】這篇課文圍繞“樂趣”一詞,描寫了作者童年...
-
(熱門)設計師的作文9篇
在平凡的學習、工作、生活中,大家總少不了接觸作文吧,作文是人們以書面形式表情達意的言語活動。那麼一般作文是怎麼寫的呢?以下是小編整理的設計師的作文9篇,僅供參考,歡迎大家閲讀。設計師的作文篇1我的夢想只是成為一名服裝設計師,站在巴黎服裝大賽領獎台上高舉着...