網頁/網站製作的窘境

活動網站很常遇到廣告公司(客戶)直接請內部平面設計師編排網頁版面，結果造就很多意想不到的問題，例如字體過大或過小，圖片、背景沒有延伸機會，疊太多圖層、陰影、圖層濾鏡效果等....
真的就是考驗切版人員的解題能力，有時候看到稿件時，真的都哭笑不得....
網頁設計其實跟平面設計師要注意的細節完全不同

以下簡單列舉網頁設計人員和平面設計人員差異的部份

也因為上述這原因，只要是廣告公司要自己排版的，我們都會要求在給客戶看之前，必須先給網頁設計師看一下是不是有哪邊特別難搞或者搞不出來，當然有些廣告公司會直接交由我們設計，那問題就簡單了。

先跟客戶討論他要哪種模式

網頁通常會有幾種顯示方式，我們簡單歸類如下

• 多段調整：等比縮放+裁切，大於多少時等比縮放，小於多少時裁切背景
• 延伸背景：內容不再放大，只有延伸背景顏色或連續圖案
• 背景滿版，內容縮放：不管瀏覽器長寬為何，都是滿版
• 等比縮放：整個網頁不管瀏覽器怎麼拉，內容都是等比縮放
• 只須手機版：意思就是電腦看到的也是手機版，寬度鎖再上限768

多段調整

這種其實最難，因為你的網頁寬度在css樣式表裡要設定好幾段，至少會有4段要設定，會有這類要求的客戶，以往就是很在意文字大小，甚至會在意文字斷行要符合，不過我們通常跟客戶說明，斷行因為電腦美工字和網頁系統字差異，不可能完全符合，此時就會要求客戶挑選他想要符合的載具做觀看標準，當然，報價和時程也是最長最貴。

1. 符合手機版寬度(通常寬度768以下時)
2. 符合電腦版裁切背景只留內容區塊(通常寬度769-1280或1366之間)
3. 內容區塊不再放大，開始顯示被裁切的背景(通常寬度1281或1367-1920之間)
4. 繼續等比縮放(通常1921以上)

 

延伸背景

這是最常見的模式，css樣式大概設置2段即可，也是比較有概念的客戶會製作和接受的模式

• 符合手機版寬度(通常寬度768以下時)
• 符合電腦版裁切背景只留內容區塊(通常寬度769-1280或1366之間)
• 內容區塊不再放大，開始背景以色塊或連續圖案延伸(通常寬度1281或1367-1920之間)

 

背景滿版，內容定位縮放

這種客戶通常堅持他就是要一屏看滿一個區塊，通常初現在首頁KV，我們也會提醒客戶，當網友瀏覽器長寬不同是，畫面顯示可能會很奇特，所以通常解釋完以後，除了堅持，不然就是換回背景延伸方式處理

1. 符合手機版寬度(通常寬度768以下時)
2. 符合電腦版強制背景滿版，內容定位等比縮放(通常寬度769以上)

 

全站等比縮放

這種就會只分兩個區間，客戶不在意滿到字很大

1. 符合手機版寬度(通常寬度768以下時)
2. 符合電腦版等比縮放(通常寬度769以上)

 

只須手機版，電腦版直接以手機版顯示

現在越來越多客戶會用的模式，因為他最省錢！

1. 符合手機版寬度(通常寬度768以下時)
2. 超出手機版寬度後，內容區塊不再縮放，頂多背景色延伸(通常寬度769以上)

以上是我們製作網站時，時常遇到的狀況，分享給各位。