第一站 - 轻松上网从此开始!

上网第一站

当前位置: > 运营 >

网站设计中的字象乾坤——字体的排版设计

时间:2013-02-26 12:00来源:网络 作者:yangyang 点击: 我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
作为设计师的我们,每天都在与字体打交道,我们常常希望能很好的使用他们,为设计加油添彩。我们常常纳闷,电脑里这么多的字体,要用哪一个?文字有这么多,怎样

 

 

  作为设计师的我们,每天都在与字体打交道,我们常常希望能很好的使用他们,为设计加油添彩。我们常常纳闷,电脑里这么多的字体,要用哪一个?文字有这么多,怎样排版才能表达内心深处的思想?

  常常说,艺术是相通的。将文字排版与音乐结合起来,用视觉化的音乐和文字排版相结合,会让我们的字体排版更容易组合,更能体现我们的设计情感。

  将普通的文字赋予音乐的艺术形式,将文字排版赋予听觉的美感和视觉的美妙,更容易传递信息,表达其深层次的涵义。

  当音乐响起时,电脑播放器里变化雀跃的频谱图,音响喇叭发生震动产生的声波,跳动的五线谱和乐器发生引起的变化图(A-01),都是我们体现情感的视觉化形式。

  

 

  将文字排版用一个视觉化音乐的片段体现出来,从视觉上形成高度错落、疏密聚散、轻重缓急的效果,就具备了曲调的功能。

  而一个优秀的字体排版设计,则成为一段具有节奏和韵律的音乐,我们可以理解为是一首凝固的音乐。

  (一) 文字分析: 了解字体的结构和字体的特性,是我们排版优秀的字体的依据。

  字体排版设计中,点线面结合成的设计群体,高低错落、疏密聚散,是构成形式美的重要因素。26个英文字母,根据字体的粗细设定节点组合,每个单独的字母就构成了音符。

  如图(B-01),大写的I=1个长节点,O=4个长节点;如图(B-02),小写的a=3个短节点,b=1个长节点+2个短节点。

  

 

  

 

  单行文字排版的横向韵律:根据字体的粗细设定节点的粗细和排布疏密,就能产生轻重缓急高低错落的节奏感和韵律感,如图(B-03)。

  

 

  多行文字排版的纵向韵律:根据单行文字的长短和字体的粗细产生节奏和韵律,如图(B-04)。

  

 

  当我们将文字音符化之后,就可以开始整理出字体排版的规律,使我们的字体设计更富韵律感。

  (二)文字的韵律: 优秀的字体排版,具有其独特的美。由文字的律动演绎出米美妙的音乐。

  文字本身的韵律:按照客观字体的变化、运用常态的字体字符进行连续地排列,形成一种律动形式。

  一段文案,不采用任何修饰与变化,字体字号颜色都不变,所产生的节奏是就是单词与单词之间的间隔,字体是唯一能体现情感的依据。

  如下图,字体字号方向均相同,节点音符不断的重复出现,节奏就是单词之间字母之间的间距,而大小写的区分,则产生了高低起伏的韵律,字体的粗细使文字发散出欢快还是稳重的气息,如图(C-01)全部大写是平缓稳重的韵律,如图(C-02)采用大小写,则产生了高低起伏的韵律,而因为节点比之左边文字节点要细,所以会显得活泼一些。

  

 

  如图(C-03)所有字母都大写,单词间的间隔形成节奏,而单词间的颜色轻重形成韵律,文字排版在横向韵律的基础上又形成了纵向韵律。采用的字体稳重而不失活泼,加上下方的斜体字,使得整个文字排版透露出男性的稳重基调而又不失轻松愉快的韵律。

 

  字体排版设计的韵律美表现在重复上:可以是间距不同、形状相同的重复;也可以是形状不同、间距相同的重复;还可能是别的方式的单元重复。这种重复的首要条件是单元的相似性,或间距的规律性;其次是节奏的合逻辑性。

  (三)如何赋予文字韵律: 在文字本身涵盖的韵律节奏基础上,人为赋予其新的韵律和节奏

  使用基本的字体和字号,在不进行其他特意变化的情况下,根据文字本身的特点进行调整,使文字排版在横向上和纵向上都产生客观自然的韵律变化,使字体排版的律动更加连贯顺畅,赋予设计师所想体现的情感,如同音乐的曲风。

  如图(D-01)字体相同,不同字号,不同粗细,不同颜色,形成效果不同的韵律。节点的粗细间距都可以给人不同的韵律感,欢快的、稳重的、活泼可爱的还是紧张舒缓的,更由于韵律的不同而有更明显的对比。

  

 

  案例分析:

  

图(D-02),文字采用大写,以单词的间距为节奏,字号大小进行对比形成韵律的强弱,文字排版理性而有秩序,由细微的韵律引导,突然变化成强烈的声调,主题震撼,醒目突出。

 

  

图(D-03),词间距为节奏,字号大小进行强烈对比突出DENIM,又因为采用的细线字体,使整个画面的韵律时尚又圆润,符合女装的主题。

 

  图(D-04),词间距为节奏,字号大小进行强烈对比。首先以轻柔的高低起伏的音乐进入,继而以强烈的音乐震撼全场,后续仍以轻柔的音乐做为补充,交响曲的韵律突出重点,节奏震撼明朗。

  

 

  

图(D-05),横向上看,词间距为节奏,字体的粗细对比形成音律强弱,字体颜色深浅加强了音律效果,纵向来看字体大小颜色形成强-弱-强-中-弱的韵律。

 

  (三)如何赋予文字韵律-基线、特效: 通过改变排版方式,添加一些特别效果如倾斜或者是手写,使文字更具趣味性。

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