身邊很多人都有手機壁紙情結,換了個桌面壁紙就一本滿足的像換了個新手機。所以在華米論壇召集用戶參加自制表盤大賽的那陣子,用戶們的響應十分熱烈。從米動手表青春版開賣至今一個多月,沒有新表盤就夜不能寐的用戶們一天三遍問候華米UI部門,于是就為什么不能一次甩出一打新表盤這事,小編采訪了一下負責表盤的UI同學,了解了一下表盤是怎么出爐的。
第一步:畫出手稿
表盤UI出爐的大致過程如下:在知道表盤上可以顯示哪些數據之后,根據自己設想的表盤風格,挑出常用的幾個數據塞進去,在紙上畫出手稿。當然,每個字體和圖形的大小都要保證用戶在運動過程中能夠清楚看到。
在UI同學事故現場一樣的桌面翻了一通,找到了一張萌萌的手稿
第二步:電腦繪圖
一般UI同學會在電腦上用Sketch(設計工具)把手稿實現,這一步可不是簡單的照搬。首先,如果把手表屏幕放大,會看到屏幕是由一個個像素點組合而成的,所以為了更真實地還原表盤的實際效果,UI設計師也得一個像素塊一個像素塊地把手稿拼出來;然后,不同的數據用不同的顏色來區分——而只有屏幕可以顯示的顏色可用,限制又多了一個。
第三部:表盤分解
一張完整的表盤畫完了,UI的工作才完成了一半。除了表盤上固定不變的部分,還要腦補表盤上的各項數據,比如數字形式的時間09:00,這里面的每個數字都是有規律的在變化,所以UI需要將0-9這10個數字都畫出來。會變化的不僅有時間,還有熱量、日期、步數、電量等,這些全部都要畫出來。
一個表盤大大小小幾十張圖
第四步:寫代碼
UI的工作完成之后,將全部的圖片給到研發工程師,怎么讓這些圖片乖乖出現在對應的時刻和對應的位置,就靠工程師們寫的代碼了。這里還有個特殊的情況,比如模擬手表指針的表盤,因為指針每秒都在變,讓UI同學提供好幾百張圖片不僅麻煩,還會浪費手表非常有限的空間,所以你看到的指針,是工程師用代碼寫出來的,用程序讓構成指針的點相對于圓點進行相應度數的旋轉。
左一表盤里的指針是代碼寫出來的
第五步:打包進固件
工程師寫好代碼之后,會將其打包進下次升級的手表固件里,等手表更新固件之后,用戶們就能用上新表盤了。因為表盤需要的圖片較多,很占空間,不能讓固件變得太大,影響用戶對手表升級固件的體驗,所以表盤不會一次性都放進去,否則不僅用戶不好操作,升級固件也會變得很慢。不過華米科技表示,后期會在小米運動APP里放入表盤,用戶只需要選擇想要的表盤,同步到手表里就能用了,更加方便快捷。
(新聞稿 2017-08-17)