《好设计的基本方法.doc

颜色呼应 淡化区域这个好玩 我试着做了个 也就是简单无脑的贝塞尔（钢笔）+透明 剪切及配色 线条引导 让图片突破空间束缚】在本文中我们将介绍一种剪切技巧，使图片有部分突破原来的界线。这种设计能够吸引人的注意，也使图片突破原来图片空间的限制，很好地强调了图片中某一部分的高度、动感及深度。图 1?我们现在有一张建筑物的图片（见图 1 ），设计师要重新对图片处理，增加这种图片的冲击力。可以看到，在这张图中，那座高耸的塔楼是一个吸引人的元素，但我们还想更突出这个元素。解决的方法是使到云端的界线低于塔的高度，使塔楼与天空产生一种“欲与天公试比高”的效果。图 2 出来的效果就是图 2 大图，你可以看到这种剪切使到塔身有呼之欲出的视觉效果。这里有一个注意的地方，在图 1 中，上方天空有一些白色的云彩，如果我们在云中部分剪切后，会留下一条比较生硬的边界。在此，我们需要做点处理，使到背景变成一个单纯的一个背景。在 PS 中，你可以用一些印章或其它一些手段来处理。这样出来的效果更自然。在下图中，我们明显感觉到这种设计出来的效果比没有突出来的冲击力要强得多。 重复利用图片的局部形成背景你是不是在设计中想应用图片时，但在图片上却找不到一个很恰当的位置放置文字？或者你觉得某张图片缺乏层次感显得过于平淡？或者你又觉得图片的构图并没有给人良好的视觉效果？试一下我们在这里介绍的实用技巧——复制图片的局部，然后放大它，再将它与原来的图片融为一体，以创造出一个自然的区域。??改变版面的尺寸（见上图），在 Photoshop 里，对翅膀的上方进行复制粘贴，将复制的部分移到下方，将它放大。（ 1 ）然后用一只比较软的毛笔小心处理边缘与背景接合的地方，使到其能够自然地与背景融为一体。（ 2 ）然后用吸管工具在复制的图片上取一种颜色，再利用松软的笔触将下方空白的地方填满。??有了这个区域就是不一样！它不但提供了我们文字摆放的位置，而且还使整张图片产生层次，一个模糊，一个清晰，就象照相机在拍照时因焦距的不同而产生的效果，一切都显得很自然。在一张图片上摆放文字，如果缺乏一个实色的区域，那这些文字很难有清晰的效果，但生硬地加进一个正方形或圆形的实色区域，有时又会使整张构图显得不协调。?下面是利用这种技巧应用的另一个例子：??在上图中，我们从上方截取一小块花瓣，同样将它移到下方角位，放大，由于花瓣上的背景比较单纯，这样就巧妙地给文字创造了一个区域。同时，红色的花瓣与其边缘上方的绿色形成的优美的搭配。 Segway，一种具有自我平衡及便捷机动能力的两轮移动工具，曾一度被称为划时代的发明。随着其价格的降低，越来越受到个人消费者的青睐。在你愿意花五千美元买一架 Segway 让自己成为一个超酷的神行太保之前，让我们看一下它的产品目录设计是如何利用简单的矩形分布产生漂亮的视觉效果。??Segway 个人运输工具的价格已经物有所值（ 5000 美元左右），对于我们来说这当然是一个好消息，或许我们现在就应该骑着它出去威风一下，而不是在这里写这篇文章。该产品于 2001 年面世，具有自我平衡能力及让驾乘者来去自如，无论是室外还是室内使用时都非常安静，已经受到越来越多需要在城市中往返穿梭、旅游团队及其它需要代替步行人士的欢迎。一本 28 页纸的产品目录手册传达出了这种产品专业可靠及真实的气息。其吸引人之处是在版面中无论是文字还是图片，都只是简单地使用矩形来分布空间。这种设计手法是值得我们借鉴的，因为利用矩形区域来设计版面，可以让我们轻易将各种不同的元素协调统一成一个整体。这一点正是我们在本文中要阐述的： ?在整体产品目录手册中，包括形状、边框及线条等简单矩形区域随处可见，它使到设计者可以将不同的图片及不同内容的文字结合成一个不可分割的整体。?当我们深入观察这本宣传手册时，你就会发现设计者刻意采用矩形区域作为设计中的主要视觉元素之一。从封面中我们就已经可以感觉到——各个元素通过矩形区域来堆放。?? 两个层次的设计：?在内页中，版面设计具有两个层次，一个是用于观看，另一个是用于阅读。大图片及简短的大文字是用于观看，而常规尺寸的细节信息文字则用于阅读。大块的黑色区域建立起一个视觉主题。??上图左方大尺寸文字及一张大图片形成一个容易“阅读”的焦点，这种设计形式贯穿整本目录的版面设计中。段落文字增加了视觉的图案感，该部分白色文字区域较宽，与右边较窄的灰色文字形成了对比。?标题一反常规地放置在底部，但由于与背景形成了强对比，我们还是很自然地看到它，非常酷的设计。?版面中无论是纵向还是横向，都是由矩形区域构成。留意产品图片放置在一个黑色的背景中，同时产品图片区域形成一个矩形区域，这种视觉辨别是通过负空间及其相邻的各种相对元