响应式网页设计的误区有哪些?
一、响应式设计可以隐藏网站内容
相比其他类型的网站,响应式网站通常只有比较少的空间用来放置文本和图片(同时考虑电脑端和移动端),因此一些站长在做响应式网站时会将网站的部分内容隐藏起来。一些人觉得这样做没什么问题,但细想一下你就会明白这个错误很明显,响应式设计是为了让网站内容更容易可见,如果我们隐藏了网站内容,那为什么还要设计响应式网站呢?
而且,如果我们假设某个部分或内容是可隐藏的,那么我们主观的认为用户不需要这个信息,这可能会给用户带来极其糟糕的体验,那些所谓不重要的东西也许客户非常看重。所以针对空间比较少的问题,应该怎么做呢?我们可以通过添加导航链接或锚链接的方式重新合理安排网站内容,使用多种工具保证网站内容的可读性。
另外还有一点,在用户进行浏览时,通过CSS布局控制隐藏的内容仍然会被加载,那为什么不提供给用户完整的用户体验呢?网站内容在任何设备都应该是统一的,千万不要限制用户在某个设备上可以获得的信息。
二、响应式设计只关注设备断点
在响应式企业建站中,我们是通过媒体查询的方式改变网站的布局,我们常说的断点指的就是在哪种宽度下改变布局。设计响应式网站时,很多设计师都喜欢针对一些设备的数据来设置断点,最常见的三种设备就是电脑、台式/笔记本、平板、手机,这样一来设计出来的就是针对这些设备分辨率的网站。
这样其实并不靠谱,因为屏幕尺寸是会随着科技的发展和人们的喜好而不断变化,比如说,我们已经从习惯使用台式电脑到今天的智能手机,屏幕也由大到小又再次变大,所以我们不应该只根据屏幕大小、设备的分辨率设置断点。如果把重点放在设备断点上,一旦某个设备的屏幕尺寸发生变化,就需要及时修改网站布局,过程非常繁琐。