優(yōu)秀設計和杰出設計之間的區(qū)別是比擬小的。普通人可能無法解釋闡明杰出的設計的詳細差異,但他們能夠找到本人喜歡的網頁設計作品。經過對照一下幾個 優(yōu)秀作品,我總結了一下作為杰出設計的幾個細節(jié)差異。
一、合理運用突變
突變不要濫用,更不要把突變弄的跟彩虹似的,否則你的網頁作品看起來比擬外行?偠灾,合理的運用突變關于優(yōu)秀網站設計是有協(xié)助的。
突變、散景分離運用
Newism網站顏色豐厚,但奇妙的突變與背景在視覺上分離的很到位。假如你也有興味在photoshop里面做這個散景效果,能夠去Abduzeedo’s tutorial網站上面學習一下。
突變、投影、紋理分離運用。
OnWired網站應用了這些設計技巧,顯而易見,他的設計作品效果是很棒的!自始自終OnWired網站設計在應用突變、投影、質感這方面是恰如其分 的。我也特別喜歡設計師設計的這些。
二、留白
留白一詞常常容易被誤解從字面解釋的空白。網頁設計較為精確的描繪則是網頁各個板塊元素之間的空間范圍。進一步剖析看看A List Apart是如何定義它 的。
“留白”關于
網頁設計是很重要的,留白不至于讓你頁面元素都堆積在一同。關于年輕設計師來說留白可能是一個大問題,他們在做設計的時分將整個頁面放的滿滿 的,沒有給頁面足夠的“呼吸空間”。這關于他們來說可能不是什么問題,假如內容放不下的話,他們能夠借助閱讀器的滾條來擴展頁面的空間。
優(yōu)秀的留白與巧妙的分割線
Snook網站規(guī)劃方面設 計的是比擬合理、舒適的。同時留意一下,網站里面的虛線將各個板塊辨別開了,這樣我們在閱讀網站的時分就了如指掌了。
籠統(tǒng)圖形
沙發(fā)采用籠統(tǒng)、美觀、簡約的辦法。經過運用無背景或雜亂的圖像,給閱讀者的空間 是流利、舒適的。
三、網格規(guī)劃
網頁設計的網格規(guī)劃最初的靈感是自創(chuàng)了報紙的排版。但是假如你認真察看四周的事物都能夠找到網格現(xiàn)象,從好的設計到生活中的交通網。
960和藍圖可能是兩個最盛行的網格規(guī)劃。我個人比擬喜歡960網格規(guī)劃,它簡單、重點 突出。你能夠用恣意對齊方式來布置你網站的元素,對齊在設計一個復雜的頁面時,能使你的網站看起來比擬精致、有條有理,并且你在網頁規(guī)劃里 面添加任何模塊內容時分都不用思索其他的模塊內容。
綜合運用網格規(guī)劃
Poccuo網站綜合運用了網格規(guī)劃,它 采用3列和5列相分離的規(guī)劃方式。給人以視覺吸收力和視覺空間。
博客采用列規(guī)劃
我比擬喜歡Web Design Ledger首頁最上面的展示方式,他把最新的公告內容放大同時放到頁面最頂部,其他的以3列的方式排列。
大量運用相等的列規(guī)劃
Ecoki漂亮的網頁規(guī)劃顯而易見采用的是4列、2行規(guī)劃,同時幻燈片、縮略圖、最新的審 查也是采用相同的方式。
四、改善字體應用
字體應用攪擾著大多數(shù)的設計師。假如要想進步你的設計程度,字體在其中扮演著重要的角色。不但在可讀性方面也扮演著重要的角色,同時還能夠增加設計作品的 氣氛。
用比照字體惹起關注
SimpleBits網站在應用各種比照 字體引導閱讀者的留意力方面做的很棒。字體比照能夠采取不同字體比照、各種顏色比照、字體大小比照等方式。
不要以為字體就像標志
這個網站看齊來就十分的漂亮、舒適,但你能夠說出你的想法和感受來描繪這個覺得。特別在間距、字體選擇等字體應用這方面做的挺圓滿的,我就被他的logo 字體應用迷住了。
五、明白而有效的導航
良好的導航關于網頁設計來說很重要,假如閱讀者不能快速、便利的找到它,他們就很有可能去別的網站了。這是我們所不愿意看到的,同時我曉得 MyInkBlog停止了一些改良,并將在以后重新設計中停止徹底的改良。
博客導航下面顯現(xiàn)分類導航
在大多數(shù)狀況下,博客導航放在頁面的同時將分類作為第二導航放在頁面的邊欄。Tutorial9做 了一件了不起的事情,他把閱讀者關懷的photoshop資源以生動的方式展示出來了,并且在鼠標經過二級導航的時分有一個高亮效果。
切換不同的圖標效果
圖標切換效果在web2.0網頁設計里面無論能否需求被大量、胡亂的應用,并且成為一種趨向。并不是一切的都是不好的,web2.0里用的不好的緣由是過 度運用、業(yè)余運用形成的。在大多數(shù)狀況下,恰當?shù)膽脠D標切換按鈕是相當有效的。Carsonified網站在導航上就運用了單色、簡約的圖標切換效果, 并且于他的網站整體覺得想吻合。
六、運用漂亮適用的頁腳
一開端我們就將頁腳作為次要的內容,在頁腳里面放置一些沒有多大用途的內容。在設計的時分僅僅破費一點點心機在它上面。如今頁腳關于整體設計來說變的越來 越重要了,千萬別錯過好的頁腳完成你設計。