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

企业动态

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

  ***步:画出手稿

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

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

  第二步:电脑绘图

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

  第三部:表盘分解

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

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

  第四步:写代码

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

第五步:打包进固件

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

 

 

责任编辑:润月 来源: 51cto
相关推荐

2020-01-15 06:00:52

物联网IOT大数据

2013-07-04 15:22:46

华为WLAN接入

2009-10-19 10:50:20

内部云

2020-12-16 09:27:05

数据湖大数据数据

2013-12-18 12:45:59

2015-12-01 14:26:57

2013-08-22 11:27:32

云服务云存储

2012-11-06 16:53:55

欧朋Opera浏览器

2022-10-11 16:35:34

加密货币区块链代币

2012-05-11 16:46:00

激光打印机推荐

2022-08-31 10:14:00

JavaScript网络异步性

2011-12-01 16:18:09

数据治理informatica数据集成

2019-07-18 15:21:40

Linux容器IT

2020-08-24 19:00:20

国产操作系统操作系统

2019-01-09 09:13:40

2020-01-16 08:20:44

数据隐私机密性数据安全

2010-03-23 10:59:14

2018-07-06 05:03:13

2016-04-11 09:18:22

OpenStack/华

2012-02-20 09:29:22

微软视窗系统公司
点赞
收藏

51CTO技术栈公众号