响应式网站设计的标题与小标题，写起来有讲究

这几秒里起作用的是标题是否说清、首页一屏是否有序，而不是配色多时髦。响应式网站设计的页面假如读起来费力，问题多半不在内容多少，而在层级没有拉开。

整理组件时，段落长度要统一成一套，专业感强。

响应式网站设计：版面结构

定样式时，标题与小标题保持两级，不要层层嵌套，读起来顺。顺带一提，拿到文案时，表单字段别混着用。按钮文字写动作，例如获取方案、查看案例，比了解更多更容易被点，正文字号偏小时，行距要相应加大，否则整段文字会显得拥挤，风格不走样。

上线前，提示文字这一块要固定下来。响应式网站设计后续呈现给用户的只有屏幕上的方寸之间，因此顺序、间距、字号这些看起来细小的地方，往往确定了页面是否被读下去，把对比信息放同一屏，读者才好判断，版面更透气。

复盘改版时，滚动长度这一块要起码看一遍。空状态页面给出下一步引导，别只留一句没有数据，停留更久。做列表页时，配色要固定下来。

响应式网站设计：样式规范

排内容时，假如多数人在同一屏离开，回到那一屏看文案与排版，问题一般很具体。与此同时，动手排版前，一级标题别全堆在一屏。正文与背景的对比要留够，浅灰配白很难读，小屏也清楚。

整理组件时，正文行距这一块要固定下来，要点更突出。接着，上线后看两个数据：停留时间与滚动深度，短而浅多半是开头没说清，层级更清楚。

看数据时，图标风格别只凭感觉。同时，字号与行距一起调，字小就把行距放开，响应式断点按内容变化设置，别只盯着某几款机型，小屏也清楚。还有就是，页面上的数字与单位要统一，例如价格写法、日期格式，细节一致才显得严谨，读起来顺。

响应式网站设计：小屏怎么看

检查页面时，先把页面要回答的问题列出来，一个问题对应一块内容，版面结构自然就有了，以上是响应式网站设计在视觉与内容组织上的几点建议，具体还要结合行业与读者习惯调整，扫读更快。视觉维护是长期工作，新增页面时对照已有的字号与配色规范，风格才不会慢慢走样，收集几条真实反馈，别只凭感觉调，不显拥挤。此外，还有页面的文字过长，一段话七八行，手机上一屏放不下，读者很容易直接划走，整站像一套。

加新页面时，图标风格别临时改。读响应式网站设计相关的页面时，用户一般在几秒内判断要不要继续看。

综合来看，正文行距还是得统一成一套。

再推荐几篇：想看更全的细节，可到设计知识栏目翻一翻。

无锡爱恩特信息科技有限公司的设计与前端团队，承接页面改版、样式规范整理与移动端适配。想请人看一下响应式网站设计的页面，可致电135-8507-6606。