這是一個不受形式拘束自由發(fā)揮的網(wǎng)站建設(shè)設(shè)計,更初尋找創(chuàng)作的靈感的階段更折磨人。一般這個時候,我會看看網(wǎng)站、聽聽歌,一個人靜靜地期待火花閃過的那一剎那,然后捕捉住它。
面對著空白的工作區(qū),我習(xí)慣馬上添加點什么,即使是亂畫也好,我覺得由小到大,從細節(jié)到宏觀也是個設(shè)計的好辦法,特別是在這個宏觀無跡可循的情況下。如果要做傳統(tǒng)的三欄式的頁面,那就是宏觀已經(jīng)定好了,頁面的亮點應(yīng)該就是對于細節(jié)的描畫了。我把背景改成比較深點的灰色,再拉出兩條輔助線夾出760px的主頁面區(qū)域,并且填充了白色。其實這個作品右上角的幾個按鈕是我在之前在其他設(shè)計中制作好的。我很早的把它添加到這個設(shè)計中,就是想讓這個既成的細節(jié)元素帶動我整個的設(shè)計過程。事實證明,它的加入,確實比一片空白更加能帶動我的思維。所以我想現(xiàn)在平面設(shè)計中流行的箭頭,小十字,六邊形等元素的意義應(yīng)該不止于裝飾而已!
在不斷的亂畫的過程中,終于誕生了前幾個我比較滿意的版本。在顏色的選擇上,我不敢做大膽的嘗試:對于這種企業(yè)類的網(wǎng)站,應(yīng)該是藍色會比較順眼。而在藍色的選擇上,我考慮到灰色區(qū)域的存在,于是參考了RealOne Player的配色。這種配色比較亮,搭上我的深灰色背景,應(yīng)該會是不錯的選擇。其實顏色應(yīng)該算是我的弱項之一,到目前為止,在這種情況下,借鑒好的配色方案既是解決之道也是一種學(xué)習(xí)方法。 (圖片均可點擊放大 )
中間的那幅圖片顏色不是很順眼,在上面加了一個藍色圖層,改圖層混合模式為Color。這是個比較方便的方法,不喜歡可以很快的改回來。當(dāng)然也可以用調(diào)整圖層,不過個人覺得不是很容易調(diào)節(jié)。再把那些比較刺眼的橙色改掉,這樣頁面又不夠生動,沒有了焦點。于是又添上了橙色的“FC”,并制作了投影。整體看上去已經(jīng)比較豐富了。這個階段一個不斷嘗試的過程,主要原則是豐富視覺。比較忌諱的是細節(jié)搶走了視覺的焦點,所以要時刻記住應(yīng)該突出什么部分。
再經(jīng)過更后的修改,作品已基本成型。
把PS設(shè)計稿轉(zhuǎn)成網(wǎng)頁,再看一看,整體還缺乏一些動感,加上一個Flash是個不錯的選擇。這里我用了透明背景的Flash,因為那個部分的背景和之下的背景是一體的,這樣可以免去要對齊背景帶來的麻煩。
至此,這個作品算是完成了,這里可以看完整的頁面。
對于這種“自由發(fā)揮”的網(wǎng)站建設(shè)設(shè)計,我傾向于從小處搜尋靈感,進而設(shè)計出整體,更后再進行小處刻畫。這個時候,更初的細節(jié)如果不合整體,完全可以棄之不用,這就是我的設(shè)計主線,希望大家能從我的這篇文章里收獲一些東西。
網(wǎng)站建設(shè)細節(jié)剖析,與大家多多交流。
查看更多寧波網(wǎng)站制作網(wǎng)站建設(shè)細節(jié)