設(shè)計(jì)技巧雜談三

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

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

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

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

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

• 首頁(yè)
• 上一頁(yè)
• 1
• 2
• 3
• 下一頁(yè)
• 尾頁(yè)
• 共3頁(yè)

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

面試方法雜談07-12

教育雜談作文07-18

招聘面試雜談07-11

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

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

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

冬至雜談的順口溜12-11

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

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

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