向細節挖掘靈感:網站設計剖析 
 
2002-08-06· ·kYoji··視覺中國

 
1 2  下一頁

　　這是一個不受形式拘束自由發揮的設計，最初尋找創作的靈感的階段最折磨人。一般這個時候，我會看看網站、聽聽歌，一個人靜靜地期待火花閃過的那一剎那，然后捕捉住它。 

　　面對著空白的工作區，我習慣馬上添加點什么，即使是亂畫也好，我覺得由小到大，從細節到宏觀也是個設計的好辦法，特別是在這個宏觀無跡可循的情況下。如果要做傳統的三欄式的頁面，那就是宏觀已經定好了，頁面的亮點應該就是對于細節的描畫了。我把背景改成比較深點的灰色，再拉出兩條輔助線夾出760px的主頁面區域，并且填充了白色。其實這個作品右上角的幾個按鈕是我在之前在其他設計中制作好的。我很早的把它添加到這個設計中，就是想讓這個既成的細節元素帶動我整個的設計過程。事實證明，它的加入，確實比一片空白更加能帶動我的思維。所以我想現在平面設計中流行的箭頭，小十字，六邊形等元素的意義應該不止于裝飾而已！ 

　　在不斷的亂畫的過程中，終于誕生了第一個我比較滿意的版本。在顏色的選擇上，我不敢做大膽的嘗試：對于這種企業類的網站，應該是藍色會比較順眼。而在藍色的選擇上，我考慮到灰色區域的存在，于是參考了RealOne Player的配色。這種配色比較亮，搭上我的深灰色背景，應該會是不錯的選擇。其實顏色應該算是我的弱項之一，到目前為止，在這種情況下，借鑒好的配色方案既是解決之道也是一種學習方法。 （圖片均可點擊放大 ）  


向細節挖掘靈感:網站設計剖析 
 
2002-08-06· ·kYoji··視覺中國

 
上一頁  1 2  

　　中間的那幅圖片顏色不是很順眼，在上面加了一個藍色圖層，改圖層混合模式為Color。這是個比較方便的方法，不喜歡可以很快的改回來。當然也可以用調整圖層，不過個人覺得不是很容易調節。再把那些比較刺眼的橙色改掉，這樣頁面又不夠生動，沒有了焦點。于是又添上了橙色的“FC”，并制作了投影。整體看上去已經比較豐富了。這個階段一個不斷嘗試的過程，主要原則是豐富視覺。比較忌諱的是細節搶走了視覺的焦點，所以要時刻記住應該突出什么部分。 

 

　　再經過最后的修改，作品已基本成型。 



　　把PS設計稿轉成網頁，再看一看，整體還缺乏一些動感，加上一個Flash是個不錯的選擇。這里我用了透明背景的Flash，因為那個部分的背景和之下的背景是一體的，這樣可以免去要對齊背景帶來的麻煩。 

　　至此，這個作品算是完成了，這里可以看完整的頁面。 

　　對于這種“自由發揮”的設計，我傾向于從小處搜尋靈感，進而設計出整體，最后再進行小處刻畫。這個時候，最初的細節如果不合整體，完全可以棄之不用，這就是我的設計主線，希望大家能從我的這篇文章里收獲一些東西。