ITBear旗下自媒体矩阵:

米动手表: 米动手表青春版,表盘不仅仅是一张图

   时间:2017-08-17 14:38:40 来源:互联网编辑:星辉 发表评论无障碍通道

身边很多人都有手机壁纸情结,换了个桌面壁纸就一本满足的像换了个新手机。所以在华米论坛召集用户参加自制表盘大赛的那阵子,用户们的响应十分热烈。从米动手表青春版开卖至今一个多月,没有新表盘就夜不能寐的用户们一天三遍问候华米UI部门,于是就为什么不能一次甩出一打新表盘这事,小编采访了一下负责表盘的UI同学,了解了一下表盘是怎么出炉的。

第一步:画出手稿

表盘UI出炉的大致过程如下:在知道表盘上可以显示哪些数据之后,根据自己设想的表盘风格,挑出常用的几个数据塞进去,在纸上画出手稿。当然,每个字体和图形的大小都要保证用户在运动过程中能够清楚看到。

米动手表: 米动手表青春版表盘不仅仅是一张图

在UI同学事故现场一样的桌面翻了一通,找到了一张萌萌的手稿

第二步:电脑绘图

一般UI同学会在电脑上用Sketch(设计工具)把手稿实现,这一步可不是简单的照搬。首先,如果把手表屏幕放大,会看到屏幕是由一个个像素点组合而成的,所以为了更真实地还原表盘的实际效果,UI设计师也得一个像素块一个像素块地把手稿拼出来;然后,不同的数据用不同的颜色来区分——而只有屏幕可以显示的颜色可用,限制又多了一个。

第三部:表盘分解

一张完整的表盘画完了,UI的工作才完成了一半。除了表盘上固定不变的部分,还要脑补表盘上的各项数据,比如数字形式的时间09:00,这里面的每个数字都是有规律的在变化,所以UI需要将0-9这10个数字都画出来。会变化的不仅有时间,还有热量、日期、步数、电量等,这些全部都要画出来。

米动手表: 米动手表青春版表盘不仅仅是一张图

一个表盘大大小小几十张图

第四步:写代码

UI的工作完成之后,将全部的图片给到研发工程师,怎么让这些图片乖乖出现在对应的时刻和对应的位置,就靠工程师们写的代码了。这里还有个特殊的情况,比如模拟手表指针的表盘,因为指针每秒都在变,让UI同学提供好几百张图片不仅麻烦,还会浪费手表非常有限的空间,所以你看到的指针,是工程师用代码写出来的,用程序让构成指针的点相对于圆点进行相应度数的旋转。

米动手表: 米动手表青春版表盘不仅仅是一张图

左一表盘里的指针是代码写出来的

第五步:打包进固件

工程师写好代码之后,会将其打包进下次升级的手表固件里,等手表更新固件之后,用户们就能用上新表盘了。因为表盘需要的图片较多,很占空间,不能让固件变得太大,影响用户对手表升级固件的体验,所以表盘不会一次性都放进去,否则不仅用户不好操作,升级固件也会变得很慢。不过华米科技表示,后期会在小米运动APP里放入表盘,用户只需要选择想要的表盘,同步到手表里就能用了,更加方便快捷。​​​​

举报 0 收藏 0 打赏 0评论 0
 
 
更多>同类资讯
全站最新
热门内容
网站首页  |  关于我们  |  联系方式  |  版权声明  |  RSS订阅  |  开放转载  |  滚动资讯  |  争议稿件处理  |  English Version