概念:带有原生 UI 组件的 Google 的 iOS 应用程序会是什么样子?

 

10 月,谷歌宣布他们最终将把他们的 iOS 应用程序从 Material Design 移开,并引入更多原生的用户界面。虽然我们还没有看到地球上一些最常用的应用程序是如何使用原生 UIKit 组件构建的,但我认为绘制一些概念并想象它们可能会带来什么是很酷的。

谷歌在 201 年推出 Android Lollipop 后不久就将 Material Design 引入其 iOS 应用程序,但他们共享用户界面元素的时间更长一些。随着他们的设计语言多年来不断发展,他们已经更新了他们的 iOS 应用程序。但今年 Android 在 Material You 的新设计方向上发生了重大转变,很明显谷歌无意将其引入 iOS。

所以我选择了 App Store 上最常用的六个应用程序:Google、Chrome、Google Maps、Gmail、YouTube 和 Google Docs,并使用 Apple 自己的用户界面元素重新设计它们。让我印象深刻的第一件事就是它们看起来有多么大的不同。Google 的设计语言很棒,但它与原生 iOS 的设计语言有很大的不同,当用户在许多不同的设计风格之间切换时,它可能会让用户反感。借助原生 iOS 元素,Google 应用程序让人感觉宾至如归。

谷歌地图

我们来看看谷歌地图。必须做的第一件事是消除带有重阴影的浮动搜索栏。我已经将它替换为一个标准导航栏,该导航栏有一个搜索字段、一个帐户按钮,在它们下方是一系列带有更多原生按钮的过滤器。屏幕右下角和左下角的浮动按钮也需要更新。我给了谷歌标志一个模糊的背景,并使用了一个浮动按钮设计,更让人联想到苹果地图中的当前位置。

Artboard-Copy-2-4

Google 的应用程序在屏幕底部使用自定义标签栏,其反应与本机版本略有不同。Google 版本的图标格式和位置略有不同,因此我已将其替换为 Apple 自己的版本。点击时它也不再有脉动动画。这只是 Google 应用如何调整以使其在 iOS 上看起来更原生的一个例子,至少在表面上是这样。

谷歌浏览器

这是一个谷歌应用程序,具有讽刺意味的是,很少有用户界面镀铬。谷歌的 Chrome 浏览器在底部使用了一个独特的工具栏,在顶部使用了一个自定义搜索字段。我只是用它们的本地对应物替换了两者。当然,该应用程序看起来更像 Safari。但调整后的布局显然仍然是谷歌的。

Artboard-Copy-3-5

Gmail、文档和搜索

转到 Google 应用程序,需要完成的工作很少。谷歌所要做的就是调整他们选择的图标,更换搜索字段,并更改一些按钮。该应用程序甚至看起来与原生元素没有什么不同。

另一方面,当使用原生元素进行想象时,Gmail 看起来非常不同。我在这里采取了一些创造性的自由,做了一些稍微不寻常的事情,所以当它在未来到来时,它在现实中看起来可能会大不相同。我从 Home 应用程序中采用了方形按钮设计,并将其调整为浮动在主收件箱上方的其他三个邮箱。

Artboard-Copy-4-4

与 Google 应用程序一样,Google Docs 不需要太多调整。毫无疑问,它看起来像 Google Docs,但它显然也是一个原生的 iPhone 应用程序。这里没有任何材料设计的痕迹。

YouTube

YouTube 应用程序可能需要最彻底的反思。这是一个充满大量自定义用户界面元素的应用程序,因此它本质上是自下而上重新设计的。只是为了让您了解我在此处的一些选择的背景,您可以看到在观看视频时现在有一个 Apple 设计的堆叠模式视图,而不是 Google 的全屏自定义模式。

Artboard-Copy-5-2

我还为 Apple 更换了所有 Google 的图标,并以更好的间距清理了用户界面。眼尖的读者会注意到我还用 AirPlay 按钮替换了顶部工具栏中的 Chromecast 图标,这对生活在 Apple 生态系统中的人们来说是一个明显的改变。

 

原创文章,作者:校长,如若转载,请注明出处:https://www.yundongfang.com/Yun100675.html

(0)
打赏 微信扫一扫不于多少! 微信扫一扫不于多少! 支付宝扫一扫礼轻情意重 支付宝扫一扫礼轻情意重
上一篇 2021年12月1日 下午8:28
下一篇 2021年12月2日 下午5:43

相关推荐