close

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

http://webdesign.zoapcon.com

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

內容摘要
1、合理使用漸變
2、留白
3、網格布局
4、提高字體應用
5、明確而有效的導航
6、設計漂亮、有用的頁腳

介紹
優秀設計和卓越設計之間的區別是比較小的。一般人可能無法解釋說明卓越的設計的具體差別,但他們可以找到自己喜歡的網頁設計作品。通過對照一下幾個優秀作品,我總結了一下作為卓越設計的幾個細節差別。
前不久,我寫過一篇卓越網站應該遵循的4個設計原則。現在這篇文章有點像是上一篇文章的延續。在上一篇文章里面我們重點討論了對比、重復、對齊、分割在網頁中的應用。以下內容我以幾個優秀的網頁作品作為實例,來說明卓越設計一直遵循的原則!

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

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

 

漸變、投影、紋理結合使用。
OnWired網站應用了這些設計技巧,顯而易見,他的設計作品效果是很棒的!自始自終OnWired網站設計在應用漸變、投影、質感這方面是恰到好處的。我也特別喜歡設計師設計的這些。

 

二、留白
留白一詞往往容易被誤解從字面解釋的空白。網頁設計較為準確的描述則是網頁各個板塊元素之間的空間范圍。進一步分析看看A List Apart是如何定義它的。
“留白”對于網頁設計是很重要的,留白不至于讓你頁面元素都堆積在一起。對于年輕設計師來說留白可能是一個大問題,他們在做設計的時候將整個頁面放的滿滿的,沒有給頁面足夠的“呼吸空間”。這對于他們來說可能不是什么問題,如果內容放不下的話,他們可以借助瀏覽器的滾條來擴大頁面的空間。

優秀的留白與巧妙的分割線
Snook網站布局方面設計的是比較合理、舒服的。同時注意一下,網站里面的虛線將各個板塊區分開了,這樣我們在瀏覽網站的時候就一目了然了。

 


文章標籤
網頁設計 web design
全站熱搜
創作者介紹
創作者 inspirr 的頭像
inspirr

inspirr

inspirr 發表在 痞客邦 留言(0) 人氣()