網頁設計怎樣最美？

0 評論 11097 瀏覽 6 收藏 10 分鐘

本文譯自網站設計公司weavora.com，介紹了在他們眼里 8 個 Web 設計趨勢：單頁面、用照片做背景、色塊設計、超大號的圖片、聚焦簡潔、響應式設計、視差滾動、強調字體，每個趨勢后面都附了數個案例，相信對網站設計師會有一定的參考價值。

  • 像蘋果網站的單頁面

單個長頁面的設計一度不受人待見（無論是客戶還是設計師），但現在整個網絡隨處可見。一個合理的解釋是，用戶現在早已習慣于使用鼠標滾輪了，比起在多個頁面間來回查看，用滾輪上下瀏覽要省事得多。

包括蘋果在內的一些知名大公司也使用了相當長的頁面來展示產品，獲得了很不錯的效果。

Apple

Visualboxsite

Versapay

Fitbit

Cageapp

Squarespace

  • 用品牌、商品照片做背景

出于品牌或展示的目的，把照片用做網站的背景，這樣可以形成強烈的視覺表達效果。這也是為何你能在時尚、服裝品牌、旅游業(yè)等等行業(yè)看到這樣的設計辦法。

Alexarts

Davidia

  • 色塊方格設計

這一設計方法主要是引入了方塊的網格設計，這些方塊要嘛是純色塊配上文字，要嘛是方形照片配上文字。

「簡潔」是吸引用戶的一大原因，而不同的色塊放在一起形成強烈的對比，容易引起用戶的視覺興趣，進而繼續(xù)探索下去。

Dynamit

Lithium

Landor

Pepsi

  • 超大號的圖片

這一潮流的興起，多少與 Mac OS X 圖標設計的流行有關。當工程師為自己的 Mac 程序推出網站時，這樣配有超大號圖片、突出品牌的設計再常見不過。自然地，這一潮流后來也被 iOS 開發(fā)者繼承了下來，成為現代設計文化的一部分。

Zennaware

Panic

Versionsapp

Piictu

Enstore

  • 聚焦簡潔

對簡潔的追求貫穿了整個2012年，許多的網站開始尋求明快、直觀的設計。

極簡設計旨在透過整合或是刪除多余的頁面實現簡化，只給用戶需要的東西。極簡設計通常會用到大號的加粗字體、超大號的圖片，清晰地把重要的東西傳達出來。

Basecamp

Dropbox

Checkoutapp

HTC

  • 響應式設計（Responsive web design）

隨著手機和平板設備越來越多地進入人們的生活，響應式設計也成為了當下網站開發(fā)不可忽視的一股力量。一個可自適應任何設備的網頁是很了不起的，響應式設計能確保用戶無論是在行動裝置，或者在 PC 上都能按你的意愿瀏覽內容。

Nealite

Twitter-Github

Fork-cms

Floridahospital

  • 視差滾動

所謂「視差滾動」（Parallax Scrolling）就是讓多層背景，以不同的速度移動，形成運動視差 3D 效果。隨著越來越多的瀏覽器增加對視差的支持，這一技術也很有可能會更加流行。

Benthebodyguard

Tokiolab

Chartbeat

Inze

Titanic

Noleath

  • 強調字體

從前，設計師所能使用的字體，受用戶計算機本地已有的字體所限；現在，借助 Google fonts 和 Typekit 等服務，從理論上說，你能使用的字體是無限多的，極大增強了網站設計的吸引力。設計師利用這一機會也已有了一段時間了，越來越多的網站也體現了對字體的重視；甚至有些網站如?Typographica，字體就占了整個網站設計的絕大部分，出來的效果也相當不錯。

Nicehair

Bitfoundry

Daneden

相信以上的這些設計方法會流行相當長的一段時間，當然，你也可以發(fā)揮創(chuàng)造力，有機地組合它們，做出優(yōu)秀的網站。

來源：TechOrange
(轉載請注明來自：DamnDigital)
更多精彩內容，請關注人人都是產品經理微信公眾號或下載App
旺旺旺旺旺仔
一直很尊重奶茶，沒去冰，沒少糖，沒少喝。
4319篇作品 34183436總閱讀量
04-073219 瀏覽
預測未來AI生態(tài)｜一個大模型吃掉所有？
12-05695 瀏覽
用AI破局，Bhout、Fiture、Keep亦步亦趨
10-111202 瀏覽
你的結構化思維可能是偽邏輯
09-155057 瀏覽
「少即是多」商業(yè)策略的背后，隱藏著怎樣的客戶洞察？
03-155372 瀏覽
個性化推薦算法：提高客戶轉化率的有效工具