從零開始教你打造網頁設計中的極簡風格

發布時間:2017-04-19 21:01 來源:互聯網 當前欄目:網頁設計教程

   什么是極簡設計

  極簡設計,嚴格上講不能算作一種視覺風格,而是一種設計哲學。它在保持了基本的骨架內容的基礎上,剔除掉多余的元素、裝飾、色彩和紋理,是通過不斷思考而進行化繁為簡的設計過程。這樣做的結果是突顯了主題內容。所以,它是扎根于設計思想根部的概念。

  極簡主義起源于蘇格蘭,當時在各個文化領域都掀起了極簡的風潮:平面設計、建筑、音樂、文學、繪畫等。直到現在,也開始在網頁設計中盛行。

  盡管極簡設計風格在十年間并未得以足夠的關注度,早先的互聯網領域中根本看不到它的影子,樣式復雜的LOGO和廣告,艷麗的色彩……網頁設計一直以來都以臃腫繁雜的形象出現。

  少即是多

  前已提及,極簡風格是直截了當地展示主題,減少對觀者的視覺干擾。如果一個頁面有太多的元素,用戶就會在眾多的元素中,由于無法決定其主次而陷入混亂。一個優秀的極簡設計勢必會用不偏不倚的姿態焦距主體內容。

  舉例來說,一個以黑白灰為主色的網頁中,如果出現任何色彩,都會成為視覺焦點。就如下例所示,白色作為底色背景,再加上一點淺色背景,搭配黑色文字,同時有相應配圖,配圖的色彩表現集中在模特的服飾上,這很好的突顯了服裝品牌這一焦點。

從零開始教你打造網頁設計中的極簡風格 電腦高手

  這一種設計風格就讓用戶焦距到服裝本身的質地、色彩、樣式上,從而輕而易舉鎖定了用戶的注意力。而與此同時,在服裝本身以外不再增加任何的裝飾和元素,除了主體結構再無其他。

  怎樣簡化內容

  首先對于網頁所展示的內容,設計師要有一個清晰的認知。先將網頁上所需要出現的元素列出清單,再從中進行逐次審視是否有出現的必要,是否需要去除。

  這是一份我認為可能需要思考是否應該不予出場的元素清單。

  社交媒體的圖標

  標語和詳細介紹

  目前流行的一些比較引人耳目的元素(比如分享和贊等)

  一個頁面多出三個部分以外的部分

  導航中的次級元素

  當然,這并不是一個框架,你當然需要考慮如果有必要時也不能統統刪除而后快。主頁出現的部分元素都可以放到二級頁面里。畢竟如果主頁信息量太大,你的用戶也許也會“消化不良”。

  這樣精簡以后的結果是,也許你的網站的功能性相比弱化了一些,但刪減了多余的元素,使之成為一個更為簡化的布局,這讓用戶可以在你的網站停留時間更長一點。而讓用戶成為愿意為之學習的網站。

  怎樣簡化設計

  你需要不斷簡化任何出現的元素,讓紋理消失直至不見、更少顏色、更簡單的造型……總而言之,這一系列的處理過程的確讓你的設計變得有些平淡了。但這時你要記住,不要偏離了極簡的方向,你可以把設計集中到焦點內容上,讓焦點內容成為唯一重要的視覺核心。使用一些創造性的技巧來處理細節。

  使用優雅的線框

  大家都知道,使用線框能讓你的設計看上去更“穩固”,因為你的眼力其實超乎你想象的好用,它甚至會記得每一段間隔每一個交點,所以任何破壞視覺平衡的元素都會格外突兀,這時你的直覺只會告訴你“感覺不對”。但這其實就是沒有運用好線框的結果。

  一個合適的線框圖是極簡設計致勝前提。你可以運用它獲得合適的比例,創造出有趣的視覺平衡。

  你可以在設計伊始就用2B鉛筆在草稿上畫出你的頁面布局和元素樣式。

  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、
  • 1、
  • 2、
  • 3、
  • 4、
  • 5、
  • 6、
  • 7、
  • 8、
  • 9、
  • 10、
  • 11、
  • 12、
  • 13、
  • 14、
  • 15、
  • 16、
  • 17、
  • 18、
  • 19、
  • 20、
  • 21、
  • 22、
  • 23、
  • 24、
  • 25、