許多相關的平面設計都能做得很好，一旦要交出網站的網站設計稿卻屢屢被打槍，難道是自己與公司的風格不符合，還是自己的能力不足呢？設計是天馬行空的東西，許多設計稿呈現的效果非常棒，但因為不了解html、CSS，相對的也不知道有些設計是沒辦法用程式寫出來或完整呈現，運用在網站上的效果就沒有設計稿般的精美。

製作網頁平面稿時，千萬不能以製作平面設計的思維去著手設計，雖然同為視覺傳達，還是要了解什麼樣的設計才能運用在網站上。

1.色彩呈現

很多平面設計大多都是依賴印刷，也有許多需印製的誠品，所以在做圖上都會使用CMYK的色彩模式較多，但網頁的顯像是需要使用RGB的色彩模式。

平面設計成品都會透過印刷來校色，製作者螢幕也需要透過校色才能呈現客戶所想要的色彩，但網頁的色彩都會根據每個人的3C產品螢幕有無加藍光、亮度、彩度等受到影響。

2.字體使用

平面設計上較天馬行空，只要在不影響畫面的美觀上都會自由去加載字體使用，以此增加視覺的華麗感，但網站平面設計卻恰恰相反。

網站製作時都是採用系統的字體，並不會為了網站幾個字去下載字體來套用，如設計稿上使用的是非系統字體，製作網站時為了配合設計稿也使用同款字體，那麼當其它訪客造訪網站時，因為沒有加載安裝此字體，原本華麗搭配好的網站，在他們的眼裡看到的只是普通的系統字體，並破壞了原本的美觀。

3.視覺呈現

平面設計的視覺呈現較活潑，而網頁設計的視覺呈現會較死一些，因為平面設計需要在靜態的狀態下吸引眾人眼光，也會較倚賴印刷工藝，使用不同的材質媒介以呈現視覺。

而網頁設計可以透過Html和CSS將平面的部分加上動態元素，所以在設計稿上就不需要增加太多華麗的造型，只需要與工程師討論呈現的動態視覺呈現即可，因此在設計上會較弱一些。

4.尺寸問題

網站會依照螢幕的尺寸呈現不同的大小，所以設計稿的圖片上如果有文字的話，要注意在手機螢幕上是不是能得看清楚。除了圖片上有的文字外，內文文字排版、長寬比例也需要考量在電腦或3C產品的呈現樣貌。但平面設計就只要注意印刷成品的尺寸就好了。

5.重點呈現

雖然網頁設計會是訪客決定要不要停留網站的主要因素，但企業的相關資料還是訪客最想關心的部分，因此過多的花俏色彩、背景圖反而會讓網站的重點搞混，應該在資料與設計中取捨其中一項突出，而不是要兩項突出。

相反的，平面設計注重的是包裝或海報等呈現的設計感，而不是密密麻麻的文字，只需要突出設計本身就好了。

網頁無法媲美平面強調設計的部分，並不是完全捨去設計部分，只是在設計方面會有較多的約束。不過網頁設計使用的技術層面並不會比平面設計還少，如繪圖軟體應用、多媒體技術、運用排版等，需要將美感和平面設計相輔相成，才有可能製作出一個好的網頁。

透過以上是否能讓平面設計轉戰網頁設計的朋友更懂得設計出好的設計稿了嗎？同時也希望能讓有計畫製作官網的企業了解網站設計上的種種限制。如有任何問題歡迎來電撥打：07-285-0163 或LINE：@dahe-idea，我們皆會派專人替您服務哦。

大禾電子商務