2.2提升用户体验当你浏览网站时 ， 你会发现很多网站在pc端是如此的完美 ， 但是到了移动端却是惨不忍睹 。例如在国外的copyblogger的博客有提到过一个很经典的案例———迪士尼公司的网站 ， 他说在迪士尼网站中有许多给小朋友玩的网页游戏 ， 但是这些游戏却只能在pc端玩 ， 在移动端是无法打开的 。而响应式网站却能够让你无论在pc端还是移动端都能体验到良好的视觉效果 。
3响应式在伯乐相马网站的应用
3.1响应式导航的设计方式响应式导航常见的设计模式有7种 ， 分别是：置顶、页脚锚点、置底、菜单选择、侧滑、开关和彻底隐藏 。在伯乐相马网中 ， 主要采用的是菜单选择 ， 菜单选择是将导航收纳在一个选择菜单的控件当中的方法 。减少了导航所占用的屏幕空间 。选择菜单选择的原因如下：在移动设备中 ， 空间资源非常有限 ， 因此移动端的导航不能像pc端那样直接显示 ， 需要将导航整合在一起 。置顶虽是简单的导航实现方式 ， 但是在移动端会造成不好的视觉效果；对于页脚锚点和和置底来说 ， 都是将导航放在页脚 ， 对于一个求职网站来说需要的是快速寻找所需的信息 ， 而这种方法增加了用户的使用成本；开关的导航方式 ， 是用户点击后菜单才滑动展开 ， 但菜单的设置区域是固定的 ， 用户需要寻找才能发现 ， 增加用户的使用成本；彻底隐藏也同样增加了用户成本 。
3.2响应式网页的布局基于响应式网页的布局 ， 有人曾经这样形容：倒入杯中的水的形状由装它的容器形状决定 。网页设计也可以把这个概念融入其中 ， 网页的展示形式取决于展示它的设备屏幕尺寸 。页面常用的布局方式有固定布局、流动布局、弹性布局和混合布局 。响应式网站中一般采用后三种 ， 选择合适的方式才是最好的 ， 并没有哪一种布局方式是最好的 。可以多种方式混合使用 ， 取长补短 。通栏、等分结构的适合采用弹性布局方式、而对于非等分的多栏结构往往需要采用混合布局的实现方式 。
3.3设计模式设计模式主要有两种：基于设备和内容优先 ， 早先年间很多网页采用基于设备的模式 ， 因为当时屏幕种类较少 ， 且有标准屏幕之说 。如今 ， 标准屏幕已经不复存在 。因此 ， 内容优先是一种不错的选择 。在伯乐相马网中采用的是内容优先的方式 ， 因为对于一个信息类的网站而言 ， 可读性和移动性至关重要 。
4.3.1基于设备通过主流设备的类型及尺寸来确定布局断点（Breakpoint） ， 设计多套样式 ， 再分别投射到相应的设备 。不要使用流行的设备尺寸来确定断点 。该设备的屏幕（DeviceLandscape）是不断在变化的 ， 所以使用流行设备的尺寸作为断点 ， 他的实际价值存在的意义可能没有什么 ， 甚至一年的时间都坚持不到 。Web本质是流动的 ， 因此我们的工作是在任何屏幕上创建外观、功能等 。
3.3.2内容优先根据内容的可读性、易读性作为确定断点（Breakpoint）的标准 ， 即在对内容进行布局设计的时候 ， 可以无视设备 ， 由内容决定何时需要采用不同的呈现方式 。这种方式和未来友好型是相契合 。
3.4响应式网页的字体字体对于一个网站来说 ， 起着至关重要的作用 ， 不单是画风影响风格 ， 字体也会影响风格 ， 响应式网站的字体尺寸会随着屏幕尺寸而不断调节 ， 展现最适合人类视觉的界面 。
推荐阅读
- 网页设计中计算机图像处理技术应用
- 网页设计中艺术创新研究
- 动画元素在网页设计中的应用
- Flash动画在网页设计中的应用
- 小米手机设置性能优先模式具体操作方法
- 苹果恢复大师第二模式中的 iTunes备份怎么彻底删除？
- 如何规划安全分析中网页设计？
- 网页设计中的Flash交互动能
- 图像处理技术应用下的网页设计
- 网页设计应注意哪些原则？