科极网-中国第一科技网,网络经济时代最具商业价值和影响力的科技媒体

热门搜索: 魅族  魅族  苹果
您的位置: 主页 > 数码 > 正文

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

身边很多人都有手机壁纸情结,换了个桌面壁纸就一本满足的像换了个新手机。所以在华米论坛召集用户参加自制表盘大赛的那阵子,用户们的响应十分热烈。从米动手表青春版开卖至

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

  第一步:画出手稿

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

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

  第二步:电脑绘图

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

  第三部:表盘分解

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

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

  第四步:写代码

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

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

  第五步:打包进固件

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

来源:未知
  • 12月07日在金属和塑料泛滥的当下,手机除了低产
    12月07日 在金属和塑料泛滥的当下,手机除了低产

    作者:李谋,原文标题:金属、玻璃、陶瓷智能手机还会用上哪些材质? 一年到头的手机发布会不少,反正用手指头加脚趾

    在金属和塑料泛滥的当下,手机除了低产的陶瓷还有什么能选?
  • 09月13日科极视野:这样的三星更美好了 至少在设
    09月13日 科极视野:这样的三星更美好了 至少在设

    醒目的 SAMSUNG 字体和海蓝色椭圆衬底,成为三星自 1993 年以来标志性品牌 logo,但很显然当今纯字形 logo 已逐渐显得失去活力

    科极视野:这样的三星更美好了 至少在设计图上如此
  • 01月29日魅族春晚广告票选 看魅友做的工匠精神
    01月29日 魅族春晚广告票选 看魅友做的工匠精神

    临近春节,魅族又搞了一场与民同乐的活动。打开魅族官网(http://www.meizu.com/),可以看到整个主页变成了投票专场魅族央视

    魅族春晚广告票选 看魅友做的工匠精神
  • 05月09日超投电脑一体机,你们要的黑科技来了!
    05月09日 超投电脑一体机,你们要的黑科技来了!

    随着投影市场逐步成熟,投影品牌林立,投影产品越来越丰富,如何让自身产品从市场中脱颖而出,迅速并大面积被目标消费

    超投电脑一体机,你们要的黑科技来了!
  • 08月23日九魅网董事长胡晓玲:如魅如幻 倡行生活
    08月23日 九魅网董事长胡晓玲:如魅如幻 倡行生活

    今年春天开始,一家叫做九魅网的本土美妆电商网站,开始悄然成为众多年轻女性,尤其是女性大学生群体选购美妆用品的首

    九魅网董事长胡晓玲:如魅如幻 倡行生活百变

全站头条

广告也精彩