制作和設(shè)計是兩個檔次兩個不同的工種，這已經(jīng)被業(yè)界所認(rèn)同。然而幾乎每一個平面設(shè)計師都會被自己所處的領(lǐng)域禁錮，做化妝品的、做家用電器的、做房地產(chǎn)的，設(shè)計思維無不為日常工作所限制，久而久之，很容易喪失掉設(shè)計師最珍貴的思維自由馳騁能力。本期獨家專稿，希望對各位搞平面設(shè)計的朋友有所幫助。

　

    （插圖1：Gary Yang的個人主頁：Viewpoint (個人觀點) http://garyspage.yeah.net）

一、小心使用顏色

    平面設(shè)計師力求為客戶設(shè)計美倫美奐的印刷品，如果沒有嚴(yán)格的預(yù)算限制，都會使用豐富的色彩，甚至還使用了金銀的專色。但是這種習(xí)慣并不適用于Web設(shè)計。Web設(shè)計中的顏色規(guī)范是216色，這來源于Windows系統(tǒng)和Macintosh系統(tǒng)各自色盤的公共部分，超出這216鐘顏色的Web設(shè)計很容易在一些訪問者屏幕上變成一種難以預(yù)料的顏色，所以這216色被稱為Web安全色盤。從另外一個角度講，降低顏色數(shù)，圖象文件的字節(jié)數(shù)會明顯減小，這樣更合適在帶寬有限的Web上傳送。在多媒體光盤設(shè)計中，雖然光盤的數(shù)據(jù)傳送比Web快多了，設(shè)計師也偏愛使用216或者256色盤以多媒體節(jié)目的流暢播放。如果你是在Macintosh上進(jìn)行Web創(chuàng)作，那一定要使用Web安全色盤了，因為大多數(shù)人將會在Windows平臺上觀看你的作品。好在現(xiàn)在大多數(shù)的創(chuàng)作工具，象Adobe Photoshop\Illustrator、Macromedia Freehand\Fireworks\Dreamweaver等等，都為設(shè)計師準(zhǔn)備好了216 Web安全色盤，設(shè)計師不必為此浪費時間了。

    （插圖2：Dreamweaver提供了216安全色盤）

二、字體表現(xiàn)的問題

    字體是設(shè)計中的重要元素，有些設(shè)計中甚至是首要的設(shè)計元素，有些平面設(shè)計師偏愛使用字體進(jìn)行設(shè)計。但是在Web設(shè)計中字體的選擇范圍卻相當(dāng)?shù)男�，你無法知道客戶上網(wǎng)瀏覽的電腦上是否也裝上了你使用的漂亮但是少見的字體，如果沒有，你別出心裁的設(shè)計只能自己欣賞。為了達(dá)到目的，有些設(shè)計師將字體象素化做成圖片，但是這樣不適用于大段的文字，標(biāo)題還可以，而且這將明顯減慢Web頁被下載觀看的速度。這個矛盾在Flash出現(xiàn)之后得到很好的解決，設(shè)計師可以使用自己喜歡的字體設(shè)計，然后打散成矢量圖形。畢竟，矢量圖形比象素圖的字節(jié)數(shù)小多了。但是在Flash中大量使用打散文字后的矢量圖仍然會使文件字節(jié)數(shù)增加，同時值得注意的是，矢量圖的重現(xiàn)是依靠電腦CPU計算的，過于復(fù)雜的矢量圖形重現(xiàn)速度會很慢，這是設(shè)計師所不想見到的情形。總之，建議不要在創(chuàng)建Web頁面時，對于段落文字的字體花太多心思了，沒有太多的選擇，經(jīng)驗表明大多數(shù)電腦都安裝了這樣一些字體：（中文）宋體、黑體，（英文）Arial，Verdana，Times。此外，中文9Pt的宋體字是現(xiàn)在Web頁上段落文字的一個標(biāo)準(zhǔn)。

