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