首頁 > 全美商學院 > 行業新聞

成都網頁設計從優秀到卓越的6個細節

發布時間：2017-06-30 09:20:13

作者：成都網站設計

作者：日期：2016/7/27 13:09:08

　　中文原文：網頁設計從優秀到卓越的6個細節

　　英文原文：6 Ways To Take Your Webdesign From Good To Great

　　內容摘要

　　1、合理使用漸變

　　2、留白

　　3、網格布局

　　4、提高字體應用

　　5、明確而有效的導航

　　6、設計漂亮、有用的頁腳

介紹

　　優秀設計和卓越設計之間的區別是比較小的。一般人可能無法解釋說明卓越的設計的具體差別，但他們可以找到自己喜歡的網頁設計作品。通過對照一下幾個優秀作品，我總結了一下作為卓越設計的幾個細節差別。

　　前不久，我寫過一篇卓越網站應該遵循的4個設計原則。現在這篇文章有點像是上一篇文章的延續。在上一篇文章里面我們重點討論了對比、重復、對齊、分割在網頁中的應用。以下內容我以幾個優秀的網頁作品作為實例，來說明卓越設計一直遵循的原則！

　　一、合理使用漸變

　　漸變不要濫用，更不要把漸變弄的跟彩虹似的，否則你的網頁作品看起來比較外行。總而言之，合理的使用漸變對于優秀網站設計是有幫助的。

　　漸變、散景結合使用

　　Newism網站色彩豐富，但微妙的漸變與背景在視覺上結合的很到位。如果你也有興趣在photoshop里面做這個散景效果，可以去Abduzeedo’s tutorial網站上面學習一下。

　　漸變、投影、紋理結合使用。OnWired網站應用了這些設計技巧，顯而易見，他的設計作品效果是很棒的！自始自終OnWired網站設計在應用漸變、投影、質感這方面是恰到好處的。我也特別喜歡設計師設計的這些。二、留白留白一詞往往容易被誤解從字面解釋的空白。網頁設計較為準確的描述則是網頁各個板塊元素之間的空間范圍。進一步分析看看A List Apart是如何定義它的。

“留白”對于網頁設計是很重要的，留白不至于讓你頁面元素都堆積在一起。對于年輕設計師來說留白可能是一個大問題，他們在做設計的時候將整個頁面放的滿滿的，沒有給頁面足夠的“呼吸空間”。這對于他們來說可能不是什么問題，如果內容放不下的話，他們可以借助瀏覽器的滾條來擴大頁面的空間。優秀的留白與巧妙的分割線Snook網站布局方面設計的是比較合理、舒服的。同時注意一下，網站里面的虛線將各個板塊區分開了，這樣我們在瀏覽網站的時候就一目了然了。

　　抽象圖形

　　沙發采用抽象、美觀、簡約的方法。通過使用無背景或雜亂的圖像，給瀏覽者的空間是流暢、舒服的。

　　三、網格布局

　　網頁設計的網格布局初的靈感是借鑒了報紙的排版。但是如果你仔細觀察周圍的事物都可以找到網格現象，從好的設計到生活中的交通網。

　　960和藍圖可能是兩個流行的網格布局。我個人比較喜歡960網格布局，它簡單、重點突出。你可以用任意對齊方式來安排你網站的元素，對齊在設計一個復雜的頁面時，能使你的網站看起來比較精致、井然有序，并且你在網頁布局里面添加任何模塊內容時候都不用考慮其他的模塊內容。

　　綜合使用網格布局

　　Poccuo網站綜合使用了網格布局，它采用3列和5列相結合的布局方式。給人以視覺吸引力和視覺空間。

　　博客采用列布局

　　我比較喜歡Web Design Ledger首頁上面的展現方式，他把新的公告內容放大同時放到頁面頂部，其他的以3列的方式排列。

　　大量使用相等的列布局

　　Ecoki漂亮的網頁布局顯而易見采用的是4列、2行布局，同時幻燈片、縮略圖、新的審查也是采用相同的方式。

　　四、改善字體應用