link: http://www.sirang.com
http://www.killswitchcollective.com
http://www.shockabsorber.co.uk
http://www.threeoh.com/
圖01
這樣的以色塊搭配的網站可以說是很常見的了,但要做到配著協調,也不是說說那麼簡單的。就象這個站,清爽的淺藍色,加上點灰,配以白底,就很統一。因為是設計類的站,網站的目的是為了展示其設計,所以頁面設計要簡潔以突出裡面的作品,001,如果網站很花哨的話,瀏覽者就未免能夠分清主次。此類風格的設計,還可以運用在商品展示等網站。
類似的網站還有http://www.fountain.nu/
圖05
說起這類網站的配色,就順便提一下,一般來說網站配色不易過多,特別是還未掌握配色技巧的初學者,建議以一種或兩種顏色為主色,近似色或者同純度與明度下的對比色作為輔助色,另外,黑、白、金、銀、灰被稱之為萬能色,這種無色彩系的顏色很百搭,所以不管怎麼配都可以。如所給出的幾組配色,就是運用的這一原理。用這個方法至少可以保證色彩的協調。
圖02
圖03
圖04
2、http://www.fontalicious.com/
圖06
與剛才的清爽不同,現在的顏色就顯得很波譜,大面積的使用黃色,顏色純度又很高,給人強烈的視覺衝擊。可愛的卡通造型以及打破常規排版的菜單,給人留下深刻印象,這種網站很適合做兒童類的網站,日本的很多網站都是採用這種風格,如http://www2.gol.com/users/joya/home.html
圖07
如http://www.designfesta.com/02_en/index.html
圖08
3、http://www.pixelfreak.com/
圖10
以上是個象素網站,整個站由精緻又可愛的象素畫組成,嚴謹但又色彩豐富,值得你去細細玩味。象素網站製作起來一定要有足夠的耐心。如果用一般的方法排出方方正正的布局,可能會覺得有些呆板,但是如果用的是象素做的,就別有一翻情趣。比如這個網站http://homepage3.nifty.com/graphic/
(圖09),是一個德國的網站,德國人的嚴謹一看便知,但是活潑的色彩配上象素畫,卻使原來機械式的排版很有可看性。
圖09
4、是不是只有色彩PL了網站才會好看呢?不一定,設計有很多要素組成的,色彩只是其中的一部分,來看看這個站http://homepage3.nifty.com/graphic/
圖11
一個純黑白的網站,整個站就是當中的一頁,但上面用了黑白的象素動態畫,加上黑白強烈對比,在看這個站的時候,注意力會非常集中的看著主體,因為也只有這個好看,象這種設計,很簡約,現在也是非常流行的。雖然沒有顏色,但只要有可看性強的東西,一樣會吸引人,這個對於製作要求就比較高,要做個好網頁,就不能怕麻煩,因為螢幕是近在咫尺的東西,所以人們會對細節更加挑剔。這就有別于海報廣告等設計,給人瞬時的強烈吸引,而一般人們去網站是會長時間盯著螢幕的,如果頁面的設計經不起推敲,人們看多了,很容易生厭。
再看這個站http://www.faesthetic.com/index2.html
圖12
同樣是一個黑白的網站,但設計也很有可看性,可看性不一定是指象素畫一樣的細緻,細緻也可以是設計形式等等的考究。就象這個站,用細蜜的線條排出的FAETHETIC的字樣,正是用了線面結合,用線的不同排法來表現不同的灰階,而且形式也很有構成感。
這種黑白的網站往往更難設計,因為除掉色彩以後,對你設計的形式等等要求就更高了。
5、在眾多網站中,最受人喜歡的估計就是FLASH網站了。因為幾乎沒有什麼是不能用FLASH表現的,
如http://www.presstube.com/
圖13
當中怪異的圖案不停地變化著,象是流動的現代畫。
再看http://www.frosch-studio.com/
圖14
一種完全不同風格的FLASH網站,蘭色的進站畫面和漂亮,左邊彷彿是成長中的蝌蚪,與青蛙的LOGO主題統一,朦朧的效果給人夢幻一樣的感覺。可見FLASH可以表現各種不同風格的網站,這就要看設計者的創意咯。
不過在做FLASH網站的時候需要注意幾點:
1、切忌檔案過大,效果做得太多,會降慢瀏覽及開啟的速度,很有可能人家還沒看到網站就沒有耐心了。
2、不要為了做特效而做特效,FLASH做多了,往往會陷入盲目追求視覺效果的陷阱,有時候覺得一個效果好看就加上去了,結果越加越多,整個站到最後都失去了主次關係,所看到的就只有效果,這就好比是一篇辭藻華麗卻內容空洞的作文,好象是在炫耀自己做FLASH的能力,但毫無設計可言,所以盡量不要去做這種吃力不討好的事情。其實我們所看到的很多所謂的酷站,在國外的一些設計網站卻被評為糟糕的站,因為評判的標準是看網站最後所達到的效果,整體而言的,而不是單看某個細節。
表徵圖