TEL:18946076100
当前位置:网站首页 >资讯> 宣传册设计> 排版设计基础常识, 网页设计中文字排版设计的技巧
排版设计基础常识, 网页设计中文字排版设计的技巧
编辑:统领设计 时间:2022-05-31

排版设计,输入的文字要具有参与性。文字要与图片之间有整合的思路。在排版设计中,首先一定要传达出客户想要表达的主要思想,对于版式设计,对于初级排版专员来说,可慢慢领悟。形象化的文字,更加表达主题内容,更吸引眼球。

  排版设计要强调出创意,版式设计的新颖,要有很丰富的想象力,要尽可能的将各种食物进行联系,呈现出不同的艺术比哦啊先例。仅仅将文字和图形之间相互配置,传达的主题内容也许不够富有活力。

  排版设计要有个性化的语言,要富有情感性的设计。特别是对于无规则图形之间互相的运用,要比整齐的排列,显得更有个性化。要配合各种色彩做简单的运用。灰色与抢眼的黄色之间搭配,可更加突出黄色主题颜色的内容。

  排版设计一定要强调出美感,更要体现出创意,选择富有生动性的暖色调,强调的是一种有爱心的主题。选择黑色和白色冷色调的主题,更有神秘感。不管设计什么样的图形,一定要表达出主要的情感,如果只是简单地排版,显得很生硬。

  排版设计可考虑到选择利用立体图形,做三维设计。简单的线条,选择用黑色的背景做衬托,选择不同颜色的色块,是更加富有创意性的思考。

  排版设计中的版式要富含有创意,即使是对称式的版式样式,也要加入跳跃性比较大的图片,这样显得不会呆板。对称性版式设计海报,更重要的是强调的内容模块区域要大一些,其他不重要的内容应该小一点哦。

  网页设计中文字排版设计的技巧

  行长

  我们随手拿起一本书或者一份报纸,数一数每行的文字,一般情况下都不会超过40个汉字。这是因为如果每行文字过长,读者会不停的转动脖子,感到疲惫的同时也会降低阅读效率;目光从行尾移至下一行首,也很容易串行,影响读者浏览文章的节奏。这点同样适用于网页上的文章阅读。由于显示器是横向的,我们更要注意划分阅读区域。文本宽度控制在450-700px为宜,此范围内参照字号大小;英文每行80-100个字母(空格算一个字母)为宜;中文每行30-40个汉字为宜。

  行宽

  我们可以想象一下:如果一行文字过长,视线移动距离长,很难让人注意到段落起点和终点,阅读比较困难;如果一行文字过短,眼睛要不停来回扫视,破坏阅读节奏。因此我们可以让内容区的每一行承载合适的字数,来提高易读性。传统图书排版每行最佳字符数是55—75,实际在网页上每行字符75—85更流行。中文在14号字体时,建议35—45个文字。

  间距

  通过设置间距,我们就可以控制文字的密度。网页设计中,如果每行间距太小,与文字过长一样,读者浏览文章时也容易串行;如果行距过宽,阅读时就会感觉文章不够连贯。间距没有固定的值,通常是根据字体大小来定义的。在word里我们常看到双倍行距、单倍行距和1.5倍行距的选项。网页上行距的单位常用em来表示,不管是中文网站还是英文网站,大家多喜欢用1.5em-1.8em的行距。以1.6em的行距为例,字号16px的字,行距就是25.6px。

  关于段距,我们要考虑一下具体实际情况。比如文章篇幅较短,就不需要很宽的段距;二文章篇幅很长,特别是那些偏学术的比较枯燥的文章,就要多利用段距把握文章的节奏,给阅读者喘息和思考的机会,且使文章更有层次和可读性。如(图)所示,1.5-1.8em的行距的确是非常适于阅读的文字密度。

  另外,行高/段落之间的空白=0.754。行间距正好是段落间距的75%是非常常见的。比如简书16号字体,行间距27px/段间距36px=75%。文字字号本身比较大,所以行间距也不需要严格按照1—1.5倍的比例设置,不过行间距和段间距的比例符合75%,看起来很不错,这样的视觉效果让人在阅读时保持一种节奏感,这就是在实际情况中将规范的灵活应用。

  行对齐

  排版中很重要的一个规范就是把应该对其的地方对齐,比如每个段落行的位置对齐。

  不论哪种视觉效果,精美的、正式的、有趣的还是严肃的,一般都可以应用一种明确的对齐来达到目的。

  通常情况下,建议在页面上只是用一种文本对齐,尽量避免两端对齐。

  文字留白

  在排版文字时,在版面需要留出空余空间,留白面积从小到大应该遵循的顺序是:字间距、行间距、段间距。此外,在排版内容区之前,需要根据页面实际情况给页面四周留出余白。

  对齐

  在网页设计中,元素在页面上不能随意摆放,每一项都应与页面内容存在某种联系。对齐可对齐是网页设计必不可少的部分,它可以帮助设计师做出吸引人的设计,是优秀网页设计的潜在要求。

  亲密性

  位置的接近意味着存在关联,亲密性是指将相关项组织在一起让它们从整体看看起来和谐统一。亲密性可以从两点入手:适当留白、以视觉重点突出层次感。比如以下案例中图文搭配,这是多个元素在一起的组合排版。


转载请注明出处:排版设计基础常识, 网页设计中文字排版设计的技巧:http://www.tonglingsj.com/xuanchuanceshejin/164.html
版权声明:《排版设计基础常识, 网页设计中文字排版设计的技巧》一文由宣传册设计公司整理发布,宣传册设计公司整理发布的相关文章,若未标注原创的,内容均来自网络或第三方媒体,文章仅代表原作者的观点。本站不保证文章内容的有效性及不对信息、图片的真实性、合法性负任何法律责任。转载文章图片是出于传递更多信息之目的。若有来源标注错误或侵犯了您的合法权益,请作者持权属证明与本网联系,我们将及时更正、删除,谢谢!本网站之声明以及其修改权、更新权和最终解释权均属宣传册设计公司所有。

相关文章推荐

Recommended Case

推荐案例