062019-05

北京网页设计中基础图文排版解决方案

  

  在我们的网页设计中,关于图文排版是个老生常谈的话题,每一位设计师都具备一定的图文排版能力,我们工作中几乎天天都在排版,对于排版似乎是信手拈来,然而就是这样的信手拈来,却会让不少初级、中级的设计师,忽视掉很多排版的细节,做起设计来也毫无章法。在这里北京网站设计公司(赢咖3),整理了一些在排版中值得注意的细节等技巧。
这是一张描述北京网页设计中基础图文排版解决方案的图片

  文字与背景需要清晰区分

  遵循白纸黑字的原则,在深色与文字对比度不够,文字的背景上采用亮色的字体一般能保证可读性,字体过细、背景透明度过高等问题,都会造成文字背景融为一体,存在诸如此类的问题都要针对性的去调整。

  保证文字的可读性

  在页面中,文字是重要的信息来源,所以要保证其可读性是文字排版中首要考虑的事情,影响文字可读性的因素很多,但是在众多问题中,流畅的阅读排版是保障可读性的基础,在排版中控制好文本的长度、字间距、行距、段落与对齐方式,就能够有效的提高可读性。

  选择风格合适的字体

  选择与页面设计风格不搭的字体会带来"违和"的感觉,会改变页面的气质,对信息传递产生影响。要根据页面的风格,去选择与之气质契合的字体,如粗体厚重、细体高冷。如右图中,有棱角的字体与画面搭配,会有赢咖3跟潮流的感觉出现。

  控制字体类型数量

  北京网页设计除了选择风格合适的字体,也要控制字体类型数量。通常单个页面内字体类型数量最好不超过3种。因为字体种类太多会让页面风格极其难统一,也容易出现上文所说的字体与页面风格不搭。虽说字体类型数量没有非要控制在3种以内,但太多的字体类型可控性很差也容易造成视觉干扰。

  统一的对齐方式

  统一的对齐会让文字排版井然有序,阅读起来会非常流畅。多种对齐方式,会使页面混乱不堪。除了文本之间要保持统一的对齐方式之外,正文要尽量保持两端对齐,这会关系到页面是否整洁。

  控制行间距

  行间距是行与行的间距,行间距通常伴随着字体大小而的变化,默认行间距会稍大于字体的大小,通常的这样看起来会比较的拥挤。正文中,将行高设置成字号的1.6~1.8倍,将会是比较舒服的,如果版面紧张,可以适当设成1.2~1.5倍。

  控制字间距

  新手排版时,有时候会因为文本内容过长,而版式又受限,会选择去压缩字符间距的方式来达到控制文本长度的目的。其实这是一个容易被忽略的错误,因为字间距过于拥挤会降低文字的可读性。

  控制行长与字数

  单行文字如果包含的字数太多,文本内容将会很难阅读。原因在于,一是单行太长会导致阅读时难以换行,二是单行字数太多容易造成阅读疲劳。所以,合理的行长与字数会使用户在行间跳转时比较轻松,反之则会使阅读成为一种负担。

  图文排版的亲密性

  亲密性在排版中的理解,通俗的来讲就是我和你近,我们的关系就密切。图文排版中的间隔大小,是影响亲密性的主要因素。左图中高度一致的间隔,会让人产生困惑,对各个标题、正文与图片的关系傻傻分不清楚,严重影响用户阅读体验。在右图中,我们根据亲密性原则,通过间距把相关的标题正文图片分成了一组,这样画面中各元素之间的关系一目了然。

  留白

  通常北京网站设计的首要任务就是制造视觉焦点,吸引用户的注意力。而留白能够让用户尽快的寻找到所需要的信息,提高用户体验。但随意的空白并不是留白,留白时应该注意元素之间的连续性。如左图,虽留出了大量的空白,但是元素之间没有太多的连续性,造成了主次不分,反而分散用户注意力。而右图中,通过对齐和调整间距,使页面有了视觉焦点,同样是留白,就会显得更加协调。

  





北京网站建设 北京网页设计 网站制作(www.bjycxf.com)



YC & 赢咖3官方微信
Contact Us & 联系我们

TEL: 010-68703788/66/87/89

地址:北京市海淀区大钟寺十三号院华杰大厦11B8室

© Copyright 2004-2014 bjycxf.com All Rights Reserved 版权所有

京ICP备09080439号 京公网安备11010802012755号