• 北京物资学院影视艺术职业教育中心
    • 影视艺术表演
    • 北京物资学院影视艺术职业教育中心
    • 北京物资学院影视艺术职业教育中心
    • UI设计
    • 北京物资学院排名
    • 北京物资学院影视艺术职业教育中心

    设计技巧杂谈-上

    发布时间:2016-07-25 浏览809次
      

    一、办公用品设计

    LOGO 有着强烈的象征意味,但有时它又不能充分表达出真实的东西。在某些时候,与其设计一个传统的 LOGO ,不如象 Dean & Thomas 建筑公司选择三张图片来设计它的办公用品,这些鲜明的图片在具体应用中看起来有一种宣传册子的感觉。其中的关键就是在信纸、信封及名片上都要保持字体、尺寸、位置、对齐方式及颜色的一致性。

    信纸设计

    信封设计

    名片设计

    上面这三者的特点如下:

    1 、三种物品中,图片的大小、形状及位置都一样,图片上方均采用全出血位的方式。

    2 、信纸与信封中,图片右边的边距为图片宽度的一半,而在名片中,由于版面狭窄,右边的边距为图片的三分之一。

    3 、图片下方的文字、样式及颜色等统统一样。而且字体采用低调的颜色(如上图采用灰色),从而能够充分突出图片。文字均为右对齐。

    4 、在设计这三种东西时,由于名片的位置最小,设计起来难度较大,所以我们首先要设计名片,然后再将名片上的设计样式搬到其它物品中。

    二、在版面中创造焦点

    犹他州拥有令人印象深刻的国家公园,但它原来的旅游指南封面设计却没有传达出该国家公园的独特景观,在这个封面中,峡谷、天空及背景都被挤在一个狭窄的版面上,视觉效果模糊。我们要设计的并不是什么包罗万有的全景图,一个好的设计必须有一个焦点,否则这个设计就缺乏力量。看一下我们是怎样改造的。

    犹他州国家公园旅游手册原来的封面设计

    在原来的设计中,峡谷与迷人的天空颜色及图案都很相似,而在图片后面又加了一个相似的背景图,设计师还加上一个黄色的矩形框来解决标题的放置问题。问题是,这个矩形的边框显得很呆板,并没有呈现国家公园那种漂亮的自然景观。

    修改后的设计

    在修改后的设计中,我们创造出一个视觉焦点。布赖斯峡谷( Bryce Canyon )中独特的雷神槌( Thor's Hammer )岩石景观吸引着读者的视线。不象原来设计中那个黄色矩形的标题,在修改后的设计中,我们选择的这些字体很好地体现了图片的景观特征。一个狭长的页面中,图片居中摆放,而字体与页面及图案焦点有着相似的比例,而且同样居中排列,使到这些字体就象那些岩石的外观一样,这种协调的设计使到我们在观看时能够很自然地从上到下,而不会显得别扭。

    封面中这张图片是来自上图右边的图片,我们将上方的背景去掉,这样是希望读者的视线避免不必要的干扰,更快地将注意力放在这块独特的岩石上。

    三、另一种焦点表现形式

    如果要你用三个字来形容兰斯 · 阿姆斯特朗( Lance Armstrong ,著名自行车手,曾身患癌症,但仍勇夺冠军——译注),那耐克的广告词的“ Just do it ”则再适合不过了。同样的,在耐克的 兰斯 · 阿姆斯特朗 网页同样充满力量。是什么东西使到这个网页能够给人一种强有力的感觉?是因为在大的区域内那些小元素在起作用。

    当你有一张表现力十足的照片时,那设计师的任务就是要帮助这张图片能够更有效传达信息。上图由两部分构成(红线处),而且刚好是处于中心线分开, 阿姆斯特朗处于右边,而左边则是整个黑色区域,而字体尺寸很小,但颜色却采用与黑色产生高对比度的黄色,而且这些字体正处在他的视线之内(上图水平虚线处),所有的元素都处理得恰到好处——没有张扬,看不到有设计的痕迹,但整个效果却给你留下深刻的印象。

    上图为网页的设计,一眼望去,你可能没有立即就注意到(当然,这是有意为之)下方那些低调的广告信息。

    小元素单独放在一个大空间里,同样是一种容易抓住视线的设计,在颜色上保持低调是为了避免削弱上方图片的力量感。

    四、够酷!设计 CD 盒大小的桌面立式日历

    在这里,我们让你在新的一年中,使你的桌面能够有让人更多回头注视的东西——设计今年的日历,这个象 CD 盒大小的架子能够使你在上面摆放你设计的日历,它翻转过来后就可以变成一个立式的展示架,由于它两边都是透明的,你还可以在日历的背面印上一些产品的宣传资料。你在设计日历时,可以采用单面印刷或双面印刷。日历在设计上必须持续保持一致,如果要在背面印上广告,在风格上同样要连贯。

    你可以在这里找到这些翻转 CD 架:http://www.unicorngraphics.com/printing/jewel%20case.htm

    利用翻转 CD 架摆放日历

    五、重复利用图片的局部形成背景

    你是不是在设计中想应用图片时,但在图片上却找不到一个很恰当的位置放置文字?或者你觉得某张图片缺乏层次感显得过于平淡?或者你又觉得图片的构图并没有给人良好的视觉效果?试一下我们在这里介绍的实用技巧——复制图片的局部,然后放大它,再将它与原来的图片融为一体,以创造出一个自然的区域。

    改变版面的尺寸(见上图),在 Photoshop 里,对翅膀的上方进行复制粘贴,将复制的部分移到下方,将它放大。( 1 )然后用一只比较软的毛笔小心处理边缘与背景接合的地方,使到其能够自然地与背景融为一体。( 2 )然后用吸管工具在复制的图片上取一种颜色,再利用松软的笔触将下方空白的地方填满。

    有了这个区域就是不一样!它不但提供了我们文字摆放的位置,而且还使整张图片产生层次,一个模糊,一个清晰,就象照相机在拍照时因焦距的不同而产生的效果,一切都显得很自然。

    在一张图片上摆放文字,如果缺乏一个实色的区域,那这些文字很难有清晰的效果,但生硬地加进一个正方形或圆形的实色区域,有时又会使整张构图显得不协调。

    下面是利用这种技巧应用的另一个例子:

    在上图中,我们从上方截取一小块花瓣,同样将它移到下方角位,放大,由于花瓣上的背景比较单纯,这样就巧妙地给文字创造了一个区域。同时,红色的花瓣与其边缘上方的绿色形成的优美的搭配。

    一、狭窄的封面与内页形成吸引人的对比效果

    下次当你在设计一些报告书之类的封面时,可以将它设计得耳目一新。在狭窄封面上的彩色图片对读者产生了相当大的吸引力,同时又能让读者看到下面一页的部分内容。里面那一页是介绍文字。这种版式永远都给人吸引人的眼睛。

    理论上说,这个封面可以说是由两个页面组成。由于这两页纸同时构成了一个封面,所以里面的文字应该与封面的图案配合好水平线。

    当然,将顺序调换一下也未尝不可。文字标题在最上面一页,而图片则变成内页。效果同样不错。

    利用颜色及图案的适当变化,可以使你轻易设计一系列这样的漂亮封面。

    二、封面上有太多照片要用?将它们按网格排列!

    与其将封面设计成一幅复杂的抽象拼贴图,不然将图片排列整齐,既简单,又美观。这种按网格排列的图片有大有小,互相重叠,但整体看起却象是一个有机整体。

    正方形网张:有时你在设计封面时很难找到一张完全合你心意的照片,干脆将几张图片同时用上。然后用方格来定位。当然,为了使它适合网格的大小,你事先需要对图片进行适当的剪切。一个 4 × 4 的网格形成 16 个小方格。注意下图中,这些网格线在设计中仍然是保留的。

    从上面这个示意图可以看出。整个网格将封面分成三部分,并将所有元素都形成了整齐的排列。而上下的文字都是与其中一条网线对齐的。

    三、网页:将众多的信息形成视觉层次感是最大的关键

    Men.style.com 的网页中包含了众多的信息,下图共有 9 张图片,还有很多大小标题,所形成的区域数量也非常多——有重点的封面报道,有一些是比较次要的新闻,还有其它的搜索功能等等。但你在看这个网页的时候,却并不会让你的眼睛无所适从眼花缭乱,相反,整个版面安排得非常漂亮及吸引人。为什么有这种效果?关键是他们在排版上强调了层次感。整个版面大元素与小元素之间,通过浅色及暗色及组织形成了协调的对比。

    一眼望去,电影明星盖伦霍尔( Gyllenhaal )是这个版面当之无愧的视觉焦点。他为什么有这种力量: 1 、他是这个网页中最大的一个元素; 2 、他的身体轮廓与那些矩形的直线边框形成了对比; 3 、他超出了区域一部分; 4 、以黑色为主的肖像与周围白色区域形成了对比。 5 、在这么多图片中,他的面孔是大家最熟悉的,而且,他还直视着你。

    从下面的示意图你或许看到更清楚:

    A 是最主要的区域。( 1 )该版面被分成三个主要区域;( 2 )而每一个区域又再细分为各个小区域;( 3 )这些小区域里面还有更小的区域。而 A 区域给人颜色厚重的感觉,使它轻易地与其它两个区域分开。而 A 中的小区域之间的对比则较为低调,并没有象大区域的对比那样强烈。

    这样的划分,使到网页可以包含很多的信息。特别注意其中标题的样式,在不同区域中一些主要标题的字体及样式都是一样的,使到整个版面在视觉上形成一个整体。

    四、图片版面:一些小元素可以“软化”版面

    怎样才能在这个网页设计中,使吉普车的图片让观看的人显得更有动感?简单,在整个版面中加上一些小元素。这些小元素可以使网页及图片边框所形成的硬边感觉“软化”,使到整个版面让人觉得更加亲切吸引。

    从上面的两个网页中我们可以看到,图片的吉普车图片占据着非常大的位置,而且正在向你驶来!而当你加上一些小元素之后(如上图的小石块及树叶),会使到整个版面产生微妙的视觉变化,因为这些小元素与吉普车的比例与我们在现实生活中所看到的比例感觉差不多一致的,这样就会使吉普车给人的感觉更真实。而这些小元素加在版面的边缘上,软化了硬边的感觉。这些小元素我们可以从一些图片取出,而在应用时应该加上一点阴影效果,显得更真实。

    五、对于一些低预算及时间很紧迫的版面设计,我们应该走极端!

    对于一些小型设计项目,费用预算很低,但客户又要求你时间要快,面对这种情况,我们以极端的方式设计是其中最容易的一条路——或者让你的图片显得非常大,或者让图片显得非常小。收集一些矢量或图片素材,再加一些特别的字体,就可以轻松完成:

    上面的设计中各个元素显得很小,而且图片样式差不多。这种一行排列的设计不用几分钟就可以完成。一行细小的字体是希望故意增加版面的复杂性。而白色是其中主要的色调。

    而上图这个则相反,元素很大但结构却很简单,我们将其中的图片尽可能拉大,但与背景的对比不要太过强烈,出来的效果就是:你毫不费吹灰之力就创造出一种很酷的视觉效果。线条较细的字体与图中那只有点呆鹳的形象产生良好搭配。请注意小示意图中的虚线,它是各个元素之间产生联系的参考线。


    版面:个人关系

    在下次你设计手册时,你可以尝试 “面对面”的设计风格!我们设计的重点不是什么 LOGO ,也不是公司名字的首字母缩写,而是利用漂亮的人物形象来安排版面,这些人物都是与你的机构有某种联系,如下图这个联合校区的宣传手册中,人物包括顾问、房地产经纪,教师或政治人物等。其中的关键就是要简洁——大块的留白空间,人物图像尺寸够大,而且没有杂乱的背景,文字则要干净低调。

    简洁漂亮的封面产生了一种友善的气氛,苹果代表着“学校”,而封面的文字大小及颜色在内页中重复出现。

    这些人物如此真实,仿佛你可以跟他们握手一样。所有人物都以正面形象出现。我们采用了 3 个折页的设计,而且整个效果朴实简单,传达了一种让人愿意接近的效果。人物细致处理使到每个人的眼睛都处于同一水平线,但同时要注意各人的距离——如果太靠近,将会使读者看起来非常压抑。每一个版面都采用相同的排版方式。

    版面:浓缩你的设计

    设计一整页较大的版面有时确实令人畏惧——有太多的空间需要填充!我们面对一个比较大的版面时,总是潜意识里将每个元素都放得很大,使到各个元素都将版面占满心里才感觉舒服。但这种处理手法并不是一种设计!在这里,我们介绍一种更好更简单的解决办法。我们要思考的不是“再大一点”,相反,我们要想的是“能否再小一点,能否再集中一点”。将你的设计重点只集中在中间那部分。这种设计手法非常简单,而且你轻易地就能创造出一个强烈的视觉焦点。

    上述这个设计很显眼,也很明亮,但却不能传达出关键的信息:原来的设计师只是将所有的东西都放大,直到填满整个版面,这种处理手法看真起来有条有理——居中的设计能够让人轻易观看——但缺少视觉上的变化。

    在上图中, 1 、缩窄你的区域:周围大块的留白空间使人更容易将注意力放在中间。现在你的处理区域变小了,也使你设计起来更容易; 2 、加上文字:为了配合那个胖胖的蜥蜴,意味着我们要采用一种粗壮的字体( Block Heavy BQ 字体),这种字体呈现不规则的边缘,与蜥蜴的那些鳞角非常相似,同时也增加了中间区域的视觉份量; 3 、加进图片:这一步是整个设计最有趣的地方。我们先去掉原来蜥蜴图片中那些无谓的背景,然后将它放在中间区域与留白空间的连接处。这个蜥蜴本身所呈现的孤线边缘及立体感觉与上方的文字及直线区域形成强烈对比。

    修改后的设计显得干净利落,空间开阔,但却一点都不单调。

    图片:小图片,大作用

    打开 Abercrombie 的网页(见下图),首先印入你眼帘的是中间那张非常大的黑白照片,照片中的人物处于图片的中间区域。但图片下方那张小小的夹克衣服图片却使整个版面显得有趣生动:

    利用颜色及白色空间制造焦点:整个构图显得相当有趣,不是吗?这张小小的夹克彩色图片在视觉上的吸引力几乎与上方的那张黑白照片一样强烈。为什么?两个原因: 1 、整个版面里,它是唯一带有颜色的元素; 2 、它的周围有着很大的白色区域。

    利用对比产生吸引人的焦点:版面上两张图片(人物图片和夹克图片)无论在尺寸上还是颜色上都形成了对比。但版面中所有的直线区域同时与夹克图片的弧线也产生了对比(见上图)。留意夹克衣服的周边不规则的轮廓使它产生了一种生气及活力的气息,使你忍不住就要将它拿起来往身上穿。非常成功的一个设计。

    图片:设计“图片式”图表

    图表非常实用,利用图表,我们可以清晰知道各个数据之间的走势和联系,但普通的那种由行列线组成的图表却很难让人记住。在下一次设计图表时,你完全可以将它设计得更有活力,让人过目不忘。技巧就是:在表格里的后面或旁边加进一些插图。

    将图表放在图片上:篮子里的草霉表明了图表的主题——比仅用文字效果当然更好,图表上的红点仍然呼应着“草霉”这个主题。

    图表与图片结合:拉!推!抬!利用图表就将能平淡的数据变得更加活泼。在这个例子中,人物选择学生表明了图表的主题。

    版面:图片配合文字

    如果你要设计一本有关现代室内设计的书,你当然希望出来的封面也有一种现代感。而现代感则意味着元素尽量最少化:简单的线条,简单的字体,不要使用太多的颜色。而其中有趣的地方还在于,你要达到这种效果其实轻而易举。看一下我们是怎么做的:

    原来的设计中,元素太多,已超出了实际需要:初看上面的设计,还挺生动的——旁边四张挺有吸引力的室内设计图片围绕着整个版面——但这四张图片所呈现的风格完全不一样。这些图片所形成的直线方向(见上图箭头)是发散的,毫无规律。而且,这些图片无形中还互相形成了很多奇形怪状的空间。标题用了一种类似手写体的字体,与主图所呈现的风格并不搭配。原来的设计师或许花了很大的精力来设计这个版面,但老实说,这个版面的设计方向走错了!

    以轴线安排版面:正如我们刚才所说,现代意味着简洁。当我们在安排版面的元素时,可不象我们在装配家具那样,这里加一块板,那里加一个扣。我们要求的只是简单: 1 、整个版面中,一条水平轴线及一条垂直轴线统领着整个版面; 2 、整个版面里,没有形成边框或重叠; 3 、只有一张图片,而不是五张! 4 、只采用一种硬边感较强的字体(与图片呼应); 5 、文字颜色来自图片中的颜色(形成协调效果)。而出来的效果就是:图片与文字所传达的信息都是一致的。

    封面设计:小即是多

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

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

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

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

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

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

    在修改后的版面中,产品显得靠前,而且居中。我们将产品尽可能拉大,然后将各个要说明的部位用引线在其周围说明。非衬线字体容易辩认阅读。文字对比不强烈,整个版面显得干净清爽。并不需要象原图一样采用数字来说明。

    最底部的联系信息排成一行,呼应产品的水平感。而文字都是同一种字体,只是样式不一样而已——用粗体和细体来形成对比。

    版面:差别产生层次

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

    这种低调的设计很容易让人忽略,但你要记住,对于酒店来说,很多顾客第一个看到的东西就是它(也可能是最后!)。还是让我们花点时间来设计,使人瞥上一眼就能知道它要说什么。

    这个设计让人看起来并不象是一家酒店,反倒象是一个电子邮件的宣传版面,所有东西都是相同的,缺乏变化,而图表的细线看起来就象是用铅笔画出来一样,没有层次,没有视觉焦点。宣传的对象倒是美轮美奂(见下图),但问题是,如果这张价格牌本身不能吸引别人阅读从而使顾客走进这家酒店,里面再漂亮,也没有人知道!这张平淡的单张使所有的信息都变得暗淡。

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

    通过字体创造出层次感:只需要简单的对字体、字体样式及颜色作一些调整,就可以轻易使版面变得吸引。上图中:

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

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

    4 ,细体是具体的描述文字;

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

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

     

    通过颜色来创造层次:深中浅三色是用吸管在这张宴会厅的图片上取色的,我们用这三种颜色安排版面,轻易创造出层次感。深色用在图表的上方,而另外两种用来区分每一行。由于这三种颜色来自于酒店图片,使到颜色直接与酒店产生了联系。

    版面:由外到内

    要使设计的内部与外部有着相同的风格需要一定的技巧。怎么做?简单,将封面的字体、颜色、图片风格及主要的版式都搬到里面去。注意各种元素的比例,如绿色的使用比例及图片的大小,具体看一下效果:

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

    签名 LOGO :

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

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

    字体调整:我们可以通过对字体进行恰当的调整及选择来加强设计。在这个例子中,经典的 Adobe Garamond 传达了一种久远、传统及权威的感觉,而粗壮的 Franklin Gothic 粗体加强视觉的传达效果。因为上述这些都是差别很大的字体,所以为了使它们在一起能够协调配合,我们需要对个别字体进行调整。在这个例子中,我们将 Franklin 缩小一些。留意在上图名片中,白色的标题放在灰色区域中,显得特立独行。

    版面:将 CD 版面分成四等份使设计更加轻松

    CD 已经成为大家都经常用到一种储存媒介,但其圆形的区域有时令设计师感到头痛。在这里,我们将整个版面分为四等份,能够使你轻易完成设计。

    将区域分成四等份:

    经过四等份的划分,整个 CD 形成了四个区域,使你在排版时能更好安排元素——图片在其中一个,文字在另一个,而标题或文字则占据第三个。在上图中,文字背景的颜色是从图片取色——这是最快获得颜色和谐搭配的办法。

    希望有更多的区域来表现图片?简单,将相邻的两个区域合并即可,有四种排版形式(见下图)。留意在下图中,所有四种设计中的文字都为了配合 CD 的边缘弧线而作了调整。

    避免上图这两种排版形式:如果图片占用了三个区域,则使图片的视觉效果过于强烈,导致整个版面不平衡。图片对角摆放,虽然显得活泼,但也显得过于复杂,而且使整个版面缺少一个视觉焦点。

    文字:两种方法安排名单

    通过漂亮的文字及排版来安排名字及职位——包括工作人员、捐赠人、赞助商及参与者等,是向这些人最好的敬意。其中的关键是在设计名单时要简朴正统,不张扬,不夸张,为了达到这个目的,我们只使用一种经典的字体,尺寸要小,而且处于版面的主要位置,两种方式:

    1:象电影演员表一样

    无数部电影在安排演员名单时都采用这一种模式:名字及职位各向中间对齐,通过字体的粗细来区分名字及职位。而在颜色上则非常接近。我们可以简单地在矢量软件中使用“制表位”工具来调整。

    博物馆职员名单的设计

    2 ,将名单合并成一个整体区域。

    这种排版会使读者在阅读时速度减慢,但却显得更有艺术气息。用圆点来区分各个名单。整体形成一个矩形(上图红色直角处)。我们在段落面板中选择“所有行齐行”按钮即可实现(上图),为了达到最佳的效果,你可能需要对个别文字进行一些细节调整。

    出来的效果清新优雅

    版面:划分图片区域,使图片讲述更多的故事。

    无论你采用的是什么图片,图片中的每个人、每个对象及每个元素都有他们各自的故事。这就是我们为什么会对这种技巧情有独钟,爱不释手。通常,当人们要对一张图片进行说明时,都是将所有文字结合在一起来说明。而在这里,我们反其道而行之,打散这些说明,将文字各就各位,各自去到具体要描述的对象上,这种手法非常有趣,而且阅读起来也更加明了,而且由于文字区域较大,非常适合我们这些总是感觉时间不够用的现代人阅读。文字可放置在描述的对象的上方或者旁边,或者兼用也行:

    点击上图看大图

    如果你想让这张照片透露更多的信息,你还可以象上述一样,在你还要发挥的地方编号,然后将所要交代的背景在图片外说明,如上图中, 1 的文字为:活动中心,虽然活动中心设备乏善可陈,但却还是深受欢迎; 2 : JAVA 小姐,这已经是她的第三杯咖啡了,而现在还只是早上八点。她在上第二节课前还要喝第四杯……。这些信息你可以随意发挥,让整张图片显得更加有趣,还带点幽默。

    版面:建立页面模板令你快速完成一本协调的册子设计

    产品手册设计要从一而终!在设计时应该能够使你快速协调各个版面,而且能够经受得起无数次的“最后一分钟”(甚至最后一秒!)的修改。 Crate & Barrel 公司在设计产品手册时应用了一种效果良好的版面安排,使它可以轻易达到这个目标。在这一小开本尺寸的产品手册中,每个版面都被分成 6 个正方形区域(这就是一个页面模板)。每一个正方形区域中都放置图片或文字,但同一个正方形区域中绝对没有同时放置文字及图片。文字全部采用同一尺寸,而图片都是采用同一种类型及风格的照片,而且没有经过繁琐的特效加工。出来的结果就是:整本册子显得干净清新,就象他们的产品给人的感觉一样——而且做起来也一点不难,只要按着模板摆放元素就行了。

    字体采用一种简单清晰的字体,与图片相比,文字形成了一个低调的区域。只用一种字体尺寸,一种样式类别(如在整本小册子中,正文文字采用 Helvetica 细体,标题用粗体,而价钱用粗黑体)。这种文字安排使其没有与图片互相挤压,让人看起来很舒服。

    对于整个展开页来说,整个版面就


    学校地址:北京市通州区富河大街321号
    联系电话:010-60551702 010-60551902
    邮编:101149 邮箱:bwys@VIP.126.com
    Copyright©2015 北京物资学院继续教育学院 北京中视启航影视传媒有限公司 京ICP备17058254号