Alien Skin 软件的网页在展示众多的产品时仍能保持版面整洁干净。他们使用了图片自动翻页的技巧来实现这一目的——当鼠标指针移到图片上时，图片便转换成产品说明。

5c55.com美术设计师的家园

www.5c55.com

不需要点击图片，便会自动出现产品说明。 Alienskin.com 的介绍产品的网页通过整齐的网格来安排版面。每一个产品都有另一张文字说明图片，让观众能够更深入了解。只需要将鼠标放在图片上，不需点击，便会出现产品的简要说明。 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m

5c55.com 平面爱好者 平面设计 软件教程 网站模板

利用 Adobe Golive 创建自动翻页效果

这种特效需要对每一种状态都建立一张单独的图片：正常状态，鼠标滑过时状态，点击状态及鼠标移开后的状态等。每一张图片都必须是相同的尺寸。首先对一张正常状态时用的图片起一个名，比如 product1.gif ，然后在其它状态下根据这个名称安排其它文件（如， product1_over.gif, product1_down.gif 等）。将它们都放在同一个文件夹中。将正常状态时显示的图片拖到 Golive 页面上， Golive 软件会自动按你起的名称安排好不同状态下显示的图片（见上图）。

字体：如何“真正”对齐文字 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m

你是否有注意到，当你在电脑排版中，将文字对齐后，但却感觉有点不对劲？这是因为，你对齐的是边缘，字母并没有完全对齐，因为不同的字母结构不一样，有的是弧线边缘，有些又有一些小横杆突出来（如 t ），有时还有一些引号，这些都导致设定为对齐时仍然感觉不自然。在 Indesgin 软件中的“ Optical Margin Alignment ”功能可以弥补这一不足。

在使用“ Optical Margin Alignment ”功能前的效果。你的电脑认为它们上述已经是对齐的，但你的眼睛告诉你说，好象还不齐啊。字母及引号使到边缘产生起伏不平的感觉。 标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m

使用“ Optical Margin Alignment ”功能后的效果。我们在 Indesign 软件中，选择 Type>story> Optical Margin Alignment ，然后看一下有什么变化——你会看到有些字母中会超出对齐线一些。有趣的是，这个时候，你看起来倒是真正对齐的样子。在该功能的对话框中设置的参数 , 一般来说，应该与字体的大小一样。 5c55.com 平面爱好者 平面设计 软件教程 网站模板

图片剪切：大小及位置决定一切 5c55.com美术设计师的家园

图片以不同的大小及不同的摆放位置来排版的话，可以产生不同的冲击力。在下图中，我们将一张尺寸较小的肖像图片放置在一个空白区域的下方，完美地与标题文字的意思搭配。

www.5c55.com

标志设计 VI设计 AI线稿下载劲尽在 5 c 5 5 . c o m

空白区域的力量：这种排版方式使版面中的各个元素一目了然。虽然空白的区域占了大部分，但给你的感觉却一点也不单薄，相反，充满了力量感。这位不幸的 CEO 肖像背后是一块厚重的黑色区域，使该人物给观众形成一种分离感及距离感。之所以能够产生这样的视觉效果，关键是人物图片的尺寸很小，而且放得很低。她深色的外套在这个设计中可以说是一个有利因素，使到给人的感觉是她的身体与黑色的背景混为一体，使其与她那忧郁的面部表情形成强烈的对比。标题设计不能设计得过于夸张显眼，应该平实一些，标题的位置同样应该以平实为主（否则标题会使整个版面显得过于紧张，从而削弱了下方肖像所传达的力量）。

（阅读次数：） 共2页: 上一页 1 [2] 下一页