技巧一：網頁——圖片自動翻頁：整潔呈現豐富產品信息

Alien Skin官網展示眾多產品仍保持版面整潔，關鍵在於「圖片自動翻頁」技術：鼠標懸停圖片即自動切換為產品說明，無需點擊。整齊網格佈局，每個產品配專屬說明圖片，鼠標懸停即現簡要說明。

Adobe GoLive制作自動翻頁效果步驟：對每種狀態建立單獨圖片（正常、懸停、點擊、移開），尺寸一致。命名規則如product1.gif、product1_over.gif、product1_down.gif等，置於同一文件夾。將正常狀態圖拖入GoLive頁面，軟件自動按命名關聯各狀態圖片。

技巧二：字體——如何「真正」對齊文字：光學邊緣對齊

電腦排版設定對齊後，肉眼仍感不齊，因對齊的是邊框而非字母實際視覺邊緣。字母結構不同（弧線、小橫桿、引號）導致邊緣起伏。InDesign「Optical Margin Alignment」（光學邊緣對齊）功能可彌補此缺陷。

啟用前：電腦以為對齊，實則字母與引號導致邊緣起伏。

啟用後：Type > Story > Optical Margin Alignment，部分字母超出對齊線，視覺上卻真正對齊。參數一般設為字體大小。

技巧三：圖片裁切——大小與位置決定衝擊力

將小尺寸肖像置於留白區域下方，完美配合標題含義。留白力量：元素一目了然，雖留白佔大多數卻不單薄反充滿力量感。CEO肖像背後厚重黑色區域製造分離與距離感。關鍵在於：人物圖片尺寸小、位置低；深色外套與黑色背景融合，與憂鬱面部表情強烈對比；標題設計平實，位置平實，避免削弱肖像傳達力量。

技巧四：碎紙片組成卡片設計：個性化的溫情表達

為宣告兒子出生，夫婦希望用個人卡片傳遞喜訊。手寫有趣詞語，掃描入電腦，Photoshop裁切成碎片，添加陰影效果，排版置入，桌面打印機即可輸出。無複雜技巧，卻極具個性化，值得嘗試。

技巧五：Adobe Illustrator——煥然一新的價格標籤：復古美學與現代質感融合

BMW網頁橫幅中，模仿收銀機顯示的價格標籤吸睛：舊式設備、古典字體、陳舊色調，明暗處理賦予現代質感。

BMW 網頁廣告橫幅

制作步驟：

1. 繪製三個圓角矩形，圖層命名「Tabs」，複製三矩形。應用陰影：模式Multiply、不透明度50%、X偏移0、Y偏移2pt、模糊2pt、黑色。鎖定該圖層。新建「Highlight」圖層，貼上複製矩形。新建文字圖層輸入價格文字，拖至Highlight圖層下方。
2. Highlight圖層中用鋼筆工具繪製平滑曲線橫跨三矩形。Pathfinder面板點擊Divide，將三矩形分為六區域。
3. 六區域填充白色。直接選擇工具選中下方三區域刪除。選中上方三區域，降低不透明度至60%。耀眼價格標籤完成。