图标 · Icon

第三方App(奇点)在iOS12的tabBar设计

Panda ·

自扁平化风格以来,线性图标一直是很多设计师的最爱。从iOS7开始,系统默认自带的APP在TabBar上都使用了线性图标。以至于这种设计风格似乎成为了那个时期的标配,许多第三方APP也将自己的UI尽可能的靠近这样的风格来减少割裂感。而iOS12开始,苹果将这种风格舍弃了,转而采用了“粗线条+形状填充”的风格。

前几天刷微博的时候购买了“奇点”APP,它的TabBar风格仍然处于早期的线性风格,在iOS12系统中使用时,总是觉得怪怪的。结合iOS12的App Store和相册APP进行对比,可发现此问题确实客观存在:

奇点的线性图标与系统自带风格的割裂感

看到这里,作为一个设计博主,是很想要进行一次redesign的。于是立刻做了一些尝试,将这种割裂的线性图标重新设计成了“填充式”的风格。下面是redesign的效果,为了能说明问题,同样的用了iOS12自带的App Store和相册APP来进行对比:

重新设计的奇点图标与iOS12风格一致

可以看到:经过重新设计的奇点图标,确实更有iOS12的风味了!写到这里,本文就可以结束了。最后,用这几个图标做了一个发散设计,便有了本文的头图。看起来萌萌的,蛮可爱。【点这里查看】

本文仅从博主个人审美的方面表达对奇点APP TabBar图标设计的看法。这个redesign仅为博主个人YY,未曾认识APP开发者,本文与该产品开发无关

2 条回应
  1. Zero 2018-11-30 · 0:25

    加个平滑滚动效果会不会更好呢|´・ω・)ノ

  2. Zero 2018-11-30 · 0:20

    大佬的站很不错啊,前端交互体验很棒