立体设计技巧(一)

【译者的话】 为什么一张图片比三张图片更无力量?如何设计产品运用指南?如何在设计中经过各种比照发生层次感?如何使设计内外一致协调?如何设计一个无独有偶的签名式 LOGO ?本文持续发扬适用主义,对这些成绩给出理解

【译者的话】 为什么一张图片比三张图片更无力量?如何设计产品运用指南?如何在设计中经过各种比照发生层次感?如何使设计内外一致协调?如何设计一个无独有偶的签名式 LOGO ?本文持续发扬适用主义,对这些成绩给出理解决方法。五个设计技巧,开辟你的设计视野。

原文出处:www.bamagazine.com

封面设计:小即是多

当你在设计时手头上有三张照片,你会如何处置?你会将这三张照片都用上,对吧?其实没必要!一张照片就曾经可以使设计信息无效传达。在这个例子中,校区里的塔楼就曾经可以传达出这所学校的实质,比用上三张效果更好!标题独自一行,文字中的背景颜色区域静静地传达出有关信息。

设计师有三张照片,但假如在版面上都用上这些照片,那你还要对这三张照片停止剪切,然后将它们挤进版面里。但出来的效果却是,这三张照片在版面中的款式很类似(类似的图片元素及图案),文字阅读起来很费力。所以,设计师又不得不将字体变得很粗,字体变粗后,又要找个中央放置学校的名字,所以在最下方设计师又加上一个紫色区域来突出学校称号。设计师越“设计”,封面就越虚弱。无论是学校信息还是所要传达的文字信息都在这些复杂的、太多人工痕迹的元素中消逝得一尘不染。封面可以说是成为“被凌辱及被损害”的对象。为什么会这样?由于设计师做过头了!处理方法:只让一张图片来说话!

记住,在设计中,小即是多。学校的塔楼曾经可以传达很多信息。复杂的居中设计,就是直接让这张照片“说话”,然后加上文字就行了。留意在上图中,文字的背景区域并没有横跨整个版面,由于我们要让图片由上至下都可以活动。而上图右,学校的主色(紫色)及褐色与树的绿色构成吸引人的视觉效果,留意这三种颜色在色轮中的地位关系,绿色及褐色是紫色的补色的临近色,听起来很复杂?紫色的补色是色轮中相隔 180 度的草绿色,而草绿色的两边临近色就是绿色及褐色(留意色轮中的线条)。我们将这种颜色关系称之为“补色联系”( Split complementary )。

排版:文字应该与图片严密配合

我们常常会接触到一些与电器、高科技产品,而设计一个描绘式的版面其实充溢乐趣。

原来的设计使版面变得复杂。关于这种小型产品的运用指南,我们的目的是要追求复杂易读,让运用的人一看就晓得文字是指哪一局部。但下面的设计却使这种联络断裂,也使到这张阐明卡片的元素呈一个平放的“ L ”型,在上图中,图片放在一边,而文字阐明则放在另一边。后果就是,产品显得很薄弱,而页面两头那么重要的空间却空无一物。读者为了看明白这张卡片,不得不来来回回细心对照。

在修正后的版面中,产品显得靠前,而且居中。我们将产品尽能够拉大,然后将各个要阐明的部位用引线在其四周阐明。非衬线字体容易辩认阅读。文字比照不激烈,整个版面显得洁净清新。并不需求象原图一样采用数字来阐明。

最底部的联络信息排成一行,照应产品的程度感。而文字都是同一种字体,只是款式不一样而已――用粗体和细体来构成比照。

版面:差异发生层次

哈钦斯大街广场酒店( Hutchins Street Square Hotel )是举行会议、宴会、接待及其它活动的理想场所,但假如你只是看它的这张价钱宣传单张,没有人会觉得这家酒店有什么优点。它的版面缺乏生气,字里上的文字同一种字体,同一种尺寸,同一种的款式,同一种颜色,但都迷失在白色的陆地中――虽然页里上写满信息,但毫无生命力。

这种低调的设计很容易让人疏忽,但你要记住,关于酒店来说,很多顾客第一个看到的东西就是它(也能够是最初!)。还是让我们花点工夫来设计,使人瞥上一眼就能晓得它要说什么。

这个设计让人看起来并不象是一家酒店,反倒象是一个电子邮件的宣传版面,一切东西都是相反的,缺乏变化,而图表的细线看起来就象是用铅笔画出来一样,没有层次,没有视觉焦点。宣传的对象倒是美轮美奂(见下图),但成绩是,假如这张价钱牌自身不能吸引他人阅读从而使顾客走进这家酒店,外面再美丽,也没有人晓得!这张平淡的单张使一切的信息都变得昏暗。

看一下我们改造后的效果:

经过字体发明出层次感:只需求复杂的对字体、字体款式及颜色作一些调整,就可以随便使版面变得吸引。上图中:

1, 此处让人一看就晓得是标题,其字体轮廓与桌子上的摆设有共同的特征;

2 及 3 ,粗体突出次要信息,而黑和白则通知你这是两个不同的信息;

4 ,细体是详细的描绘文字;

5 ,线条用了白色而不是黑色,线条不分明,使整个图表给人一种以行陈列的觉得。

(点击上图看修正后大图)

经过颜色来发明层次:深中浅三色是用吸管在这张宴会厅的图片上取色的,我们用这三种颜色布置版面,随便发明出层次感。深色用在图表的上方,而另外两种用来区分每一行。由于这三种颜色来自于酒店图片,使到颜色直接与酒店发生了联络。

版面:由外到内

要使设计的外部与内部有着相反的作风需求一定的技巧。怎样做?复杂,将封面的字体、颜色、图片作风及次要的版式都搬到外面去。留意各种元素的比例,如绿色的运用比例及图片的大小,详细看一下效果:

人物采用轮廓形图片,没有背景,使到其不规则的边缘显得更有生机。对一张大图片来说,采用这种轮廓形的设计,可以增强图片的力气,使图片充溢活动感。模糊的边缘传达了一种开阔及安康的气味。留意,两张图片在实践使用中都有一个直角形的局部,即图片直接去到出血位区域。而文字无论是左对齐还是右对齐,都与这种直角区域类似。留意设计中的标题,采用了一种十分幼细的字体,这种字体充溢清爽,一如版面的作风。两者配合,天生一对。

签名 LOGO

还有什么图案比你本人的签名显得更无独有偶?它完全属于你本人。所以当你有一项业务或项目是需求你最终来确认的――一个典型的例子就是公证人――那你为什么不直接用你的名字作为一个 LOGO

一个签名式 LOGO 很容易制造。你只需求在纸上签个名,扫描进电脑,然后用钢笔工具描边。一个无独有偶的 LOGO 就完成了。可以象上图一样,将白色的 LOGO 放在灰色背景上,当然,你也可以艺术一点――选择一种您喜欢的颜色。

字体调整:我们可以经过对字体停止恰当的调整及选择来增强设计。在这个例子中,经典的 Adobe Garamond 传达了一种长远、传统及威望的觉得,而细弱的 Franklin Gothic 粗体增强视觉的传达效果。由于上述这些都是差异很大的字体,所以为了使它们在一同可以协分配合,我们需求对一般字体停止调整。在这个例子中,我们将 Franklin 减少一些。留意在上图名片中,白色的标题放在灰色区域中,显得特立独行。

本文所用颜色数值:


最新案例