設(shè)計技巧雜談三

如何既保持網(wǎng)頁整齊又能提供盡可能多的產(chǎn)品信息？為什么很多文字我們設(shè)定為對齊時，但眼睛卻還是感覺不整齊？如何利用空白的區(qū)域來產(chǎn)生具沖擊力的作品？如何制作一張充滿個性的卡片？利用簡單的幾個步驟，我們可以制作出充滿現(xiàn)代質(zhì)感的價格牌設(shè)計。五個小技巧，與大家分享。

網(wǎng)頁：圖片自動翻頁的設(shè)計傳達(dá)更多的信息Alien Skin 軟件的網(wǎng)頁在展示眾多的產(chǎn)品時仍能保持版面整潔干凈。他們使用了圖片自動翻頁的技巧來實現(xiàn)這一目的——當(dāng)鼠標(biāo)指針移到圖片上時，圖片便轉(zhuǎn)換成產(chǎn)品說明。

不需要點(diǎn)擊圖片，便會自動出現(xiàn)產(chǎn)品說明。 Alienskin.com 的介紹產(chǎn)品的網(wǎng)頁通過整齊的網(wǎng)格來安排版面。每一個產(chǎn)品都有另一張文字說明圖片，讓觀眾能夠更深入了解。只需要將鼠標(biāo)放在圖片上，不需點(diǎn)擊，便會出現(xiàn)產(chǎn)品的簡要說明。

利用 Adobe Golive 創(chuàng)建自動翻頁效果
這種特效需要對每一種狀態(tài)都建立一張單獨(dú)的圖片：正常狀態(tài)，鼠標(biāo)滑過時狀態(tài)，點(diǎn)擊狀態(tài)及鼠標(biāo)移開后的狀態(tài)等。每一張圖片都必須是相同的尺寸。首先對一張正常狀態(tài)時用的圖片起一個名，比如 product1.gif ，然后在其它狀態(tài)下根據(jù)這個名稱安排其它文件（如， product1_over.gif, product1_down.gif 等）。將它們都放在同一個文件夾中。將正常狀態(tài)時顯示的圖片拖到 Golive 頁面上， Golive 軟件會自動按你起的名稱安排好不同狀態(tài)下顯示的圖片（見上圖）。
字體：如何“真正”對齊文字
你是否有注意到，當(dāng)你在電腦排版中，將文字對齊后，但卻感覺有點(diǎn)不對勁？這是因為，你對齊的是邊緣，字母并沒有完全對齊，因為不同的字母結(jié)構(gòu)不一樣，有的是弧線邊緣，有些又有一些小橫桿突出來（如 t ），有時還有一些引號，這些都導(dǎo)致設(shè)定為對齊時仍然感覺不自然。在 Indesgin 軟件中的“ Optical Margin Alignment ”功能可以彌補(bǔ)這一不足。

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

• 首頁
• 上一頁
• 1
• 2
• 3
• 下一頁
• 尾頁
• 共3頁

【設(shè)計技巧雜談三】相關(guān)文章：

面試方法雜談07-12

教育雜談作文07-18

招聘面試雜談07-11

設(shè)計面試技巧08-01

ps圖層設(shè)計的技巧07-12

關(guān)于HR職業(yè)發(fā)展的雜談07-10

冬至雜談的順口溜12-11

申請?zhí)煅碾s談實習(xí)版主07-10

平面設(shè)計配色技巧07-10

冬至雜談順口溜（精選8篇）12-14