主頁 > 公司新聞 > 常見問題 >

Web設計的8大趨勢:Metro、簡潔、響應式Web設計

時間:2012-11-01 作者: 來源:互聯網 瀏覽次數:

weavora網站近日發表一篇文章《Web design trends we love》,文中總結Web設計的8大趨勢:單頁面、照片背景、Metro、超大尺寸圖片、注重簡潔、響應式Web設計、視差滾動、“活版印刷”。如果你有不同的意見或推薦,請在文章下方評論處寫出,讓我們一起探討。

注:文章內部分鏈接需要翻墻。

單頁面

現在的單頁面都需要頻繁的滾動才可以瀏覽,這一點讓客戶和設計師十分不滿。但是卻隨處可見,有一種合理的解釋是,用戶習慣用鼠標滾輪瀏覽頁面。但實際上,如果把一頁的內容分成若干頁顯示,反而讓用戶尋找起來更麻煩。一些成功、著名的企業,包括蘋果在內,都在使用單頁面展示他們的產品,其實這一點很成功。

點擊查看實例:

  • http://www.apple.com/iphone/features/
  • http://www.visualboxsite.com/
  • http://www.versapay.com/
  • http://www.fitbit.com/
  • http://cageapp.com/
  • http://www.squarespace.com/

照片背景

這種設計方式已成功存活了很久,該理念由時尚品牌攝影師所創。此設計是目前所有行業中使用最多并且相當成功的一種方式。以照片為背景給予視覺強烈的沖擊,還可突顯出品牌和展示效果。多用于時裝、服飾品牌、旅游行業,以及其他行業中。

點擊查看實例:

  • http://www.biamar.com
  • http://alexarts.ru/en/index.html
  • http://www.davidia-int.hr/

“Metro”

這一設計基本上是引入了“方塊”元素,如同網格樣式的純色塊加上照片或文本。因為它的清晰簡易從而獲得用戶認可。結合圖像、文本的純色塊之間產生強烈視覺對比,容易引起用戶視覺興趣,刺激用戶探索下去。

點擊查看實例:

  • http://dynamit.us/
  • http://lithium.com/
  • http://landor.com/
  • http://www.pepsi.com/

超大尺寸圖片

這種設計半源自于Mac OS X圖標設計的流行。當程序員推出Mac應用程序網站時,我們經常能看到這種超大尺寸圖像的設計。這一趨勢已被iOS開發者繼承下來,成為一種現代設計文化。

點擊查看實例:

  • http://www.zennaware.com/cornerstone/index.php
  • http://panic.com/
  • http://versionsapp.com/
  • http://www.piictu.com/
  • http://www.enstore.com/注重簡潔

    化繁為簡已成為2012年主要設計趨勢,很多網站都采用了圓滑、直觀的設計。簡潔設計旨在整合或去除不必要的頁面,實現簡化,只給用戶所需要的東西。往往是通過大號字體、大膽的排版和超大尺寸的圖片來傳達他們認為最重要的東西。

    點擊查看實例:

    • http://basecamp.com/
    • https://www.dropbox.com/
    • http://www.checkoutapp.com/
    • http://www.htc.com/

    響應式Web設計

    隨著智能手機和平板電腦訪問Web的增長趨勢,響應式Web設計已成為現代網絡發展的重點之一。一個頁面在任何設備上能自動調整最合適的尺寸和格式是至關重要的。響應式Web設計確保了你想要的方式,無論是移動設備或是臺式機,都可以正常呈現出網站內容。

    點擊查看實例:

    • http://www.nealite.fr/
    • http://twitter.github.com/bootstrap/
    • http://www.fork-cms.com/
    • http://www.floridahospital.com/

    視差滾動

    “視差滾動”是指當兩個或兩個以上平行的對象以不同的速度移動所形成的視覺感官。視差滾動是一種技術,它打破了單調的線性網站。視差滾動也許在未來會變得越來越流行,其實已有越來越多的瀏覽器都開始對其支持,并且有許多漂亮的景點采用了視察滾動。

    點擊查看實例:

    • http://benthebodyguard.com/index.php
    • http://www.tokiolab.it/ /
    • http://chartbeat.com/
    • http://inze.it/
    • http://titanic.q-music.be/
    • http://www.noleath.com/noleath/

    “活版印刷”

    以往設計師常常被用戶電腦上的字體所限制,但隨著谷歌Fonts和Typekit等字體服務的興起,設計師們可以在網頁上使用無限量的字體,極大地提高了網站吸引力。設計師們使用該服務已有段時間,越來越多的網站也提高了對字體排版的重視。一些網站類似于Typographica,幾乎完全依賴字體,但最終效果著實不錯。

    點擊查看實例:

    • http://nicehair.org/
    • http://bitfoundry.ca/
    • http://daneden.me/type/

    這些設計在短時間內不會成為過去式,你可以把它們結合在一起,創造出屬于你的網站。

    原文:weavora

    編譯:CSDN

一本一本久久a久久精品宗合于田真里