网页UI丨响应式网页设计的误区,你中招了吗?

Posted 巴巴猎

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了网页UI丨响应式网页设计的误区,你中招了吗?相关的知识,希望对你有一定的参考价值。

响应式设计的优势大家都眼见为实的,哪怕没有见到也有所耳闻。当响应式设计在UI界面设计领域中成为一种主流的时候,却不代表每个人都懂,重点在于还会产生一些误区。响应式设计领域还是一个新领域,我们需要做的是了解其误区,并不犯这些错误。


1.响应式网页设计 = 移动端优化

虽然现在移动互联网发展迅速,但是却不是唯一,所以需要考虑到其他设备,比方平板跟电脑。响应式网页的真正目的在于让网页适应任何屏幕,任何比例和宽度的互联网产品,不局限在手机范畴中。
在设计的时候,就要尽可能多的在各种设备上进行测试,最好是根据用户去进行有针对性的测试,这样的操作性会更强。接入不同的设备其实并不是很难,只要设计师有心,就可以很容易的让响应式设计适配各个设备。


2. 尽可能在多样的设备上测试
在设计领域,大多数设计师在设计他们的网站时,只会在少量的设备上测试,做响应式网站的时候也一样。要测试完所有设备是不可能的。其实应该根据自己的用户进行有针对性的测试,这样操作性更强。


3. 字体不用优化
设计会注重字体在设备跟网页上的大小,却不注重用户实际看到的大小。一个网站要具备很强的可读性,所以其字体的考虑跟优化都是很重要的。另外,图片也是如此,一个图像是不可能适应所有设备的,设备尺寸大小差异太大,所以需要有几种图像尺寸去适应多种设备。

4.一种适配经验是不够用的
人们希望可以接入不同的设备,这让设计师抓狂。这也让设计师觉得网站必须适应用户的每个定制化的设备。其实这个不难,你可以很容易让你的网站适配各个设备。

5. 响应式网页因为加载内容太多,所以慢
人们在想象中时这样的,但是这不公平,有很多小规范的网站内容巨多,但是加载迅速,顺利,表明这些问题不是设计的问题,错在页面加载速度,这是代码优化问题。

6. 响应式网页不必让每个用例都可以用

这是极其错误的,因为用例是响应式网页的重点。设计者必须考虑到每一个用例,并且测试所有他们的设备。你的用户会希望在任何时候来使用你的网站。

网页UI丨响应式网页设计的误区,你中招了吗?

7. 响应式网页不适合电商
假的,虽然电商网站内容多,但是响应式网页是很适合零售业务的。实际上,这已经成为一种必然,由Juniper Research公司进行的一项研究表明,到2018年,所有的线上交易中有30%会在移动设备上进行。此外2014年开始移动购物者人数已经从3.93亿发展到5.8亿,这可以说明响应式网页在电商方面的潜力。

8. 响应式网页设计很费时间
响应式设计内容多,不代表加载速度慢,很多小规范网站内容多但加载也很快,说明这不是设计的问题,而是代码优化问题。而设计的确会花一点时间,因为要考虑响应式效果,但是只要创建了共同的适配代码库跟内容基础,加上响应式框架,其实不需要花费很多时间的


9. 每个人和公司都需要“拥抱”响应式?
不是每个人都看到了响应式网页设计的价值。它意味着用最大的可能给用户提供信息,但是这也不是说一个公司要想成功就必须把自己的网站做成响应式的。因为这需要企业考虑自己的投入产出比,公司根据情况去觉得是否需要它。


10. 响应式网页需要支持所有的浏览器?
负责响应式网页开发的部门将会持续优化网页,但是这并不意味着它要支持所有的手机浏览器。它一般只用支持以下浏览器:Chrome,Firefox和Safari。你将很难让其支持IE的旧版本。这是蛮好的事情,因为用户发展不支持就会去升级自己的浏览器。

