这是一家规模不大的家庭作坊式餐,座落在购物广场的旁边。但你如果只是看一眼他们这张普遍的粉红色折页菜单,却让人感到毫无特色!“东方风味”需要让它的菜单与它的菜肴一样吸引人,能够传达出有着鲜明特色的中国文化气息,而且能够让那些写字楼里的白领将这张菜单贴在公司的告示板上,而不是将它塞进抽屉里。让我们开始改造。
上图为原来的菜单设计。实事求是地讲,一张菜单所需要的信息它全都有了。但如果我们将那个碗状的标志去掉,那整张菜单就没有一个元素是能够与中国菜联系起来的。而且这张菜单是要向那些上班的人派发的,我们需要让上班的人一看到这张菜单时就能感受到中国菜的美味——从而吸引他来这家餐厅。所以我们需要设计得漂亮一些。
首先让我们来分析一下原来的设计存在什么问题。
刚才说了,菜单上的文字信息并没有什么问题,但整个版面并没有设计,只是将版面填满而已。原来的设计师并没有在设计中表达出吸引人的视觉元素、对比及层次感。
上图的菜单外页中,有一个视觉焦点(那个碗),所放的位置很正确(在中间),但它显得太普通,与其它菜单没有什么两样,缺乏吸引力。餐厅的名字在版面中所处的位置也很正确,周围的空间比较开阔,所以一眼望去很容易就注意到。但却传达不出特有的气息。其中的菜名、地址、电话号码及营业时间对于餐厅来说都是很重要的一些信息,都缺乏精心的设计。
整张菜单充斥着太多的框框。所有的菜名都是放在线框里。这样处理虽然显得整整齐齐,但这些线条在里面本来看起来就很细,既不漂亮,其实也没必要。因为菜单上已经有足够的空间让各种文字信息分开而不会引起混乱。而且各个线框的尺寸长短不一,破坏了整个版面的协调。
一个好的设计必须是精心组织的。例如在上图中,三个圆形及三个长方形的元素构成了两个三角形,而且这两个三角形都围绕着一个视觉焦点(盘子中间的花饰),而大的圆圈(盘子)将所有元素都围绕起来。这就是设计!而且也非常吸引人。而在原来的菜单外页中,中间部分的线框里的字体与左右两边的字体不一样——当然,这样也是一种吸引人的办法,但问题是,这样处理并没有什么特定的理由。其实只能算是一种随意性的设计,并没有我们所说的精心组织。
在重新设计前,我们先要了解一下有关中国的一些东西。你必须真的进行一番认真的搜索,不要只凭你的记忆去想象,不然你就以为中国只有筷子及幸运甜饼( fortune cookie ,该饼是由广东的一种小食演变而成,在美国当地深受欢迎,而包着甜饼的纸条上写着一些有关吉利与否的文字,类似于一种“抽签占卜”,所以亦称“签饼”——译注)。
中国到底有什么特色?
不要去想象,如果你在书本、网站及图片库里仔细寻找一些有关中国的东西,甚至去中餐厅里看一下,那你设计出来的效果就会好很多(也更容易)。我们要看什么?要特别注意观察各种有关中国的东西,包括它们的形状、颜色、图案及观察中国菜的色香味,还要留意隐藏在这些东西后面的有关中国历史、文化及传统这些看不见的元素。
脸谱:具有悠久的历史,有宗教气息,表演时用,颜色五彩缤纷,由多种图案构成;
中餐厅:以中性颜色为主,有图案复杂的木雕制品装饰;
幸运饼:从明朝留传下来的一种“月饼”,代表欢乐,圆形,金黄色;
竹子:充满自然气息,体态优雅,错落有致;
炒锅:热气腾腾,圆形,菜肴五颜六色,香味扑鼻;
文字:古老,毛笔书写,书法感,流动感,有着鲜明的东方特色;
颜色:红色,金色;
屏风:精致,上面镶有历史人物故事,在中餐厅里经常可以见到。
从版式与背景开始:
我们只需利用上面两张图片就可以确定设计风格。一张是屏风,因为屏风就象一张折页,而竹子作为版面的背景,显得优雅宁静。
屏风上绘有风景、植物及人物,而且一般由三个或四个折面组成,使用起来非常方便,而我们本次设计的菜单则有三个折面。
剪切图片:为了使我们的设计就象屏风一样开阔,我们要将所用到的图片的比例定好。注意上面左图中的构图平衡——我们所取的图片的面积占原图片的二分之一左右。定好图片的比例后,我们就可以将这张图片变成一张漂亮的背景图。
创建投影图:
我们需要将图片转为一张投影图,给人一种是竹子投在屏风上的阴影的感觉,首先要将图片中的竹子与背景分离。
将原来的彩色照片转为纯粹由黑白两种实色组成(不含灰色)。在这张竹子图片中,竹子的形态非常具有特色,所以我们并不需要在意竹子具体的细节。在 Photoshop 软件中,首先我们将这张图片变为灰度图片(上图右)。
PS 里,我们利用 阈值 工具(图象 > 调整 > 阈值 )。打开预览模式,然后移动其滑杆,使到竹子是白色,而其余区域为黑色。当调整到最理想的效果时,按 OK 应用(上图左)。
接下来,我们利用反相工具(图象 > 调整 > 反相)将黑与白反转,用橡皮工具将竹子以外的一些黑色杂点清理干净。如果有需要的话,可以用画笔工具对其中的细节进行修饰(上图右)。然后将它保存为副件(或图层),等一下我们还用得着。
创建自然光线效果:我们将这张黑白照片进行模糊及加亮操作将其变淡,然后在整个版面上描绘一些浅颜色。
我们将上图的黑白图片转为 CMYK 模式,然后将颜色变淡。可以选择模糊工具(滤镜 > 模糊 > 高斯模糊)。我们所需要的效果是把竹子的色调变淡,但仍然可以使人感觉到竹子的形态。如在模糊操作中,我们输入的数值是 10 。然后我们将不透明度调到 10%(上图左) 。
下一步,我们要添加一些自然的光线效果。我们可以从上述的中餐厅图片取一种浅色及较深的色(见上图 1 处)。然后我们建立一个新图层,用浅色填充(上图 2 )。
接着我们用一只柔软的画笔将较深的颜色以孤线的路径在接近页面下方的区域中描绘(上图 3 )。然后我们将这个图层的混合模式选择为正片叠底( Multiply ),这样下方的竹子图层就可以显露出来。出来的效果让人感觉到那些竹子好象是从纸的后面被灯光投影上来似的。
当我们完成上面的效果后,我们还要通过添加一些黑色的竹子使整个页面形成层次感。这样在版面中,前景与背景之间就形成了良好的对比。
首先我们将刚才的那张黑白竹子的图层复制,将复制的图层移到最上面一层。然后将它的图层混合模式也设为正片叠底,并利用橡皮工具,将大部分竹子擦掉,只留一部分,我们要将这部分竹子单独分离出来。
要注意这些深色的竹子的大小要与背景中的竹子尺寸的一样大,使到整个页面上深浅不一的竹子象是因为后面的竹子由于距离及光线所造成的若显若暗的效果。我们在三个折页中间都要放置这些深色的竹子。这种处理手法使到整个页面充满层次的变化。
|