江苏龙网

  1. 主页 > 生活百科 > >

响应式网页开发设计与实际应用( 六 )

响应式


特 别是对于手机设备，我们还要 在实践过程中注意一些该类设备共有的设计指导原则 。
比如，针对手机设备，使用一个特定的样式，将页面原有的文字导航元素变为更易操作的图标形式 。下面的一 些文章资源可作参考阅读：
Mobile Web Design Trends For 2009
7 Usability Guidelines for Websites on Mobile Devices
触屏与鼠标
触屏设备已经成为主流 。虽然目前多数触屏设备还是小屏幕类型的产品，比如手机，但是市场上越来越多的大屏幕设备也开始使用触屏技术；且不说iPad一类的平板电脑，就连一些笔记本和台式机也加入了这一行列 。
比如HP Touchsmart tm2t，即使用传统的键鼠设备，同时也加入了触屏技术 。

响应式网页开发设计与实际应用

文章插图
相比于传统的基于鼠标指针的互动，触屏技术显然带来了截然不同的交互方式与相应的设计规范；两者又有各自所适用的领域 。
所幸，要使我们的设计方案同时满足这两类设备的规范，并非一件难事，只是有些地方需要注意 。
比如，触屏设备无法反映CSS定义的hover行为及相应的样 式，因为它没有鼠标指针的概 念，手指点击就是click行为 。所以不要让任何功能依赖于对hover状态的触发 。
有兴趣的话，可以读读这篇”Designing for Touchscreen“，这里提到的很多建议即有利于改进针对触屏设备的设计方式，同时也不会削弱传统键鼠设备上的用户体验 。
比如，放在页面右侧的导航列表可以对触屏设备的用户更 加友好 。
因为多数人习惯用右手点击操作，而左手负责握住设备；这样，放在右侧的导航列表即方便右手的点击，又可以避免被握着设备的左手不小心触碰到 。而这 一点与键鼠设备用户的习惯完全不矛盾 。
结论
这篇文章真是又臭又长，终于快完了 。我们确实进入了web开发的新时代，随着科技进步我们还会继续优化我们的体验 。
今天我们设计的网站应该能够适应未来和现在，了解响应式web设计不需要太多的学习，他绝对比为每款设备提供设计方便的多 。
响应式web设计并不是最好的，这只是个单纯的概念，它可以有效的提高用户体验但是却不能彻底解决 。
我们要面对不断出现的新设备出现，找出一个更好的解决方案，不断的改善用户体验 。
响应式web设计可以提供一个比较满意的效果，他给广泛的应用设备提供了一个自定义的解决方案，无论是一个老式旧笔记本还是最先进的设备都能够获得比较好的体验，这才是作为网页设计师最想看到的，设计师眼中只有用户，用户感觉好自己就高兴，自己苦点累点又算什么呢？




推荐阅读


上一篇：响应式网站设计的基本原理?

下一篇：深入浅析angular和vue还有jquery的区别