专注中英响应式外贸网站建设!自适应IPAD+手机微信+电脑,网站访问速度快

建站优化电话:138 2557 5516 关于智唯 | 联系智唯
网站设计News
公司网站建设

从设计规则看文字排版

关键词:广州建站 作者:智唯建站 | VISITORS: | 来源:智唯网络科技
26Mar
2018
一个好的设计作品是由多种元素构成的,所以在设计的过程中,我们不仅需要看重画面的设计,还要注意文字的排版。

  一个好的设计作品是由多种元素构成的,所以在设计的过程中,我们不仅需要看重画面的设计,还要注意文字的排版。

  

从设计规则看文字排版

 

  “细节决定成败”,在设计中也同样如此。

  一个好的设计作品是由多种元素构成的,有的设计师往往重画面,而忽视了文字的排版。然而文字是最强有力的表现形式,和最有力量的信息内容。

  人们在看一件作品的视觉顺序应该是:从主题到画面、到作品内容、再到各种细节的表现。主题大都是以文字的形式来展现会更加直观,作品内容则是由一段一段文字来说明。

  读者的视线在文字上的停留时间要比画面更长,所以可千万不要忽视文字的排版!

  一、中文字体、西文字体的排版及标点符号的调整

  在画面中,主题字体的选择往往在很大程度上,决定了整体的风格定性,所以字体的选择和设计一定会占用很多的精力来完成。

  通常30%左右的时间是留给主题字体设计的,如果你所用的时间与之差别很大,那一定要好好审视自己的设计了。

  之所以在这里把中文字体和西文字体(大多数是英文)拿出来讨论,原因是:现在绝大多数的设计师,在文字排版选择字体的时候,中西文使用一种字体,但是中西字体属性在设计之初就有很大的区别。如:文字的大小写、比划、字重、间距、基线、字号等等,所以不能使用同一种字体。

  每一种字体设计师在设计字库前,往往投入了大量的工作来做这些调整,从而让字体在大部分的排版情况下,保持良好的阅读性及美观性。而中文字库往往不包括西文字体的的设计,西文字库也更不可能包括中文字体的设计。

  即使有也大多不尽人意,所以我们需要把中西文字体分开来对待,尤其是要考虑西文字体中的衬线体及非衬线体与中文的搭配。

  以下内容使用同一种中文字体:汉仪全唐诗简体。

  

从设计规则看文字排版

 

  以下第二段内容使用不同的中西文字体:汉仪全唐诗简体、Iowan Old Style,并且对字体大小、间距、基线做了调整。

  

从设计规则看文字排版

 

  大段文字不可能一个一个进行筛选和调整,可以小段文字用illustrator,大段文字如:画册,要用专业的排版软件indesign。

  这的确是一个很费功夫和眼力的工作,而在indesign里的复合字体,往往可以调整一次参数,应用到所有你想应用的文字上,是一个非常好用的工具。

  

从设计规则看文字排版

 

  阿拉伯数字也属于西文字体,在进行调整的时候,最好和文中的西文字体一起进行。标点符号是最容易被忽视的部分,但是标点符号的运用有时候也会影响整体排版的美观性。

  下面的内容是繁体排版,注意文字之间标点符号的排版特点。

  

从设计规则看文字排版

 

  我个人比较喜欢繁体标点符号的排版,垂直和水平居中于段落文字当中,分割恰到好处。

  而我们简体文字的排版是:标点紧跟前一个文字,后面有很大的空隙,导致在视觉整体上,感觉断断续续显得不美观。

  所以解决的办法,可以汲取繁体标点排版左右平衡的优势,进行调整。缩小标点的字符间距,有必要时调整标点符号的字号,这样既在视觉上保持很好的效果,又可以在单位面积上承载更多的文字内容。

  下面的第三段修改方案是我个人的建议。

  

从设计规则看文字排版

 

  illustrator中可以在文字段落中调整“标点挤压集”,设置为“日文标点符号转换规则-半角”。

  标点符号还需注意的问题是——避免出现在每行的第一个字符位置。

  

从设计规则看文字排版

 

  字体调整好后再来看整体排版,或者可以说段落调整。

  这里推荐《写给大家看的设计书》,作者 Robin Williams,书中讲到了四大设计原则:亲密性、对齐、重复、对比。

  排版之所以看起来舒服,是因为设计师把大堆文字重新做了规划,让受众能够在很多的信息中,依照权重进行有序阅读达到视觉顺序。