设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

浅析网页设计中汉字的排列小技巧

发表日期:2018-5-25 作者来源:派谷网络 浏览次数:

    网页设计中字体的排列也是非常有技巧的,它不同于英文字母的排列顺序,那就不多废话我们奔入主题!

    文字分栏:

    对于内文,如果篇幅过长,应该考虑为其分栏。分栏的方式有两种:一种就是把整个篇幅平均分成几个相同容量的段块,另一种就是根据文本内容的结构,以自然 段为基础进行分栏,也就是每一段分为一栏,这种分栏方式能产生比较灵活自由、错落有致的视觉风格,但不是所有的篇幅都可以这样来分,它只适合于自然段比较明显均衡,段落数量不多,各个段之间的文本容积相差不大的条件下才可以实现。分栏的另一个要注意的地方就是栏宽的确定,一般来说,15-25个字的栏宽视觉效果比较适舒,超长或超短都会引起阅读的不方便。

    字体的设置:

    好的字体要用好的表现方式,对于每一种字体的挑选,一定要根据版面传达的内容和气质进行对照选择,不要带有个人喜好,许多平常不用的基础字体要尝试着去用,这样能加深对字体的理解,还有就是参考好的设计作品,看他们是如何使用文字的。总是就是不要乱用,要有切实可行道理,最关键就是一定要有视觉美感。

    首先要明白的一点就是:不同的字体有着不同的性格和气质,也就是说字体是有生命的。许多设计师对使用字体很迷茫,不知道什么情况下该使用什么样的字体,其实这就是没有去真正关注字体性格的结果。

    现在电脑上的字库五花八门,基本上我们所需要的字体在里面都能找到,但似乎选择的余地越大情况却越糟糕,各种字体出现在不应该出现的场合已是司空见惯!所以我们要学会区分各种字体的适合范围,一个基本原则就是字体的气质与版面的气质是否吻合?但有些字体在设计中却尽量少用或避免使用,比如文鼎的新字库里面的稀奇古怪的字体,非常粗俗,层次很低,然后就是综艺体、中行书、隶书之类的电脑字体,粗糙难看,气质很差。

    真正经得起推敲的几种字体是:宋体(标宋、书宋、大宋、中宋、仿宋、细仿宋)、黑体(中黑、平黑、细黑、大黑)、楷体(中楷、大楷、特楷)、等线体(中等线、细等线)、圆黑体(中圆、细圆、特圆),这些字体是一些标准的基础字体,虽然普通却很耐看,一般内文都使用这些字体。

    字号的大小:

    字号的大小确定需要有三个依据:一是各个层级元素之间的对比关系,a应该比b大多少,c应该比b小多少,应该要把各个层级之间的轻重关系体现出来。二是版面整体比例关系,也就是让文字突出但不唐突,弱化但要可见。三是成品的视觉效果,这是最重要的,比如一段内文,在报纸广告上可能8号至10号就足够了,但在海报招贴上,因为阅读距离的不同,可能需要24号字以上才能看清楚,而在形象画册上,6号至8号字都能看得很清楚,10号字都已经感觉偏大了一点。
所以根据不同的成品媒介考虑不同的字号大小是非常重要的,千万不能依赖电脑屏幕的显示效果做为最终依据,要经常培养对字号大小的敏感程度,在一个经验丰富的设计师眼里,8号字和9号字的区别是非常大的,它们代表着完全不同的表现力。总之一点,字号的大小是一种固定物理尺度,在设计中不能以单纯的感性观察作为确定依据,而要同时加入理性经验和成品概念来作为参考的依据。

    字距和行距的再设计:

    一般来说,字距的确定是由字体结构来决定的,因为每种字体对字符的占用空间是不一样的,比如楷体,结构比较自由灵活,对字符四边的占用率比较小,所以它所要求的"字距"也相对较小,字距太宽的话视觉效果就会散,阅读起来很吃力。而黑体和宋体则对四边的空间利用率很高,字符很满,因此它所需要的字距空间就比楷体要稍微大一点,才能让阅读者感觉舒适在正常情况下,电脑的默认字距都偏宽,应该适当把字距调小一点。

    行距的设计,则最能体现一个文字篇章的气质,汉字的行距设定一定要比字距大(除非你纯粹在追求一种特殊效果),行距最小应该在字高的50%以上才会看起来 舒适,才能让"行"的感觉出来。单个汉字在设计中是一个个"点",汉字的编排就是把这些点连成我们需要的线、面、形体,让它为设计服务,至于是让它成为点还是线或者是面,就完全由字距和行距所决定,有时我们在做一些比较大气的版面时,为了寻求一种视觉张力,会把文字行距处理超常地宽或窄,以加强每行字在设计版面中的作用力,充当"节奏线"的概念。有时也可以夸张字距,让字距超常地宽,让文字在设计中起到"点"的作用。

    气口的设置:

    汉字的编排不象英文,英文有上标下标,有单词之间的空隔,所以排列起来感觉很有节奏感和韵律感,汉字每个字之间都太规则,所以排列起来沉闷无趣,要打破这种局面,就要学会设置气口。所谓气口,就是能让大篇幅文本透气的空间,让阅读者有喘气的机会。一般来说,汉字编排中气口的设置在段前段后进行,气口的基本特征就是比正常的行距要大、与文字篇幅外围的大面积留白相连接、具有与空气对流相同原理的空白视觉通道。

    气口的设置根据设计的具体需要进行设置,篇幅小的时候一个气口就足够了,篇幅大而复杂时,则需要设置多个气口,尤其是抽象、枯燥的技术型文本块,由于层级关系复杂,更需要针对不同层级设计不同的气口,这样能缓和阅读的紧张感,让文本块看起来有节奏感和趣味性。要注意的是,气口的设置一定要在自然段或自然章节的前后进行,不要勉强拆分一个完整段来设置气口,这样会破坏文本本身的完整性。

    文本块的顶部与其它相邻元素的空间也就应该保持至少3个字符的安全距离,而且越多越好。文本块的右边和下边对空间的需求相对较小,一般保持1个字符以上的安全距离就可以了。当然这并不是绝对的数值,许多情况下这些规则是可以被打破的,我们在设计的过程中应该多进行这种视觉实验,多揣摩好的设计作品的文本外围留空是怎样的,提高自已对这方面的认识,以后就会慢慢掌握留空的方法。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻
网站建设解决方案