响应式网站设计有哪些误区(四)?

  • 来源:新网
  • 更新日期:2018-04-04

摘要:过去人们常常争论说每个用例(简单来说,就是对系统功能的描述)都有各自的特点,响应式网站设计并不是对每个用例都有效,这是个很明显的误区,因为用例事实上是响应式网站的重点,网站设计师或开发者必须考虑到每一个用例,并且尽可能测试用例的所有设备,最优化网站布局,这样才更能给用户提供良好的浏览体验,用户才更可能热衷于我们的网站。不将这一点牢记于心,是很难做好响应式网站的。

 过去人们常常争论说每个用例(简单来说,就是对系统功能的描述)都有各自的特点,响应式网站设计并不是对每个用例都有效,这是个很明显的误区,因为用例事实上是响应式网站的重点,网站设计师或开发者必须考虑到每一个用例,并且尽可能测试用例的所有设备,最优化网站布局,这样才更能给用户提供良好的浏览体验,用户才更可能热衷于我们的网站。不将这一点牢记于心,是很难做好响应式网站的。

5DBB90B96CCA776759CE59FCCF650971.jpg

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