內(nèi)容摘要
1、合理使用漸變
2、留白
3、網(wǎng)格布局
4、提高字體應(yīng)用
5、明確而有效的導(dǎo)航
6、設(shè)計漂亮、有用的頁腳
介紹
優(yōu)秀設(shè)計和卓越設(shè)計之間的區(qū)別是比較小的。一般人可能無法解釋說明卓越的設(shè)計的具體差別,但他們可以找到自己喜歡的網(wǎng)頁設(shè)計作品。通過對照一下幾個優(yōu)秀作品,我總結(jié)了一下作為卓越設(shè)計的幾個細節(jié)差別。
前不久,我寫過一篇卓越網(wǎng)站應(yīng)該遵循的4個設(shè)計原則。現(xiàn)在這篇文章有點像是上一篇文章的延續(xù)。在上一篇文章里面我們重點討論了對比、重復(fù)、對齊、分割在網(wǎng)頁中的應(yīng)用。以下內(nèi)容我以幾個優(yōu)秀的網(wǎng)頁作品作為實例,來說明卓越設(shè)計一直遵循的原則!
一、合理使用漸變
漸變不要濫用,更不要把漸變弄的跟彩虹似的,否則你的網(wǎng)頁作品看起來比較外行??偠灾侠淼氖褂脻u變對于優(yōu)秀網(wǎng)站設(shè)計是有幫助的。
漸變、散景結(jié)合使用
Newism網(wǎng)站色彩豐富,但微妙的漸變與背景在視覺上結(jié)合的很到位。如果你也有興趣在photoshop里面做這個散景效果,可以去Abduzeedo’s tutorial網(wǎng)站上面學(xué)習一下。
漸變、投影、紋理結(jié)合使用。
OnWired網(wǎng)站應(yīng)用了這些設(shè)計技巧,顯而易見,他的設(shè)計作品效果是很棒的!自始自終OnWired網(wǎng)站設(shè)計在應(yīng)用漸變、投影、質(zhì)感這方面是恰到好處的。我也特別喜歡設(shè)計師設(shè)計的這些。
二、留白
留白一詞往往容易被誤解從字面解釋的空白。網(wǎng)頁設(shè)計較為準確的描述則是網(wǎng)頁各個板塊元素之間的空間范圍。進一步分析看看A List Apart是如何定義它的。
“留白”對于網(wǎng)頁設(shè)計是很重要的,留白不至于讓你頁面元素都堆積在一起。對于年輕設(shè)計師來說留白可能是一個大問題,他們在做設(shè)計的時候?qū)⒄麄€頁面放的滿滿的,沒有給頁面足夠的“呼吸空間”。這對于他們來說可能不是什么問題,如果內(nèi)容放不下的話,他們可以借助瀏覽器的滾條來擴大頁面的空間。
優(yōu)秀的留白與巧妙的分割線
Snook網(wǎng)站布局方面設(shè)計的是比較合理、舒服的。同時注意一下,網(wǎng)站里面的虛線將各個板塊區(qū)分開了,這樣我們在瀏覽網(wǎng)站的時候就一目了然了。
0
喜歡他,就推薦他上首頁吧^_^
0371-86068866
4008887269
cndesign@163.com
CND設(shè)計網(wǎng)(CNDESIGN)會員所發(fā)布展示的 “原創(chuàng)作品/文章” 版權(quán)歸原作者所有,任何商業(yè)用途均需聯(lián)系作者。如未經(jīng)授權(quán)用作他處,作者將保留追究侵權(quán)者法律責任的權(quán)利。
Copyright ©2006-2019 CND設(shè)計網(wǎng)