立体设计技巧(三)

【译者的话】 如何既坚持网页划一又能提供尽能够多的产品信息?为什么很多文字我们设定为对齐时,但眼睛却还是觉得不划一?如何应用空白的区域来发生具冲击力的作品?如何制造一张充溢特性的卡片?应用复杂的几个步骤,

【译者的话】 如何既坚持网页划一又能提供尽能够多的产品信息?为什么很多文字我们设定为对齐时,但眼睛却还是觉得不划一?如何应用空白的区域来发生具冲击力的作品?如何制造一张充溢特性的卡片?应用复杂的几个步骤,我们可以制造出充溢古代质感的价钱牌设计。五个小技巧,与大家分享。

原文出处:www.bamagazine.com

网页:图片自动翻页的设计传达更多的信息

Alien Skin 软件的网页在展现众多的产品时仍能坚持版面整洁洁净。他们运用了图片自动翻页的技巧来完成这一目的――当鼠标指针移到图片上时,图片便转换成产品阐明。

不需求点击图片,便会自动呈现产品阐明。 Alienskin.com 的引见产品的网页经过划一的网格来布置版面。每一个产品都有另一张文字阐明图片,让观众可以更深化理解。只需求将鼠标放在图片上,不需点击,便会呈现产品的扼要阐明。

应用 Adobe Golive 创立自动翻页效果

这种特效需求对每一种形态都树立一张独自的图片:正常形态,鼠标滑过时形态,点击形态及鼠标移开后的形态等。每一张图片都必需是相反的尺寸。首先对一张正常形态时用的图片起一个名,比方 product1.gif ,然后在其它形态下依据这个称号布置其它文件(如, product1_over.gif, product1_down.gif 等)。将它们都放在同一个文件夹中。将正常形态时显示的图片拖到 Golive 页面上, Golive 软件会自动按你起的称号布置好不同形态下显示的图片(见上图)。

字体:如何“真正”对齐文字

你能否有留意到,当你在电脑排版中,将文字对齐后,但却觉得有点不对劲?这是由于,你对齐的是边缘,字母并没有完全对齐,由于不同的字母构造不一样,有的是弧线边缘,有些又有一些小横杆突出来(如 t ),有时还有一些引号,这些都招致设定为对齐时依然觉得不自然。在 Indesgin 软件中的“ Optical Margin Alignment ”功用可以补偿这一缺乏。

在运用“ Optical Margin Alignment ”功用前的效果。你的电脑以为它们上述曾经是对齐的,但你的眼睛通知你说,好象还不齐啊。字母及引号使到边缘发生崎岖不平的觉得。

最新案例