新闻动态页面设计的四大关键点

随着互联网竞争的日益加剧，越来越多的企业开始意识到提供优质的用户体验才是重要的、可持续的竞争优势。优质的用户体验可以提升用户对企业的整体印象，也是区别竞争对手的软实力。

用户体验一般包含4个方面，品牌、易用性、功能性和内容。做到这四个方面不仅可以让用户便捷地访问到自己需要的内容，还能在不知不觉中接受企业想要传达的品牌和内容。

而今天要讲的「新闻动态」页面则是着重于易用性和内容的建设。聚焦于提升用户的阅读体验。

提升用户的阅读体验主要着眼于页面中的文字、排版、网页设计类型。所以下面我们就从这几个方面进行讲解。

一、页面文字要符合用户阅读习惯

「新闻动态」页面文字较多，所以要采用易于用户阅读的字体，正文内容还要注意字体的大小及行距等属性的设置，避免文字过小或过密造成阅读障碍。

设置符合用户阅读习惯的文字，可以使浏览者更顺利、愉快地接受企业所要传达的信息。

1．关于字体

字体分为衬线字体和非衬线字体。简单来说，衬线字体就是带有衬线的字体，是模仿中国古代字体和古代碑文上的字体，笔画有粗细之分，简单易变形，修饰性强。常用的有宋体。

非衬线字体与衬线字体相反，无衬线装饰，笔画粗细无明显差异。常用的是微软雅黑。

页面中的字体选择是一种感性行为，需要考虑整个网站页面和浏览者的感受。除此之外，还要考虑大多数浏览者的计算机里可能只有默认字体，所以，正文内容最好采用基本字体。

2．关于字号

在页面设计中，字号也是用户体验的一部分，但文字并不是仅仅放在网页上就可以，还需要合理的布局和搭配样式才能起到事半功倍的作用。

这里大梦总结了一些网页中字号应用的几条规范，大家可以小本本记下来。

①正文内容使用一般使用宋体12px或14px，最小不小于12px。

②主导航文字使用14-18px字号，一般使用偶数字号，奇数字号的字体在显示时会有毛边。

③工具栏文字为12px或14px；一级菜单使用14x，二级菜单使用12px；版底文字为12px或14px。

二、页面排版要简洁易读

页面排版主要涉及行宽、间距和行对齐。

1．行宽

如果文字过长，则视线移动距离大，浏览难以注意段落的起点和终点；如果文字过短，眼睛需要来回扫视，容易破坏阅读节奏。

因此，保证每一行承载合适的字数可以提高文章的易读性。调查显示，在实际网页中，14px大小的中文字体，每行的字符数在35-45更合适。

2．间距

一般来说，行距过宽会让文字失去延展性，影响阅读；行距过窄，则容易跳行。页面设计中，一般根据字号大小选择1-1.5倍作为行间距，1.5-2倍作为段间距。

3．行对齐

通常情况下，尽量在页面中选择一种文本对齐方式，要尽量避免两端对齐。

三、使用响应式网页设计

不仅是「新闻动态」的页面设计，还是整个网站的设计，都建议大家使用响应式设计。

所谓响应式设计就是一个网站能够自动适应不同设备。根据系统平台、屏幕尺寸、屏幕定向等进行相应的相应和调整。

响应式设计不仅可以带来高效的阅读体验，提升用户的新闻阅读效率，能够使用户在固定的时间里阅读更多的内容，有利于曝光更多的品牌资讯和广告。

四、减少用户等待时间

一般网页的打开速度最好不要超过3秒，时间过长会影响用户的心情以及对网站的印象。

Robert B Miller在他发表的有关响应时间的文章中指出，用户有三个阈值时间：0.1秒钟、1秒钟和10秒钟。

如果响应时间短于0.1秒钟，用户感觉不到任何延迟，即0.1秒钟是让用户感觉到系统立即做出了响应的时间上限。1秒钟是让用户思维不被中断的上限。10秒钟是让用户的注意力保持在对话过程中的上限。

第一印象很重要，等待时间过长会影响用户是否进行进一步的操作。看一篇文章已经耗费掉大量的耐心，你还指望人家以后点进去产品页面细看嘛。所以网页打开速度当然是越快越好，没有最快，只有更快。