在過去的幾年里,廣州許多新興的網頁設計趨勢正在逐漸成為主流,引領我們走向未來。其中,極簡網頁設計正式成為其中之一。極簡設計風格不會隨著時間而褪色。自現代主義運動以來,它一直活躍在各種設計相關領域?,F在,為什么不能成為網頁設計的潮流?
極簡設計除了看起來美觀,還能提升用戶體驗。多年來,用戶一直抱怨網站導航復雜,網站布局復雜。太多內容被擠在同一個頁面,使得整個用戶體驗直線下降。在設計領域,“少即是多”常常被用來形容極簡風格。時至今日,這句話依然適用,尤其是對于進入21世紀的網頁設計而言。
1.擁抱平面設計
眾所周知,平面設計風格正在逐漸取代以蘋果的skeuomorphism為代表的寫實風格,蘋果本身也在打造自己的平面設計風格,用大膽明亮的色彩來吸引用戶的注意力。
獲取新技能!設計完美極簡網站的六個步驟
另一個積極擁抱平面設計時尚的先鋒是微軟。微軟的windows phone和windows 8系列操作系統就是扁平化設計風格的典型例子,現在微軟官網已經實施了扁平化設計到底。這意味著微軟一直在整個平臺上實施扁平化設計。
所以微軟網站上感覺不到陰影和漸變,一切都在2D平面上。標題和正文的字體沒有紋理點綴,頁面布局干凈清爽。圖標和按鈕充滿了扁平化設計,甚至windows 8 start界面背景中的元素也是扁平化設計。
2.留空
無論你習慣稱之為負空間還是空白空間,引導你關注網頁的重要內容都是非常巧妙的,也是極簡風格的典型特征。越來越多的網站開始使用這種設計,設計師逐漸意識到這種設計有多有用。
最簡單的案例就是常用的搜索引擎:谷歌和百度。它們是空白空間的例子,所有無關緊要的元素都被移除,搜索框吸引了所有用戶的注意力。留白或負空間的存在是極簡主義最明顯的特征。他們的存在并不意味著那些地方沒有內容。它們與它們所引發的主要元素相互依存。
3.選擇有限
對于任何一個電子商務或者B2B網站,網站設計的主要目的之一就是提高網站轉化率,降低網站用戶選擇的難度。當你把不必要的選擇從網站上去掉,用戶受無效信息的干擾就少了,就更容易達到目的,轉化率自然也就提高了。所以,選擇有限也是極簡網站的一大特色。獲取新技能!設計完美極簡網站的六個步驟
極簡網站的登陸頁面是最適合展示“有限選擇”魅力的地方。庚子就是這樣的情況。作為專業的字幕翻譯公司,更高的登錄頁面只有一個輸入框和一個翻譯按鈕I,用戶根本不需要做選擇。他們只能輸入內容然后翻譯(當然要收費)。當然,對于那些狂熱的極簡主義者來說,更高可能不夠純粹,因為頂部的導航條還是有干擾用戶視覺的可能性。
4.專注排版
如果你真的想了解更多極簡設計的精髓,請登陸布萊恩丹納赫的網站。布萊恩是一名設計師、插畫師和藝術總監。如你所見,它的網站主要依靠兩種主要的設計方法:粗體字體和你永遠不會錯過的單列布局。就這么簡單!雖然這看起來有點簡單粗暴,但布萊恩的設計達到了兩個關鍵目標:
獲取新技能!設計完美極簡網站的六個步驟
1.導航欄以單列的形式設計。主要信息清晰直觀地展現在用戶面前。布賴恩是誰,他做什么,他的作品是什么,如何聯系他,這些都清晰地顯示在屏幕上。
2.布萊恩成功地利用對比(字體與背景的顏色對比,字體與大小對比)向用戶呈現感興趣的內容。
5.簡化導航欄
我們在討論極簡網站時,往往忽略了導航欄菜單的設計??梢宰龅煤艽?,以增強網站的視覺感,也可以整合到網站的背景中,以無聲、不受干擾的方式呈現。
獲取新技能!設計完美極簡網站的六個步驟
看看攝影師兼設計師克里斯蒂安奧登內茲(Cristian Ordonez)是如何設計網站的。在他的網站上,導航條并不像其他網站那樣橫跨網站頂部,導航條的項目只是靜靜的放在右上角。由于不再有下拉菜單,因此不再有圖層。菜單的顏色也巧妙地融入了背景。
6.使用色標
網站設計中合理使用小色塊可以讓用戶更容易注意到頁面的重要部分。960網格系統網站就是一個例子。960網格系統希望簡化網站的開發過程,所以965網格系統網站本身就靈活使用網格系統,分塊顯示不同的內容。黃色的“查看演示”在黑底白字的網站上非常明顯,左上角的Twitter圖標直接鏈接到網站主設計師納森史密斯的Twitter上。