Hi,网页设计师综合门户欢迎您!
设为首页  加为收藏  我要投稿找回密码免责声明意见反馈

招聘精英个人求职推广网站网友作品网页特效动画欣赏网页素材酷站欣赏源码下载设计软件

  • 全站搜索
  • 新闻资讯
  • 网页教程
  • 平面教程
  • 程序设计
  • 视频教程
  • Flash教程

网页设计师提供网页设计、网站程序开发、系统开发等,请联系QQ 103198680

 您当前的位置:首页 > 阅读文章
网页设计师综合门户欢迎您!

标志设计中应如何正确搭配字体

刊登方式:转载   来源:网络  作者:  关键词:平面设计理念  更新时间:2017/8/11

  在标志设计中文字与图形元素总是紧密配合,只有恰当的字体与图形搭配时才能发挥最大的视觉效果。这也意味着你不能抛开图案,只是一厢情愿地选择你自己喜欢的某种字体。如何才能让图形与文字完美结合?如何才能确定某种字体是否能够与某个图案相搭配?一切从观察开始。

  每个人都有自己喜欢使用的字体,但你喜欢的字体并不可能在任何时候都适合使用。只有样式特点与合适的图案相结合时,才能发挥出字体的力量感。 有时候你无意中看到某种字体便一见钟情,希望立即就将这种字体用在你自己的设计上。但在你决定使用之前,你是否了解这种字体的线条、形状及细节是否也适用于其它的设计上呢?我们如何作出决定?有时观察一种字体就象在观察一个人的面孔。虽然每个人都有着相同的五官,但我们往往是通过一些细节来辨认某个人的,如眼眉,嘴唇及性格等。同样的,我们需要让某种字体与其它元素互补时,才能真正发挥字体的个性及魅力,否则你使用的字体可能会显得不合事宜,或者仅仅是有趣而已。

  University Roman字体:

  走在蒙特里著名的罐头厂街的游览胜地时,你会看到University Roman字体出现在这家精品店的招牌上。但这种字体给人的感觉与这家商店却并不搭配,University Roman的字母呈现一种不规则、繁琐的卷曲线及非常幼细的衬线,倒象是你一身狂欢节的打扮去参加一个政治或科学的课程班。这种字体可不是用在这里,它可是要去参加舞会的!让我们看看如何才能在恰当的地方使用这种字体。

  字体观察:

  将这种字体所有的字母都打出来,然后在上面写上你看到了什么。为什么要写下来?因为要确保你真的已经对这些字母作了仔细的观察。

标志设计中应如何正确搭配字体 网页设计师综合门户

 

  细节观察:

  University Roman字体飘逸的结构使其呈现一种手写体、充满圣诞节气息的特质,这种字体非常适用于在一些奇幻或浪漫的主题中使用。

/uplink/Activities/Uploadimgs/201501/20151201494117034778.jpg

 

2.jpg

 

  优点与缺点:

  University Roman字母的构成显得非常不规则,而且有很多装饰细节,这注定了这种字体具有良好的展示性及讨人喜欢的面孔,但却并不适合作为正文阅读。要确保在使用时字体尺寸够大。

/uplink/Activities/Uploadimgs/201501/2015120149411182052/uplink/Activities/Uploadimgs/201501/20151201494114293395.jpg

 

  从上面的比较中我们可以轻易看到,University Roman如果作为正文,将会让人看得抓狂,正文的字体我们一般要采用具有固定节奏感的而且不过于张扬的中性字体才最合适。University Roman作为非常简短的标题或提要时则完全可以胜任(如上图下所示),但如果你的文字超过一句话,你还是少用为妙。

/uplink/Activities/Uploadimgs/201501/20151201494110011048.jpg

 

  在实际中应用:

  在实际的设计中我们要使用这种字体,最大的挑战是如何将字体与图形元素完美的二合为一。我们先通过两个已经完稿的作品来讲述设计中我们的一些思考。

