移动技术并没有渐退的迹象,反而对于个人和企业去建立入口网站,必须考虑移动多用户已经变成了趋势。对于那些在不同装置上看起来很酷、功能十分有效的正在发展中的网站,响应式设计仍保持实践性。作为一个 Web 设计师,也会尝试用各种各样的网页设计技术。如果响应式设计趋势让您印象深刻,并且也打算用响应式设计深入研究网站创新,那么您已经来到了初学者的门口。这里,已经包含了 10 个关于一个完美的响应式网站设计的很酷的建议。因此,让我们深入了解这些建议。 1. 确保效能是您主要的目标 不管现在移动装置的网络连线速度有多快,在建立网站时都推荐为设别配备慢的网络连线。例如,由于 4G 网络在现代国家是受限制的,因此您需要特别注意设计移动友好的网站,能在 2G 和 3G 网络上完美的执行。确保网站的载入时间非常迅速。 2. 采用 ‘影象’ 方式 对于每一个响应式网站,影象是一个很关键的元素。不像基于桌面的入口网站,一张很大的图片可以一个很好的指引。在移动优化的网站上使用一张这样的图片,对于网站所有者并没有好处。因此,需要裁剪图片或者整个删除图片,原因非常简单,小萤幕的移动装置没有能力按照预期的方式显示图片。在为不同的移动装置设计网站时,采取一个合适方便的图片管理计划并遵守它。有些情况下,您需要为桌面和其它移动访问者建立一个图片的多版本。 3. 避免包含导航选单 由于响应式网站的目标是类似平板和智慧手机的小萤幕,所以建议隐藏主选单导航。可以选择用图示结合可以提示多用户选单的方式代替。例如,您可以设计一个简单的下拉式选单,它可以滑下或者扩充套件到覆盖整个萤幕。这也意味着,如果导航包含的元素超过三个,您可以只设计一个可以开启特定选单的图示。 4. 试着尝试多个软件程序 对大多数网站设计师,建立一个复杂的响应式 web 设计可能会从选定的软件程序中得到帮助。例如,使用一个类似 ‘Moboom’ 的模板建立一个相当简单的布局是有效的,但是对于复杂的布局,您可以会选择像 GoMobi 一样的特定软件,对于移动多用户,它可以帮助您设计一个极好的网站布局。 5. 简化网站导航 尽管传统的电子商务网站有建立复杂导航方案的方法,您可以更进一步,使用一个可以被可预测的标签提供的健壮的导航选单。如果在浏览一个最受欢迎的电子商务网站,您会发现它包括了一个简单而清晰的导航系统,从而让访问者能体验公司提供的产品和服务。 6. 充分利用 Google 网页设计标准 如果您是一个响应式网站开发的初学者或者已经开发了一些响应式网站,但是您不满意,那就有必要去了解一下 Google 的设计标准。除了获取针对智慧手机关于响应式设计的优秀建议和技巧外,您也会了解您需要做的事情—如何使网页在不同的手持装置上快速载入。 7. 让您网站的内容可读 为了阅读特定的文字片段,读者需要对其放大或缩小,这不是一个好的建议。作为一个经验,确保文字大小足够大,因而即使在小的萤幕装置上也是可读的,建议将文字设定成 16px 、 12pt 或者 1em 。 8. 了解网格和断点 当设计响应式网站时,确定您对断点很熟悉。此外,还需要了解网格系统,这允许您在网页设计中实现行和列结构。 9. 对于高分辨萤幕,用两倍大小的图片 按照这个建议,您需要两倍大小的图片,以让图片在高解析度值的萤幕上看起来很锐利。同时,需要保证不会对网站的载入时间产生负面影响。 10. 考虑萤幕方向 根据资料统计,41% 的人使用直式(纵向)定向,59% 的人喜欢横向定向。因此,您需要采用某中方式来设计您的响应式网站,让它在横向和纵向看起来都是极好的,特别是横向。 总结 不管人们选择哪种装置,响应式设计使每个人都有可能访问和使用您的网站。我相信,上面列出的建议将会在您的下一个响应式网站开发专案中给您指导。