关于javascript:什么是前端开发中的-mobile-first-策略

50次阅读

共计 984 个字符,预计需要花费 3 分钟才能阅读完成。

在 2010 年的世界挪动大会上,谷歌 CEO 埃里克施密特提出,设计师在产品设计中应该遵循“挪动优先”的准则。“挪动优先设计”是什么意思?它为什么如此重要?如何制作?我将在上面的局部答复这 3 个问题。

两个相关联的概念:

1. Responsive Web Design (RWD)

响应式网页设计是一种网页设计办法,它使网页可能主动适应不同设施的屏幕,以人们感觉舒服的形式显示内容。这大大减少了用户浏览网页时的平移、缩放和滚动等操作。

2.“Progressive Advancement”&“Graceful Degradation”

这两个概念是在响应式网页设计之前提出的。为了使网页或利用程序界面在不同设施上正当显示,设计人员提供了针对不同终端的定制版本的产品。

Progressive Advancement 是指咱们在设计产品时,首先为绝对较低的浏览器(如手机上的浏览器)构建一个版本。此版本包含最根本的性能和个性。之后,咱们偏向于平板电脑或 PC 的高级版本,在根本版本的根底上减少交互、更简单的成果等,以取得更好的用户体验。

而“优雅降级”则相同,从桌面这样的高级端开始产品设计,并在一开始就构建一个性能全面的版本。而后设计师通过裁剪一些性能或内容,使产品与挪动端兼容。

如果 UI/UX 设计师从桌面版本开始产品设计,他们将不可避免地心愿利用高级端的大部分劣势。例如,光标鼠标反对的悬停成果;高清图像和简单图表,只有在最近有带宽时能力失常显示。就这样,设计师们努力完成一个令人惊叹的桌面版本,却发现它很难被挪动端采纳,除非他们放弃很多丑陋的想法。如果是这样,挪动端版本将更像是一个预先的想法,一个被淡化的不残缺的产品。

但如果咱们以挪动端产品设计为出发点,在带宽、屏幕尺寸等限度下,设计师天然会抓住产品的关键点,走向性能优先的简洁利落的产品。当平台扩大到平板电脑或个人电脑时,设计人员能够利用这些先进端的独特性能,逐渐增强产品。这可能是渐进式提高策略被宽泛应用的次要起因。

“挪动优先”正是“渐进式推动”的规定。

“挪动优先”,顾名思义,就是从限度较多的挪动端开始产品设计,而后扩大其性能,打造平板或桌面版本。

除了下面提到的渐进式提高反抗优雅降级的胜利之外,咱们有更多切实的理由置信挪动优先准则在产品设计中很重要。也就是说,这些年来全世界挪动应用的爆炸式增长。

更多 Jerry 的原创文章,尽在:” 汪子熙 ”:

正文完
 0