/uplink/Activities/Uploadimgs/201501/20151201494114293395.jpg

 

  (一个春季大减价的宣传卡片设计)

6.jpg

 

  上面两个卡片都设计得非常漂亮。无论是字体的线条、形状还是颜色都与图形元素紧密配合,整体上都呈现一种自然和谐的气息。单独的文字及单独的图形都有各自的力量,但如果两者搭配,完全可以达到一加一大于二的效果。

  寻找文字与图形的共性:

/uplink/Activities/Uploadimgs/201501/20151201494213765887.jpg

 

  圆形:对于一些本身就是呈圆弧形的字母我们可以轻易地发现圆形的存在,但也请你留意一些细节,对于一些字母中的留白空间、曲线包围的区域等同样也具有圆形的结构特点。

  图片下方的说明文字我们是采用另一种字体(Futura字体)作为正文,这种字体没有这么花俏,适合于尺寸比较小及文字比较多的时候阅读。有趣之处在于,虽然这种字体与University Roman相差非常大,但圆弧形的结构仍然是这两种字体的共同特点。

8.jpg

 

  图案中那些滴珠状的元素与S这些字母中里面的负空间区域是非常相似的。

  利用颜色及“边缘”结合文字与图形

  在这个设计中,文字与图形粗看是分开摆放的,但其中的文字区域与图案的边缘是紧密结合的,然后再用漂亮的渐变色来联结两者。

/uplink/Activities/Uploadimgs/201501/20151201494214185342.jpg

 

  使用颜色结合:紫黄渐变及青绿渐变都显得清新明亮。从图案中分别取色然后在包含文字的整个图形上应用渐变色,使整个版面都透着一种自然的光辉,也将所有的元素都完美地结合在一起。

/uplink/Activities/Uploadimgs/201501/20151201494218819561.jpg

 

  使边缘结合:将文字紧靠图案边缘使两者产生浑然一体的感觉。你并不需要使用精细的参考线去做,只需凭你的眼睛的感觉完成即可。这样的结合还使图形边缘处一些过于琐碎繁杂的细小元素被忽略。

  在卡片上排版:

  版面意味着一种限制及约束!我们通过在对角复制一个小元素来平衡整个结构。

1/uplink/Activities/Uploadimgs/201501/20151201494117034778.jpg

 

/uplink/Activities/Uploadimgs/201501/20151201494311485176.jpg

 

  现在我们来看看第二张卡片的设计过程:

  对于第二个设计,整个设计充满一种宫廷、神秘及奇幻的气息。我们所使用的University Roman字体在这个化妆舞会的邀请卡名设计中同样发挥出色。

1/uplink/Activities/Uploadimgs/201501/2015120149411182052/uplink/Activities/Uploadimgs/201501/20151201494114293395.jpg

 

  现在我们来看看第二张卡片的设计过程:

  对于第二个设计,整个设计充满一种宫廷、神秘及奇幻的气息。我们所使用的University Roman字体在这个化妆舞会的邀请卡名设计中同样发挥出色。

  选择正确的图片是关键的第一步:在一个以化妆舞会为主题的设计中,采用面具来表达是一种很自然的选择。但问题是:选择那一个面具?在图片搜索中我们可以搜索到大量的相关图片,都各有特点。

  我们最终选择的这张图片,其细节与我们所使用的University Roman字体具有非常多的相似之处,两者都呈现一种花纹、华丽及细节丰富的视觉效果。字体采用金色能够与图案产生直接的联系,加强整个构图的力量感。象上图左边第三个面具图片,色彩华丽,也非常有吸引力,但它必须放置在一个舞台的背景上才能发挥作用。而如果采用过于真实的脸部图片(上图左第二张图片),又会使设计的吸引力被转移,观看的人会在想:她是谁?这并不是我们在设计中想要的。

  一张充满魅力的图片,再加上合适的颜色及字体,直接放在版面上,就已经可以形成一个独特及强有力的设计。