设置
  • 日夜间
    随系统
    浅色
    深色
  • 主题色

魅族Flyme 8空白页图形设计回顾

2020/4/5 11:07:10 来源:IT之家 作者:微尘 责编:微尘

IT之家4月5日消息 魅族Flyme 8系统发布已半年有余,近日Flyme用户体验设计官方也回顾了Flyme 8空白页的设计历程。

▲最终 Flyme 8 空白页的图形,文字部分因当时还在设计阶段,与目前实际应用不符

官方表示,空白页就是当前页面内容为空白,或者当前页面内容错误、丢失等,与原本跳转页面不相符的页面,以前叫404,不过一般以白色页面为主。设计师在接手空白页项目后从逻辑、情感、品牌3个角度分析Flyme空白页,而后才定下终稿。

IT之家了解到,设计师依照先前的分析为初稿定调:“逻辑清晰,通俗易懂,有情感,有简单动效,视觉风格统一,有较好的延续性”,同时设计师还希望空白页能加入动效。不过项目组认为这样设计成本会大大提高,每一个空白页都做动画是非常大的工作量,后期新增空白页也会变得麻烦。同时动效这种“重”设计会变相增加用户的逗留时长

飞机稿1:“太可爱,不符合Flyme的风格,另外也稍微有点复杂。”

飞机稿2:“虽然简化了,但也还是可爱。”

飞机稿3:“过于写实了,与系统视觉风格不相符”

飞机稿4:“觉得还是不够好,有些抽象”

在最终确定方向后魅族设计团队还要继续深化空白页设计,最后与同期进行的Flyme引导页统一了设计风格,用类似2.5D的方法去设计。最后在经历了无数遍的调整后才得到了空白页最终稿。

▲同期进行的 Flyme 8 引导页图形

后期魅族官方将空白页对夜间模式进行了适配,进而研究出了一套颜色系统,让同一张图在常规模式和夜间模式下都通用。此举既减少固件包的大小还减少了夜间模式下开发的难度。

广告声明:文内含有的对外跳转链接(包括不限于超链接、二维码、口令等形式),用于传递更多信息,节省甄选时间,结果仅供参考,IT之家所有文章均包含本声明。

相关文章

关键词:魅族Flyme

软媒旗下网站: IT之家 辣品 - 超值导购,优惠券 最会买 - 返利返现优惠券 iPhone之家 Win7之家 Win10之家 Win11之家

软媒旗下软件: 魔方 云日历 酷点桌面 Win7优化大师 Win10优化大师 软媒手机APP应用