11. 这个做起来太贵
这是真的,实现响应式网页需啊哟不同的技能、工具和技术。但这也并不比那些努力的网页师贵多少。其实,响应式网页会让你在服务器成本上节约点。

网页UI丨响应式网页设计的误区,你中招了吗?


12. 响应式网页会影响网站SEO
SEO对响应式网页的支持非常好,很多搜索引擎发现你的网站没有针对手机优化,就降低你的网站排名。因为这些搜索引擎希望提供的内容对用户更友好,所以你如果支持手机,他们必然提高你的网站排名。

13. 将现有网页内容转换成响应式很容易
恰恰相反,这需要用各种手段让内容从大屏无缝切换到小屏。过度过程中需要识别重要内容,去除多余的内容,并且等比缩放以适应更小设备。总之,要让这些内容在手机上显示得更好,而且方便在设备间切换。

14. “移动第一”意味着移动端效果最重要,原版网站无所谓
如果你首先考虑移动,你会先思考用户,这将为用户带来更好的体验去使用手机版和原版,这个概念是说只是要给用户提供更好的体验,而不管他们访问的是啥内容。

15. 个别设备断点响应式网页需要优先权
响应式网页不是缩小网站以适应设备。而是有更多的页面需要做,如果你想要开发一个负责人的网站,你需要了解各种用户界面,而不是仅仅做个接口工作。这不仅是对单个设备的断点,而是构建了一个框架,适应各种情况。


16. 通过一种优化图像来适应所有屏幕
因为你要把图片放到一个小的容器里,所以你显然要优化一下它们。然而不可能做到一个图像适应所有的设备,你需要优化他们。设备尺寸大小差异太大,如果只是一张图片,像素太高就会加载很慢,像素太低就会显示不清晰,所以你得有几种尺寸去适应多种设备。

17. 内容可以被隐藏在响应式里
也许这是事实,但前提是网页设计师不知道怎么办。对于经验丰富的网页设计师来说这是荒谬的。响应式网页是为了让内容更容易访问。隐藏内容的想法是相反的,如果你辅助功能的可能性大于隐藏内容,那还是选择优化的模式。



18. 响应式网页设计是未来的趋势
也许这个“神话”来源于22%的营销人员,他们是响应式设计专家。29%的人他们对响应式有一定了解,23%的人他们只是基本了解,后面还有的完全不知道响应式
现在的响应式设计确实是主流,但是几年后就很难说了,未来也是有一个期限的,而且获得成功的响应式设计是离不开实践的,并要在实践中去探索更为流畅的模式。虽然响应式网页设计不是正规的一门科学,也很难解释其成功的原因,但是却是设计师值得去掌握的。

19. 项目中响应式网页你必须优先考虑
这个观点再次错误,平衡时关键,用户体验是关键,通常情况下,设计师要优先考虑移动用户,但也并不总是如此,找到平衡点是你的责任。

20.响应式网页设计是个完美的模型
但愿没有人相信这个“神话”。经验丰富的设计师都明白,世界上不存在真正的完美模型,特别是在这样一个高速发展的时代。加载时间慢总会被人抱怨,然而我们已经实现了跨多个设备的流畅展示,60%的用户用移动设备接入互联网,所以响应式网页目前是一个最佳解决方案。响应式网页设计不是一门正规的科学,而且很难解释清楚这个技术为什么能成功,然而这个技术却值得你掌握,因为它能提高你和你公司的成功几率。


(以上部分内容来源于视觉ME)




以上是关于网页UI丨响应式网页设计的误区,你中招了吗?的主要内容,如果未能解决你的问题,请参考以下文章

20个响应式网页设计中的“神话”误区

笔记丨Web丨CSS3丨(十四)终篇:补缺+响应式网页设计

响应式网页设计需注意9点

如何让响应式网页设计保持迷人

你中招了吗?《心理学常见误区》

响应式网页设计案例分享