本文節(jié)選自――《Web Designer Idea ――設(shè)計師談網(wǎng)頁設(shè)計思維》一書，未經(jīng)許可，請勿轉(zhuǎn)載！

在格局版式一節(jié)中，Relen介紹了大量可參考的樣式，也分析了基礎(chǔ)結(jié)構(gòu)及融合創(chuàng)新。在本節(jié)中，我們還會繼續(xù)學(xué)習(xí)一些較為實用的思考問題的方法和創(chuàng)作手法。 

參照物－固定與變化 

我們常會遇到一些擁有特定要求的設(shè)計單。

例如，必須在頁面的某個固定位置保留某種信息。又或者是需要繼承由上一版延續(xù)下來的，如導(dǎo)航設(shè)計、版式設(shè)計的某些創(chuàng)作特征等。若是一些具有美感的特征需要保留或繼承，這會讓接下來的工作好做的多。若不是，那將給你的再一次創(chuàng)作帶來不小的障礙，甚至讓那些頗有經(jīng)驗的設(shè)計師們都會為此頭疼不已。試想，誰愿意為那些有缺陷的思路圈圈轉(zhuǎn)呢？

看一個實例：下圖是熱電公司的內(nèi)部用軟件界面，我們可以看到頁面的設(shè)計是參考了網(wǎng)頁界面的形式。由于公司的機器大多從小屏幕換成了大屏幕的，所以需要把原本800像素的界面改為1024像素的。

改版前：

由于此次不更改軟件程序，再和軟件師溝通后得知，頁面可以分成五塊區(qū)域，只要每塊區(qū)域的內(nèi)容不變，就不影響到程序連接。也就是說，重新設(shè)計的前提是：所有頁面元素的位置不能更改。

先來分析一下這個頁面。畫面十分枯燥、用色不講究。格局設(shè)計不合理，頁面信息零散分布，畫面沒有統(tǒng)一的視覺外觀，也缺乏情感表達(dá)，更談不上營造氣氛和突出氣質(zhì)了。

既然如此，我們恐怕要解決一些列的問題：

1，  讓畫面上的元素有機的統(tǒng)一起來，減少空白的區(qū)域。

解決方法：最為零散的莫屬區(qū)域5的那些圖標(biāo)。除了放大區(qū)域5的圖標(biāo)外，則是為它們增加一個統(tǒng)一的背景色。為什么？從視覺心理上講，不論在同一個色塊上放置多少個零散的物體，由背景色塊的邊界所形成的區(qū)域都會被認(rèn)為是同一物體。由此以來，區(qū)域5的圖標(biāo)被整合。

2，從色彩上改變畫面的氣氛。

解決方法：一方面盡可能準(zhǔn)確的表達(dá)企業(yè)的內(nèi)涵，另一個方面，體會每天都會看到這個頁面的人的心情，盡量提供一些開闊的，飽滿而富有變化的色彩。

Relen選擇了暖紅為主色，藍(lán)色為補色。注意，補色不是輔色，而是作為均衡力量的第二種顏色。為什么？暖紅熱情有干勁，不僅符合這個行業(yè)的特征，也給每天閱覽這個頁面的員工一些朝氣。紅色很容易注入記憶，給人們留下深刻印象，但僅有紅色是不夠的，因為紅色容易浮躁，用多了會讓人厭煩，便會適得其反。這時藍(lán)色就有了平衡力量，藍(lán)色是代表科技和現(xiàn)代化的，從這個角度符合了“領(lǐng)導(dǎo)”的喜好。其次藍(lán)色是一種繼承，并讓人們保持冷靜，從這個角度上非常適合長期做在辦公室的人。重點是，Relen選擇的藍(lán)色并非是前版中僵硬的紫藍(lán)，而是一種天空的藍(lán)。

有人問，那灰色的作用呢？灰色甚至比紅色和藍(lán)色的面積都大阿？灰色才是輔助色，它的作用是增加節(jié)奏感、文化厚度，以及品質(zhì)。過淡的灰色本身沒有具體的色彩情感，可當(dāng)它作為輔助色時，往往能夠提高畫面的精致度、品位，使作品看起來更加別致而有思想。而灰色也不是隨便鋪的，Relen用斜線鋪色，這會添加一些細(xì)節(jié)的魅力。

最后，為了讓畫面增加少許變化和活潑的氣氛，在區(qū)域4的信箱欄跳換幾個淡雅的顏色。從整體角度看，它們起不了什么大作用，細(xì)致看時，卻可感受到一些微妙的情感變化。每天收信的員工們會體會到的。

3，從插圖上提供知性、感性的各種情感。