三、了解Web圖形

    目前流行在Web上的圖形格式非常有限，除了JPEG、Gif和新興的Swf（Flash的格式）之外沒有太多的選擇。雖然有JPEG2000、PNG、SVG等等圖形格式，技術(shù)特性令人叫好，但是要等它們流行起來還不是一天兩天的事。了解圖形格式的特性對Web設(shè)計師是必須的，它直接決定設(shè)計作品的特征。熟悉位圖（Bitmap）和矢量圖（Vector）的各種格式是設(shè)計師的基本功，這里不再展開說明這些圖形格式的特性，市面上介紹這方面的資料書籍也非常多。我們也期望新的具有更好的特性的圖形格式能夠流行起來，這樣會給設(shè)計師帶來更大的創(chuàng)作空間。但是，很多經(jīng)驗讓我們知道，市場占有率最大的，往往都不是最好的，我們使用Windows操作系統(tǒng)就是一例。平面設(shè)計師需要注意的是：Web是基于屏幕的媒體，視覺內(nèi)容是以象素（Pixel）為單位的，即便是矢量圖形，它重現(xiàn)的時候依然是在這十幾寸的屏幕上用72dpi或者96dpi展示，顏色如前所說在216顏色范圍內(nèi)，因而要熟悉這些小而精確的圖形�，F(xiàn)在有些Web設(shè)計師喜歡畫精確的象素圖，完全沒有做Blur一類的模糊和抖動，很多細(xì)節(jié)如果改動一個象素則會面目全非，這是Web圖形設(shè)計師追求極端的癖好，不過這也真的形成了一種明顯的風(fēng)格�？傊�，相對于印刷媒體的圖形而言，Web圖形顯得精細(xì)，小巧又有局限性。這點要在不斷的設(shè)計過程中逐漸體會，傳統(tǒng)的平面設(shè)計師要為此調(diào)整自己的習(xí)慣。

