网页设计综合指南 第1篇
响应式网页设计不仅仅是让内容适合，
它还为用户创造更舒适的交互。
对于移动设备，
打字是用户旅程中最痛苦的部分之一。
小屏幕使在移动设备上打字变得困难且容易出错。
只要有可能，
尽量在在线表格中使用预填数据。
移动设备的伟大之处在于
可以利用它的一些硬件功能，
比如iOS中的Touch ID / Face ID
网页设计综合指南 第2篇
人们也只用一只手使用他们的移动设备，
优化网页布局非常重要，
以便所有关键功能元素（例如号召性用语按钮）
都位于拇指友好区域
动作按钮等功能元素的大小应至少为 9mm，
相当于用户拇指的大小。
如果并排放置两个交互控件，
则需要在这些交互选项之间添加足够的空白。
网页设计综合指南 第3篇
以加载时间缓慢为例，
加载缓慢是人们放弃网站的常见原因。
Jakob Nielsen 定义了三个响应时间限制：
秒给人瞬间响应的感觉。
理想情况下，
网站应在 秒内响应。
一秒钟让用户的思路顺畅无阻。
10 秒大约是保持用户注意力的极限。
但根据谷歌的研究，
随着页面加载时间从 1s 变为 3s，
跳出的概率增加了 32%。
优化移动端则可以通过：
网页设计综合指南 第4篇
在 Web 上可以通过两种不同的方式调整字体大小：绝对值（像素、点）；相对值（百分比、视口宽度或高度）；像素是绝对值，像素为单位的字体大小基于用户屏幕的像素大小。当使用 px 时，现代浏览器能够使设计在不同分辨率下看起来相似。大多数设计师使用像素，但像素不会使用户根据自己需要调整文本，并且会使设计更难访问。另一个流行的选项是称为em的相对值。使用 em 时，元素 em 的实际大小是相对于其父元素的 font-size 计算的。Em 相对值提供了两个显着的好处：对设计师来说更方便，对用户来说有更多的选择
在过去十年中，
移动设备在我们的日常生活中所扮演的角色
发生了巨大变化。
事实上，56%的网站流量来自智能手机。
移动设计优化是设计过程中的关键部分：
没有针对移动端设备进行优化的网站
网页设计综合指南 第5篇
在移动设备上，
内容空间较小，
需要仔细确定要显示的内容的优先级