青岛网站建设
当前位置::首页 > 动态 > 速联观点 >
如何做好网站页面排版提高网站颜值?
发布时间:[2017-12-02]    发布人:青岛网站建设    共阅[]

   网络上95%以上的信息是书面形式的,所以对于网页而言,视觉信息的传达至关重要。做好网站页面排版可读性,可访问性,可用性,整体图形平衡,不仅仅可以提高网站用户体验,同时会提高网站颜值。那么,我们如何做好网站页面排版提高网站颜值呢?

第一:控制字体数量

   当你的网页文本内容中使用超过3种完全不同的字体的时候,会让网站显得结构紊乱和不专业。太多的类型尺寸和样式一次也可能破坏任何布局。

   一般来说,整个网站字体的数量限制在最多两种,一种一般就足够了。如果您使用多个字体,请确保字体系基于字符宽度互补。如图:左边组的字体相对就比较和谐,而右边字体的粗细对比太明显,则显得轻重比例很不和谐了。

第二:合理调整行长和行距

   行长,是指单行文字的长度。如果一行文字太长,访客很难注意到该段落的起点和终点,阅读起来比较困难;而一行文字过短,访客在浏览时需要不停的来回扫视,这也会破会阅读的节奏。所以每一行文字的字数应该合理安排,提高网站的可读性。中文在14号字体时,建议3545个文字。

   行距,顾名思义,行与行的间距。行距对网站的易读性也有很大的影响。过宽的行距会让内容失去延续性,而太窄的行距又会易使访客跳行、出现阅读障碍。除此以外,我们还可以通过调整行距展现独特的版式效果,宽一点的行距更显轻松、随意,宽窄行距并存也能增加网站内容的层次感。行距通常随字体的改变而变化,行间距稍稍大于字体的大小(如果使用了10号字体,,那么默认的间距是12)。这种默认的设置一般看上去很拥挤,你可以考虑增加间距提高可读性,不过也要记住不能增加太多,把握适度原则。

第三:注意限制线长度

   如果你想要一个良好的阅读体验,你应该每行约60个字符。在每行上拥有适当的字符数量是您的文本可读性的关键。如果每行文字太短,视线必须反复折回来,打破读者的节奏。如果一行文字太长,用户的眼睛将很难专注于文本。

   对于移动设备,您应该每行30-40个字符 。以下是在移动设备上查看的两个网站的示例。第一个使用每行50-75个字符(打印和桌面的每行最佳字符数),而第二个使用最佳30-40个字符。

第四:适当留白

   在排版中,我们也要使用留白,事实上前面的字间距、行间距、段间距都是留白的几种表现形式。除了这些以外,网站的不同区块、图片等之间也要留下充足的空间,让访客在获取、加工这些信息时更加容易。

第五:避免使用闪烁的文字

   闪烁或闪烁的内容可能会使一些敏感人群发疯,并且对于一般使用者来说,这可能是令人讨厌或分心的。

第六:确保色彩对比度合理

   文本和背景应该有足够的对比度,文本越明显,用户就越能快速清晰地获取其中的信息。按照W3C的建议,文本和背景的对比是有规则的:

·较小的文本应当确保至少和背景之间有4.5:1的对比度比率

·较大的文本(14pt粗体,18pt常规)应当确保和背景之间的对比度超过3:1

   这些符合对比度的规范,易读性不错

   一旦你确定了配色,需要在尽可能多的设备上进行测试,让不同的用户来查看效果,尽量避免出现可读性的问题。

CONTACT

服务热线:0532-58709418 / 18766290210
技术支持:0532-58709418 / 18766290210
客服QQ:1105881163 / 528368469
E-mail:info@qdexun.cn
公司地址:山东省青岛市市南区香港中路52号16层