服務項目:網(wǎng)站建設、仿站、程序開發(fā)、APP開發(fā)設計、移動網(wǎng)站開發(fā)設計、企業(yè)網(wǎng)站設計、電子商務網(wǎng)站開發(fā)、網(wǎng)站維護、網(wǎng)站推廣、UX/UI 、HTML5、CSS3、JS / Jquery ...
四川浚??萍加邢薰?></a></div>
                    <div   id=四川???萍加邢薰? title=
四川浚??萍加邢薰?(開發(fā)設計官網(wǎng))TEL : 15308000360 / QQ : 38585404

您的位置:首頁 > 技術(shù)經(jīng)驗 > 設計經(jīng)驗 > 正文

網(wǎng)頁設計怎樣做才能最美?
技術(shù)支持服務電話:15308000360 【7x24提供運維服務,解決各類系統(tǒng)/軟硬件疑難技術(shù)問題】

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

 



像蘋果網(wǎng)站的單頁面

單個長頁面的設計一度不受人待見(無論是客戶還是設計師),但現(xiàn)在整個網(wǎng)絡隨處可見。一個合理的解釋是,用戶現(xiàn)在早已習慣于使用鼠標滾輪了,比起在多個頁面間來回查看,用滾輪上下瀏覽要省事得多。包括蘋果在內(nèi)的一些知名大公司也使用了相當長的頁面來展示產(chǎn)品,獲得了很不錯的效果。


Apple



Visualboxsite


Versapay


Fitbit


Cageapp

 
Squarespace


用品牌、商品照片做背景

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


Alexarts


Davidia


色塊方格設計

這一設計方法主要是引入了方塊的網(wǎng)格設計,這些方塊要嘛是純色塊配上文字,要嘛是方形照片配上文字。"簡潔"是吸引用戶的一大原因,而不同的色塊放在一起形成強烈的對比,容易引起用戶的視覺興趣,進而繼續(xù)探索下去。


Dynamit


Lithium


Landor


Pepsi



超大號的圖片

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


Zennaware


Panic

 
Versionsapp


Piictu


Enstore

聚焦簡潔

對簡潔的追求貫穿了整個2012年,許多的網(wǎng)站開始尋求明快、直觀的設計。極簡設計旨在透過整合或是刪除多余的頁面實現(xiàn)簡化,只給用戶需要的東西。極簡設計通常會用到大號的加粗字體、超大號的圖片,清晰地把重要的東西傳達出來。


Basecamp



Dropbox


 
Checkoutapp



HTC



響應式設計(Responsive web design)

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


Nealite


Twitter-Github


Fork-cms


Floridahospital



視差滾動

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



Benthebodyguard



Tokiolab



Chartbeat

 
Inze


 
Titanic


 
Noleath



強調(diào)字體

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


Nicehair

 
Bitfoundry

  
Daneden


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



上一篇:APP模糊背景設計的優(yōu)雅
下一篇:20個細微的動態(tài)背景在網(wǎng)頁設計中運用實例

相關(guān)熱詞搜索:網(wǎng)頁設計