《网页计划综合指南》（三）：移动适配、无障碍计划等

注：计划师和开拓职员在构建网站时，必要思量许多工作，从视觉外面到成果计划。为了简化这个进程，我们筹备了这个指南。限于篇幅限定，将这一指南分为三部门，此为第三部门内容。

前两篇：

《网页计划综合指南》（一）：网站舆图优化篇

《网页计划综合指南》（二）：内容机关、页面布局等

本篇包括内容

三、移动端适配

• 3.1 相应式计划

• 3.2 手势操纵

四、无障碍计划

• 4.1 弱视用户

• 4.2 色盲用户

• 4.3 瞽者用户

• 4.4 键盘适配

五、测试

• 5.1 一连测试

• 5.2 页面加载测试

• 5.3 A/B测试

六、开拓交代

七、总结

三、移动端适配

现在，网站用户中有50％阁下的用户通过移动装备会见。这对网页计划师意味着什么？意味着我们必需为网站举办移动端适配计划。

3.1 相应式计划

PC端和移动端有着差异的屏幕判别率，举办适配优化尤为重要。

回收单列机关。手机屏幕上单列机关根基结果都不错。单列不只可以打点小屏幕上的有限空间，还可以轻松地在差异屏幕判别率之间以及纵横比之间举办缩放。

行使 Priority+ 导航模式。Priority+是Michael Scharnagl提出的，展示重要的导航选项， 不重要的导航选项荟萃在“更多”按钮。它能充实操作可用的屏幕空间。跟着屏幕的增进，展示的导航选项也随之增进，从而可以进步可视性和吸引力。这种模式对付有许多差异的模块和页面的网站（如消息网站或电商网站）出格有效。

确保图像得当PC端和移动端。网站必需顺应全部差异的装备和判别率，像素密度和偏向。图像适配是构建相应式网站时面对的首要挑衅之一。为了简化这个使命，您可以行使诸如Responsive Image Breakpoints Generator这样的器材地处理赏罚图像。

Responsive Image Breakpoints Generator 可辅佐您天生及打点图像的差异尺寸。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!