設計技巧雜談三

如何既保持網頁整齊又能提供儘可能多的產品資訊？為什麼很多文字我們設定為對齊時，但眼睛卻還是感覺不整齊？如何利用空白的區域來產生具衝擊力的作品？如何製作一張充滿個性的卡片？利用簡單的幾個步驟，我們可以製作出充滿現代質感的價格牌設計。五個小技巧，與大家分享。

網頁：圖片自動翻頁的設計傳達更多的資訊Alien Skin 軟體的網頁在展示眾多的產品時仍能保持版面整潔乾淨。他們使用了圖片自動翻頁的技巧來實現這一目的——當滑鼠指標移到圖片上時，圖片便轉換成產品說明。

不需要點選圖片，便會自動出現產品說明。 的介紹產品的網頁通過整齊的網格來安排版面。每一個產品都有另一張文字說明圖片，讓觀眾能夠更深入瞭解。只需要將滑鼠放在圖片上，不需點選，便會出現產品的簡要說明。

利用 Adobe Golive 建立自動翻頁效果
這種特效需要對每一種狀態都建立一張單獨的圖片：正常狀態，滑鼠滑過時狀態，點選狀態及滑鼠移開後的狀態等。每一張圖片都必須是相同的尺寸。首先對一張正常狀態時用的圖片起一個名，比如 product1.gif ，然後在其它狀態下根據這個名稱安排其它檔案（如， product1_over.gif, product1_down.gif 等）。將它們都放在同一個資料夾中。將正常狀態時顯示的圖片拖到 Golive 頁面上， Golive 軟體會自動按你起的`名稱安排好不同狀態下顯示的圖片（見上圖）。
字型：如何“真正”對齊文字
你是否有注意到，當你在電腦排版中，將文字對齊後，但卻感覺有點不對勁？這是因為，你對齊的是邊緣，字母並沒有完全對齊，因為不同的字母結構不一樣，有的是弧線邊緣，有些又有一些小橫杆突出來（如 t ），有時還有一些引號，這些都導致設定為對齊時仍然感覺不自然。在 Indesgin 軟體中的“ Optical Margin Alignment ”功能可以彌補這一不足。

在使用“ Optical Margin Alignment ”功能前的效果。你的電腦認為它們上述已經是對齊的，但你的眼睛告訴你說，好象還不齊啊。字母及引號使到邊緣產生起伏不平的感覺。

首頁上一頁123下一頁尾頁共3頁