PIECE2巨群
網頁設計 ‧ 平面設計 ‧ 虛擬主機 ‧ 網路行銷
最新消息
資訊分享
關於我們 服務項目 客戶案例 製作流程 虛擬主機 聯絡我們
電子報版型網頁設計建議

由於 Outlook 2007 的一個嚴重缺失,又讓電子報設計的創意再更少一些了,由於能用的CSS屬性實在不多,光是「背景圖」就很惱人了,設計師只能用簡單的背景色彩鋪陳網頁設計的版面,至於許多創意的背景圖設計就只能用單張圖片顯示了。 

以下是依我個人經驗對設計的建議:

1.因為現在許多人都使用像 Gmail, Hotmail 等 WebMail 的方式收信,所以郵件中若是有使用太多會影響 WebMail 原有版面的部分應該全部都會被刪除,導致版型亂七八糟的。 這篇文章有完整且詳細的對照表:A Guide to CSS Support in Email: 2007 Edition 或你可以下到這裡下載 PDF 檔回去列印。

2.盡量不要用 CSS 來排版,用傳統的 TABLE 排版方式是比較安全的作法! 注意:DIV標籤在 Outlook 2007 中「竟然不支援 CSS 中的 width 這個屬性」,所以你用 DIV 包網頁是沒用的!

3.版型最外層最好用一個 TABLE 包裹住整個網頁,並設定固定的寬度,建議寬度為 700px 以內。

4.如果網頁設計的頁首部分會用到漂亮而複雜的底圖,建議將整塊頁首都做成一張圖片,缺點是這裡就無法再貼上什麼動態的文字了。

5.不要在電子報的網頁設計中放入「表單」,因為 Outlook 2007 不支援,且在 Outlook 2003 中使用表單也無法用快速鍵(如用 TAB 切換欄位),實在不方便又不實用。有很多人會在電子報中嵌入「問卷」實在不夠明智,都不知道填寫的人很痛苦,不小心按下空白鍵,Outlook會自動跳到下一封信去了,再回來的時候所有輸入的東西都消失了。

6.文字與圖片的地方盡量切乾淨,版面設計的時候就不要設計「疊在一起的樣子」。

7.如果要將電子報的版型加上圖片的外框,就用TABLE設計九宮格把圖放在四邊的 TD 裡,但如果電子報的長度不固定的話,建議不用做這樣的設計。

8.盡量少用 GIF 動畫,因為在 Outlook 2007 中看不到這些動畫。

9.不要用 PNG 圖檔做透明背景。


另外,以下是一些「非常強烈建議不要用」的設計方式:

1.不要使用任何 JavaScript 或任何像 onclick, onkeypress, onmouseover 等等的事件(event)!

2.不要在電子報網頁設計中嵌入 Flash 動畫。

3.不要用 IFRAME 嵌入其他網頁設計。

 


轉貼來源:莫妮卡卡

 


參考文獻:

1.劉智華(2001)。網站體驗與上站忠誠度之關係研究—以資訊提供型網站為例。中原大學資訊管理研究所碩士論文,未出版。

2.戴湘涒(2001)。影響表演藝術消費體驗之因素及評估準則。國立政治大學企業管理學系碩士論文,未出版。

3.張春興(1989)。張氏心理學辭典。台北:東華。顧淑馨譯(2004)。

 
返回列表
上一頁 下一頁


相關文章

網頁設計的創意風格與發展趨勢
2013年六個預期的網頁設計趨勢
如何尋找適合您的網頁設計專案
從事網頁設計的SOHO族群
人際間的傳頌如何應用在成熟的網頁設計上


最新文章

HVACKer:入侵隔離網絡的新型攻擊技術
還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口
美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!
【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場
快可以用手機遠端遙控你的所有家電了



 
PIECE2巨群 版權所有 © 2008 總公司:06-2895301 台北:02-82529838 台中:04-25152530 高雄:07-7931226
驗證 CSS 驗證 W3C
專精項目:網頁設計   網站設計   平面設計   包裝設計   關鍵字行銷   關鍵字排名   網路行銷   網站代管   虛擬主機   ERP系統