当前位置: 首页 > Web前端 > HTML5

什么是前端开发中的移动优先策略

时间:2023-04-05 00:06:01 HTML5

在2010年的世界移动大会上,谷歌CEOEricSc??hmidt提出设计师在产品设计中应该遵循“移动优先”的原则。“移动优先设计”是什么意思?为什么如此重要?怎么做?我将在以下部分回答这3个问题。两个相关的概念:1.响应式网页设计(RWD)响应式网页设计是一种网页设计方法,使网页能够自动适应不同设备的屏幕,并以人们感觉舒适的方式显示内容。这大大减少了用户浏览网页时的平移、缩放、滚动等操作。2、在响应式网页设计之前就提出了“ProgressiveAdvanced”&“GracefulDegradation”两个概念。为了使网页或应用程序界面在不同的设备上合理显示,设计者针对不同的终端提供了产品的定制版本。ProgressiveAdvanced就是我们在设计产品的时候,先为比较低级的浏览器(比如手机上的浏览器)做一个版本。此版本包括最基本的功能和特性。之后,我们倾向于平板或PC的进阶版,在基础版的基础上增加交互、更复杂的效果等,以获得更好的用户体验。而“优雅降级”恰恰相反,像桌面一样从高级端开始产品设计,从一开始就构建全功能版本。然后设计师通过裁剪一些功能或者内容,让产品兼容移动端。如果UI/UX设计师从桌面版开始产品设计,他们将不可避免地希望利用大部分高端端。例如光标鼠标支持的悬停效果;高清图片和复杂图表,最近带宽可用时才能正常显示。就这样,设计师们努力工作以完成令人惊叹的桌面版本,却发现很难在移动设备上被采用,除非他们放弃了很多漂亮的想法。如果是这样,移动版本将更像是事后才想到的、打了折扣的、不完整的产品。但是,如果从移动端产品设计入手,在带宽和屏幕尺寸的限制下,设计师自然会抓住产品的重点,朝着功能优先的简洁利落的产品方向发展。随着该平台扩展到平板电脑或PC,设计人员可以利用这些先进的端到端独特功能并逐步增强他们的产品。这可能是渐进式进步策略被如此广泛使用的主要原因。“移动优先”正是“增量推进”的法则。“移动优先”,顾名思义,就是从限制性更强的移动端开始产品设计,然后扩展其功能,打造平板或桌面版。除了上面提到的渐进式进步战胜优雅退化之外,还有更多切实的理由相信移动优先原则在产品设计中很重要。也就是说,多年来全球移动使用量呈爆炸式增长。更多Jerry原创文章在这里:《王子熙》: