创建和实施响应式网站建设时需要考虑许多重要因素,因此设计人员在构思或重新设计网站时需要考虑这些因素。在开发时也能让技术人员更好的处理这些细节。
优化响应式网站的图片。
如果图片的文件大小过大,则它们在移动设备上的渲染速度太慢,终导致用户离开。事实上通过统计数据告诉我们,如果完全加载时间超过3秒,至少有40%的用户会放弃网站。由于用户在较小的屏幕上操作您的网站,大家可以考虑选择宽大图片选项,以使其更易于看到。但这并不是很好的选择。
你应该做的是找到一个良好的中间图片尺寸,这个尺寸不能太小以至于不能显示清晰的细节,但不会太大以致文件很大影响加载。您可以通过测试您的解决方案并确保它不超过您的需要来做到这一点。您甚至可以通过将JPG保存为较低质量的图片来缩小图片尺寸,从而减小图片尺寸。在很多情况下这可以将网站图片大小减少数百千字节。
网站开发时选一种可读性的字体。
为您的网站选择的字体时需要考虑是否跨多种屏幕尺寸。由于网站字体需要非常灵活和易读,因此选择具有多种变体的字体会很有帮助。如果您想确保您的内容在任何设备上都能轻松看到,可以找一些开源的网站字体列表。在开发时可以尝试不同风格的字体效果,但要记着全网站的字体风格要一致。
响应式网站要有目的地堆叠内容并利用好分页符。
在为移动设计进行设计时,线性思考很重要。在智能手机或平板电脑上,响应式网页上的模块将显示为垂直堆叠,因为它不仅仅是您网站的缩小版本,用户将上下滚动以查看内容。以这种堆叠格式有意义的方式呈现信息至关重要。
例如如果没有人编辑是您的多列页面可能无法在移动设备上以流畅的方式堆叠。为了解决这个问题,请添加适当的分页符以指导各个网站元素的流程和转换。如果您的多列页面在移动设备上无间断地叠加在一起,可能会影响用户对内容的理解,可能会让他们在您的网站上无法找到想要的答案。