响应式的网站怎么建（二）

 

注重文本排版

 

文本排版是一个网站的重要组成部分。网站的可读性是头等大事，优秀的文本排版有助于网站信息的传递，还能与用户形成良好的互动。将网站分成不同的层级，最重要的内容放在网站的第一层级，第二、第三层级放相关信息、细节等，层次清晰，按优先顺序展开;精心选择一种合适的字体(有衬线字体易读，无衬线字体醒目)，一个网站中最好不要使用超过三种不同的字体;选择合适的字体大小，确保它在不同的而屏幕上都能得到良好的展示;规划行高和段落间距、留白等，以保持页面外观的整洁优雅。

 

建议： 文本要简单易懂，这点可以通过颜色对比和易读的字体实现，不过色彩的对比不能太弱(灰色文字在浅灰色背景上)，也不能太刺眼(红色文字在绿色背景上)。多使用纯文本，这是因为文本在根据设备屏幕进行缩放时不易出现图片的失真现象。突出显示文章的标题，标题至少应该是内容文字的1.6倍大，且在版式中占据中心位置，吸引人的标题能让用户点击进入浏览，还有可能在页面上停留更长时间。

 

重视视觉层次结构

 

除了文字排版以外，视觉层次结构在优化网站整体布局、与用户互动方面也有着不可忽视的作用。视觉层次结构最重要的功能就在于它可以帮助网站建立一个焦点，引导用户首先注意什么地方，然后了解哪些细节，又或是最后浏览某个区块。怎样可以构建有效的视觉层次结构?色彩当然是其中一员"大将"。我们可以用高比对度的颜色(如冷暖色)搭配，创造极强的视觉冲击力，突出核心内容，或者是以柔和的色调、相近的颜色进行视觉上的衔接，具体如何设计完全取决于我们想要网站达成什么样的目的。

 

建议： 视觉层次结构最终还是要服务于网站内容的，所以太过花哨的导航菜单、滑动效果或是不必要的flash动画千万不要放在网站的前列，实在必要时更应该删除。在谈到创造有效的视觉层次结构时，极简主义的设计潮流很可取。简洁大方的设计有助于突出网站的中心内容，如Slogan，行为引导按钮等，它还能在多个不同的视窗上给用户提供一致、直观的体验，极简也意味着最少的干扰，这会带来更高的用户转化率。还有，卡片式的用户界面也很有效，这是因为矩形的卡片(不管是图片还是文本)在适应不同大小的屏幕时更加简单，响应式更易实现。

 

响应式设计正在不断向前发展，究竟哪种方法可以做出最完美的响应式网站，大家还没有形成统一的答案。但是以上建站的这几个建议都是小编结合丰富的建站实践总结出来的，希望对大家有一定的帮助。