超级实用平面设计技巧.pdf

平面设计超级实用技巧 为什么一张图片比三张图片更有力量？如何设计产品使用指南？如何在设计中通过各种对比产生层次感？如 何使设计内外统一协调？如何设计一个独一无二的签名式 LOGO？本文继续发扬实用主义，对这些问题给出了解决办 法。五个设计技巧，开拓你的设计视野。 封面设计：小即是多 当你在设计时手头上有三张照片，你会如何处理？你会将这三张照片都用上，对吧？其实没必要！一张照片就 已经能够使设计信息有效传达。在这个例子中，校区里的塔楼就已经能够传达出这所学校的本质，比用上三张效果 更好ｊ题单独一行，文字中的背景颜色区域静静地传达出有关信息。 设计师有三张照片，但如果在版面上都用上这些照片，那你还要对这三张照片进行剪切，然后将它们挤进版面 里。但出来的效果却是，这三张照片在版面中的样式很相似（相似的图片元素及图案），文字阅读起来很费力。所 以，设计师又不得不将字体变得很粗，字体变粗后，又要找个地方放置学校的名字，所以在最下方设计师又加上一 个紫色区域来突出学校名称。设计师越设计，封面就越虚弱。无论是学校信息还是所要传达的文字信息都在这些复 杂的、太多人工痕迹的元素中消失得一干二净。封面可以说是成为被侮辱及被损害的对象。为什么会这样？因为设 计师做过头了！解决办法：只让一张图片来说话！ 记住，在设计中，小即是多。学校的塔楼已经可以传达很多信息。简单的居中设计，就是直接让这张照片说话， 然后加上文字就行了。注意在上图中，文字的背景区域并没有横跨整个版面，因为我们要让图片由上至下都可以流 动。而上图右，学校的主色（紫色）及褐色与树的绿色形成吸引人的视觉效果，留意这三种颜色在色轮中的位置关 系，绿色及褐色是紫色的补色的邻近色，听起来很复杂？紫色的补色是色轮中相隔 180 度的草绿色，而草绿色的 两边邻近色就是绿色及褐色（留意色轮中的线条）。我们将这种颜色关系称之为补色分割（Split complementary）。 排版：文字应该与图片紧密配合 我们经常会接触到一些与电器、高科技产品，而设计一个描述式的版面其实充满乐趣。 原 来的设计使版面变得复杂。对于这种小型产品的使用指南，我们的目标是要追求简单易读，让使用的人一看就知道 文字是指哪一部分。但上面的设计却使这种联系断裂，也使到这张说明卡片的元素呈一个平放的 L 型，在上图中， 图片放在一边，而文字说明则放在另一边。结果就是，产品显得很单薄，而页面中间那么重要的空间却空无一物。 读者为了看明白这张卡片，不得不来来回回仔细对照。 在修改后的版面中，产品显得靠前，而且居中。我们将产品尽可能拉大，然后将各个要说明的部位用引线在其 周围说明。非衬线字体容易辩认阅读。文字对比不强烈，整个版面显得干净清爽。并不需要象原图一样采用数字来 说明。 最底部的联系信息排成一行，呼应产品的水平感。而文字都是同一种字体，只是样式不一样而已——用粗体和 细体来形成对比。 版面：差别产生层次 哈钦斯大街广场酒店（Hutchins Street Square Hotel）是举行会议、宴会、接待及其它活动的理想场所，但 如果你只是看它的这张价格宣传单张，没有人会觉得这家酒店有什么优点。它的版面缺乏生气，字里上的文字同一 种字体，同一种尺寸，同一种的样式，同一种颜色，但都迷失在白色的海洋中——虽然页里上写满信息，但毫无生 命力。 这种低调的设计很容易让人忽略，但你要记住，对于酒店来说，很多顾客第一个看到的东西就是它（也可能是 最后！）。还是让我们花点时间来设计，使人瞥上一眼就能知道它要说什么。 这个设计让人看起来并不象是一家酒店，反倒象 是一个电子邮件的宣传版面，所有东西都是相同的，缺乏变化，而图表的细线看起来就象是用铅笔画出来一样，没 有层次，没有视觉焦点。宣传的对象倒是美轮美奂（见下图），但问题是，如果这张价格牌本身不能吸引别人阅读 从而使顾客走进这家酒店，里面再漂亮，也没有人知道！这张平淡的单张使所有的信息都变得暗淡。 看一下我们改造后的效果： 通过字体创造出层次感：只需要简单的对字体、字体样式及颜色作一些调整，就可以轻易使版面变得吸引。上 图中： ·1，此处让人一看就知道是标题，其字体轮廓与桌子上的摆设有共同的特征； ·2 及 3，粗体突出主要信息，而黑和白则告诉你这是两个不同