加入K印象设计师团队

K印象是一个真实的社区,注册后,你可以:
  向政府、企业展示你的设计作品
  参加政府、企业举办的设计征稿活动
  与广大设计师交流心得

设为主页 加入收藏
首页 > 经验分享 > 平面设计心得 >

名称与图片自然形成的线条配合

媒体:全球设计网  作者:全球设计网
专业号:K印象资讯 2014/12/31 18:22:21

一、封面:与图片线条配合

Chico’s》时装杂志的夏季服装展示封面设计之所以能够吸引我们的眼睛,是因为他们大胆地将名称与图片自然形成的线条配合,而不是让名称固定不变。看看他们如何做的:

 

名称与图片自然形成的线条配合

 

矩形状:站立的模特分成的三个部分(面部―衬衣―牛仔裤,上图左)靠在一面砖墙上使整个图片形成多个矩形,标题自然摆放,并堆放在照片上,文字同样形成了矩形块。整个图片及各个元素都呈现水平及矩形的感觉,所以整体看起来自然和谐。

名称与图片自然形成的线条配合

 

垂直:而在另一期产品介绍上,图中模特的长袖衫衣、V形开襟及一个伸展流动的造型使整个图片形成了一个由上至下的流畅线条,为了配合图片的特性,品牌名称也是大胆地垂直摆放,顺应了图片的特性,使你一眼就被封面吸引。

 

二、排版:一个空格还是两个空格?

在英文文字排版中,在一个句子(句号)后,我们需要空一格,这是为什么呢?

名称与图片自然形成的线条配合

文字排版:在近600年的印刷历史中,一些字体如Garamond(见 上方)(甚至包括一些手写体),每个字母都有自己的比例构成。所以每个字母根据本身的结构,使到不同的字母所占的宽度是不一样的,这样当文字排在一起时, 我们感觉文字能够自然流动并可清晰阅读,中间感觉不到障碍,整体也很漂亮。在句子后空一个空格(称作“法式间隔”)延续了文字的流动性,可以说是一种设计。

名称与图片自然形成的线条配合

打印文字:但用打字机打出来的英文文字并不规范。上图中,A,当打字机在19世纪发明时,各个字母所占的宽度都是相同的,如上方,M的宽度与一个i字母及句号的宽度都是一样的,在打字机中,句子后面是留了两个间隔的。B, 在那时,当人们习惯阅读打字机打出来的文字时,大家认为在句子后空多两个格(空两格被称作“英式间隔”)可以使在打字机打印出来的文字更加容易阅读。习惯 成自然,后来在打字机中空两个格也就成为了打字中一条不成文但必须遵守的规定,但现在打字机也已经基本被淘汰了,所以在目前排版中并不需要这样做。

三、标题:匆忙一瞥也让人记住

现在的读者比以前需要有更多的信息需要处理,所以帮助那些匆忙的观众能够清晰地阅读你的内容,我们通过强调某些词语从而使标题创造了一个二级小标题。

名称与图片自然形成的线条配合名称与图片自然形成的线条配合

 

双重功能:最上图,利用白色文字突出二个词语,我们创造了一个更短但意思与完整标题相似的另一个小标题“变化中的萨克拉门托“Changing Sacramento)。这种技巧在一些需要较远距离观看时效果更加突出(上左)。被强调的词语也可单独表达自己的意思。上右,在Happy Cog’s的网站上,在简介中通过强调四个词语,形成一个主要的导航链接,被强调的词语通过颜色及全大小写字母来突出,所以一眼望去,你已经知道意思所在。

四、字体:需要一张特别的图片?可以尝试一下字母!

较大的字母在排版中常见于在文章中第一个字母的下沉应用,但“超大”字体则已经可以单独成为一个吸引视线的告示牌,而且设计起来也很有趣,基本的技巧如下:

名称与图片自然形成的线条配合

 

粗状的字体:你需要一种非常粗状的字母或某种特别的字体,这样字母本身才能拥有足够的地方来承载文字(上图我们选择的是Giza Five Five字体)。而加上一张小图片则可增加整个设计效果的视觉趣味性,同时提供给读者更多的信息。图片可直接放在上面(如上图葡萄)也可放在稍侧一点(如上图人物),为了突出文字信息,留意这里我们大字母本身采用比较深沉的颜色,而正文则采用比较亮的颜色。

名称与图片自然形成的线条配合

 

粗状的数字:在这个贷款购车零利率的小广告中,数字0是一个可以充分应用的元素,也增加了一个图像焦点,能够自然地吸引你的视线去到中央区域(上图采用的数字字体为Frutiger Black)。放在数字上方形成叠加效果的汽车营造了一种尺寸对比、视觉纵深及一种宽广的视觉氛围。

五、混合大写字母

你已经懂得利用斜体、而不是全大写字母来作为一种强调,但如何对付那些令人有点讨厌的全大写首字母缩写?全设定为大写字母显得有点大,但小型大写字母(Small Caps)则显得有点小,看我们如何在细节上处理:

名称与图片自然形成的线条配合

名称与图片自然形成的线条配合

上图中:

A,全大写字母:“PDF”及“DVD”与相邻的小写字母对比显得太大;

B,小型大写字母:真正的小型大写字母*是以小字字母的尺寸来呈现大写字母,在文字可往往可趣到漂亮的效果,但作为标题,它有时又显得太小。

C,自定义:我们的解决办法将大写字母减少15%。

 

什么是“小型大写字母”?

在很多端庄优雅的字体中都可设定为小型大写字母。如下面的JUNE(注意不是“June”),真正的小型大写字母(在AI的字符面板中可设定)其大写字母与小写字母粗细是一样的,而一些非真正的小型大写字母,是自己将普通的大写字母缩小形成的,这就会导致字母粗细不

一,实际上搭配起来也不漂亮。

名称与图片自然形成的线条配合

通过如在Adobe Illustrator这样的软件中,我们是可以在排版中方便地将某些词语设为“小型大写字母”。下图是AI CS4 中文版中设定小型大写字母的面板(红框处)的截图:

 

名称与图片自然形成的线条配合

我也说两句
E-File帐号:用户名: 密码: [注册]
评论:(内容不能超过500字。)

*评论内容将在30分钟以后显示!
版权声明:
1.依据《服务条款》,本网页发布的原创作品,版权归发布者(即注册用户)所有;本网页发布的转载作品,由发布者按照互联网精神进行分享,遵守相关法律法规,无商业获利行为,无版权纠纷。
2.本网页是第三方信息存储空间,阿酷公司是网络服务提供者,服务对象为注册用户。该项服务免费,阿酷公司不向注册用户收取任何费用。
  名称:阿酷(北京)科技发展有限公司
  联系人:李女士,QQ468780427
  网络地址:www.arkoo.com
3.本网页参与各方的所有行为,完全遵守《信息网络传播权保护条例》。如有侵权行为,请权利人通知阿酷公司,阿酷公司将根据本条例第二十二条规定删除侵权作品。

 

 

本站会员发布的"原创作品",版权归原作者所有,如需商业用途或转载请与作者联系。
如未经作者同意,用作商业用途或匿名转载,作者将保留追究侵权者法律责任的权利。
© K印象 www.kimage.cn . All Rights Reserved | 基于现代网站理论和E-file技术构建 | 京ICP备10001932号-3