无边界式版面设计
当前桌面打印机的表现已经达到一个相当高的水平,你可以在一张质量较高的纸张上打印出色彩鲜艳、分辨率非常高的效果,而且成本低廉。但对于一台价值99美元的打印机来说,它就有很多事情不能完成,包括它不能打印到整页纸的边缘(全出血位)。大多数打印机都会在纸张四周留出一条白边,这些四周的白边的间距并不相等,而且每台打印机打印出来也不一样,毫无规律可言。这些白边对于设计师来说有时确实让人沮丧,因为这些白边并不是你所能控制的,可以说也不是你想要的。
如上述打印出来的图片一样(上方大图),你或许也经常面对这种问题。你原本的设计并没有留出白边,就象上方小图一样,采用了全出血位的设计。这种事与愿违的情况或许让你感到烦恼。
你或许有很多种办法解决,你甚至可能在最后将这些白边切掉。但我们在这里所提供的解决办法却相反:与其跟这些白边作对,不如与它们和谐共处。我们将版面留白区域放大,使之成为你设计的一部分。
增加白色区域
消除这些白边最好的办法就是增加白色区域,减少版面中主要视觉元素与页面边缘的联系。
上方左图,页边边界与图片边界靠得太近,使到两者在视觉上产生联系,所以我们的眼睛就将两者之间的留白区域看成是一条边界。而上图右,我们减少图片的尺寸,使到图片与纸张边界失去联系,边界的视觉效果自然消失。
图片尺寸减少后,现在图片给人的感觉好象是在画廓里那些挂在白色墙壁上的作品一样。留意一点,为了使尺寸缩小后的图片与页面的四个页边距相等,我们对图片进行了一些剪切(比以前更窄),这也使到海岸线的区域更容易引起别人的注意,整个构图也比以前更生动一些。
图片尺寸变小还有一个很大的好处:您可以通过剪切、移动等方式,更具灵活性地设计你的版面。
移动:
将图片移动至眼睛视平线的地方,使到整个版面产生三种页边距,这也使到整个版面没有形成边框的感觉。将图片分割成三部分,引导观看人的眼睛由下至下自然移动。
边界是静态的,而你需要的是运动。上方左示意图,图片处于眼睛视平线的地方,使到视觉效果更自然。整个页面产生了三种不同的页边距,上方较狭窄,左右两边较宽,而下方则最宽阔——这使到边界的感觉荡然无存。将图片垂直分成三部分,使到整张图片都更具活力。
还有另一种处理方法:在一张图片中,你可以挑选出三个(甚至更多)的柱状区域。这种设计非常有趣,你可以通过这种技巧加强图片的表现力,因为你所选择的区域都是最吸引人的地方,当它们相邻放在一起时,这种效果更加强烈。
字体配合:
文字的样式及尺寸与版面的各个元素协调配合,可以使整个设计显得更加和谐统一。相似的元素传达和谐,而对比则传达活力。
纵排的元素加强了垂直运动的感觉
上图左,大写字母所形成的整齐边缘本来与圆形的 LOGO 能够产生优美的对比搭配,但由于版面及图片已经呈矩形,如果文字区域也形成一个粗壮的矩形区域,会极大地压抑Logo的传达。
而上图右,字母呈小写,边缘呈圆形,与圆形 LOGO 非常相似。整体地看, LOGO 与字母形成了四个圆形的区域,这些圆形的边缘与矩形的图片及版面都形成了对比,也使到整个版面形成了两个抢眼的区域。
我是来学习的 我也是来学习的,菜鸟一个。。。 找到好贴不容56易,我顶你了,谢了
页:
[1]