四、動態(tài)特性、交互性和多媒體的特性

    1、動畫的特征是Web設(shè)計中的重要元素，這在傳統(tǒng)的平面設(shè)計領(lǐng)域中是沒有的，動畫為Web帶來了美妙豐富的視覺內(nèi)容，值得設(shè)計師去不斷學(xué)習(xí)和探索。在初期的Web設(shè)計中，Gif圖形提供了一些簡單的動畫，雖然使用Java也可以創(chuàng)建不錯動畫，但是作為設(shè)計師，能寫Java語句的人太少了。況且Java運行起來太慢，有時慢得令人難以忍受。不過當(dāng)初程序員們利用編程技巧在Web頁上用Java創(chuàng)建了眩目的動畫時，還是引得設(shè)計師們羨慕不已。作為不熟悉寫代碼的設(shè)計師，他們可能會用Adobe AfterEffects或者M(jìn)acromedia Director創(chuàng)建動畫，但是，畢竟QuickTime的動畫并不很合適低帶寬的Web環(huán)境，用Director創(chuàng)作的難度也不小。所以Flash的出現(xiàn)，設(shè)計師為之歡呼雀躍，設(shè)計師慶幸有了一件好的動畫創(chuàng)作工具，容易使用而且非常適合Web傳送，所以現(xiàn)在到處可以見到Flash的站點。不過Gary Yang堅持認(rèn)為：會使用AfterEffects和Director的人，才稱得上是真正的多媒體藝術(shù)家。

    2、Web頁面的交互性是設(shè)計師和程序員共同關(guān)注的內(nèi)容，一般來講，設(shè)計師主要用DHTML、Javescript、Shockwave（包括Flash）等技術(shù)創(chuàng)建客戶端的交互頁面，程序員通過編寫CGI程序等方式來實現(xiàn)服務(wù)器端驅(qū)動的交互性Web頁面。要做一個好的Web設(shè)計師，這些技術(shù)方面的知識也是應(yīng)該具備的，至少要了解這些技術(shù)實現(xiàn)了什么。Web站點的開發(fā)隊伍中，設(shè)計師要與程序員頻繁的交流意見，對此知之甚少則嚴(yán)重影響開發(fā)的速度和質(zhì)量。

    3、Web飛速發(fā)展過程中出現(xiàn)了很多令人興奮的東西，其中多媒體的特性和虛擬實境的實現(xiàn)是最富吸引力之一的技術(shù)，追隨者日眾。其中流式音視頻（Streaming Audio and Video）有Quicktime、Real、WMF等等，這些技術(shù)豐富了Web上的多媒體特性，隨著網(wǎng)絡(luò)帶寬的改善，應(yīng)用將越來越廣泛。此外，Quicktime 、Metastream 、Cult 3D、IPIX等都在致力與Web虛擬實境（3D物件）的實現(xiàn)，Web的虛擬實境現(xiàn)在已經(jīng)進(jìn)入商業(yè)化應(yīng)用的階段了。所以建議Web設(shè)計師們要不斷學(xué)習(xí)這些新東西，Web上似乎每天都有新東西出現(xiàn)，新的技術(shù)、方法和設(shè)計如雨后春筍，如果置之不理，很快就會感覺自己什么都不會做了。 

    好的Web設(shè)計師要有非常全面的知識和敏銳的感覺，當(dāng)然誰也不敢說他自己是最好的，因為Web領(lǐng)域涵蓋了很多藝術(shù)和技術(shù)的內(nèi)容，而且還在不斷快速地發(fā)展著。所以設(shè)計師隊伍會進(jìn)一步分工，以往一個人一腳踢到底的做法過去了，現(xiàn)在建設(shè)Web站點是許多設(shè)計師共同努力的結(jié)果。這里，我們可以不妨大致這樣為設(shè)計師分工，各個工作雖然可以兼任，但至少這樣分工有利于管理和發(fā)揮各自的專長：

    1、插畫設(shè)計（創(chuàng)建頁面的位圖和矢量圖）；

    2、Web界面設(shè)計（創(chuàng)建Web頁面的風(fēng)格、導(dǎo)航元素，確定瀏覽歷程等）；

    3、Web動畫設(shè)計（創(chuàng)建Shockwave、Flash動畫）；

    4、Web音視頻設(shè)計（創(chuàng)建Quicktime、Real等流媒體內(nèi)容）；

    5、Web虛擬實境設(shè)計（創(chuàng)建VR，包括三維物件模型的制作）

    網(wǎng)站策劃、內(nèi)容編輯以及程序編寫雖然不在設(shè)計（Design）范疇之列，也緊密相關(guān)。很多設(shè)計師對此也非常熟悉，那真是如虎添翼了。

    以上的內(nèi)容你可以對號如座了，哪怕只在一方面出色，也是非常了不起的了。Web世界是充滿夢幻的世界，趕快開始你的夢幻之旅吧！

    在本文快要結(jié)束時，我們再次聯(lián)系到Gary Yang，他向本刊的讀者留下這樣一段饒有趣味的話：

    “設(shè)計有點象烹飪，是一個發(fā)揮創(chuàng)造力的過程。同樣的原料和作料，為什么味道會如此之大？因為這里邊的“變數(shù)”（也就是與結(jié)果相關(guān)的因素）太多，其數(shù)量幾乎是一個超越人類探測的極限的數(shù)字。我們無法知道人有多少思想，以及半分鐘后他又會冒出什么念頭，所以設(shè)計思想和設(shè)計過程的結(jié)果也是一樣的難以推測和枚舉。”

    “我有時會下下圍棋，我知道這19*19的格子里本身并沒有什么玄機(jī)，只是一黑一白交替落子的動作一出現(xiàn)，注定沒有人知道有多少種方案供選擇，這個數(shù)字大得遠(yuǎn)遠(yuǎn)超越人類的計算能力，所以棋手才覺得有意思。設(shè)計也是一樣的情形�！�

    “當(dāng)然，創(chuàng)造歸創(chuàng)造，我們必須依賴一些基本的東西，或者說框架，使用文字、形狀（圖形圖片）、顏色、格式這些基本要素，還得有直覺和靈感�！�

    “設(shè)計的結(jié)果要讓你的客戶滿意，并吸引受眾，這幾乎是設(shè)計師工作中所有幸福和痛苦的根源�！