英文原文：3 Top Responsive Web Design Traps You Should Avoid

设计师们没法逃避Mobile装备的局势所趋，固然在网站设计上有大量新的观点来投合Mobile装备。可是独自的网站，没法在Mobile装备层见叠出的大潮中站稳脚根。不管是在个人电脑、条记本、智妙手机、平板电脑、大屏幕手机、智能电视、上彀本和其它有远景的装备，都需令人着迷的设计。

响应式结构是这类状况下独一明智的方法。

虽然不是一切人确信响应式Web设计是将来的标的目的，可是响应式Web设计曾经取得全球Web设计师的普遍支撑。 而我们很多人仍是经过容易运用响应式Web设计来处理分歧巨细屏幕的结构问题——这处理了通俗设计量用户体验差的问题。在我头几个响应式Web设计项目中，按我的任务方法曾经犯了非常多错误。 这里有我或其他响应式网页设计师已经犯的3个错误。

圈套 1: 网站加载时间太长

构建响应式网站的缺陷之一是你自愿将太多的资本紧缩在一个页面中。你需求这些资本以便在分歧装备上展现你的网站。大部分响应式网站在页面加载之前起首加载这些资本。毫无疑问，这个进程需求消耗大量时间。

针对大部分运用条记本、PC拜访你网站的用户来讲，仿佛没甚么问题。但假如在智妙手机加载你的网站需求5至7秒之久，那末你将失去大量用户。智妙手机用户不爱好等，即使是1秒钟——短短的等候将发生致命的结果。所以，怎么处置该问题呢？参照最好理论，删减赘余，运用conditional loading如许的进步前辈技术。

圈套 2: 为小屏幕装备删减内容

为智妙手机供给更少的内容，已被普遍采用。成心为Mobile用户供给低质量的用户体验，无疑是在折损你网站的好处。实践上，用户老是在不断地切换装备来完成各类Task。这就意味着，假如用户在他们的智妙手机上找不到某一特定内容，那你也就失去了发卖时机。

更好的处理计划是以一种紧凑的、易于导航的格局显示一切信息。在设计中，可能需求破费更多尽力，但这是值得去做的。请记着，即使你用CSS暗藏了特定信息，它仍会被下载的。所以要为Mobile用户供给完好的Web体验，不要抛弃任何工具。

圈套 3: 无视各装备间的相通的地方

响应式Web设计不单单针对PC和智妙手机。在实行设计时，还要思索到其他的浩繁装备。用户怎么与平板电脑、互联网电视、智妙手机实行交互，都需求思索在内。这并非说你要为一切的装备创立一个当地化的UI体验，但你可以依据各装备的情况为它们创立一个响应式导航，再辨别创立出用户易于了解的设计。

总结

固然响应式Web设计仍处于开展早期，但曾经有非常多指点和最好理论，当你创立可跨装备任务的设计时可以采取。关于那些盼望为运用分歧装备的用户供给顶尖Web体验的设计师来讲，则需求更多的考虑与尽力。

本文中的一切译文仅用于进修和交换目标，转载请务必注明文章译者、出处、和本文链接。 2KB翻译任务按照 CC 协议，假如我们的任务有进犯到您的权益，请实时联络我们。

2KB项目（www.2kb.com，源码交易平台）,提供担保交易、源码交易、虚拟商品、在家创业、在线创业、任务交易、网站设计、软件设计、网络兼职、站长交易、域名交易、链接买卖、网站交易、广告买卖、站长培训、建站美工等服务