這是一個(gè)不受形式拘束自由發(fā)揮的設(shè)計(jì)，最初尋找創(chuàng)作的靈感的階段最折磨人。一般這個(gè)時(shí)候，我會看看網(wǎng)站、聽聽歌，一個(gè)人靜靜地期待火花閃過的那一剎那，然后捕捉住它。 　　轉(zhuǎn)自：奈薇建站網(wǎng)（www.nev.cn）

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

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

　　向細(xì)節(jié)挖掘靈感:網(wǎng)站設(shè)計(jì)剖析

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

　　再經(jīng)過最后的修改，作品已基本成型。

　　把PS設(shè)計(jì)稿轉(zhuǎn)成網(wǎng)頁，再看一看，整體還缺乏一些動感，加上一個(gè)Flash是個(gè)不錯(cuò)的選擇。這里我用了透明背景的Flash，因?yàn)槟莻€(gè)部分的背景和之下的背景是一體的，這樣可以免去要對齊背景帶來的麻煩。

　　至此，這個(gè)作品算是完成了，這里可以看完整的頁面。
　　轉(zhuǎn)自：奈薇建站網(wǎng)（www.nev.cn）
　　對于這種“自由發(fā)揮”的設(shè)計(jì)，我傾向于從小處搜尋靈感，進(jìn)而設(shè)計(jì)出整體，最后再進(jìn)行小處刻畫。這個(gè)時(shí)候，最初的細(xì)節(jié)如果不合整體，完全可以棄之不用，這就是我的設(shè)計(jì)主線，希望大家能從我的這篇文章里收獲一些東西。