一直非常喜歡有愛的設(shè)計，最近看了幾個手表的設(shè)計稿，嘗試使用axure的新特性模仿。

這個作品所有元素都可以使用現(xiàn)成的axure部件實現(xiàn)！先睹為快：點擊預(yù)覽

實現(xiàn)的功能有：

1. 手表根據(jù)系統(tǒng)時間獲取
2. 天氣依據(jù)時間，自動切換
3. 模擬手表走時
4. 天氣的開關(guān)
5. 星期的顯示

下面介紹axure兩個新特性：

特性1:支持旋轉(zhuǎn)：（設(shè)置一個小的例子，去試試不同的組合會產(chǎn)生什么效果，立刻就能了解功能特性，網(wǎng)上教程也很多，我就不再贅述了）

特性2:合并兩個部件（請嘗試使用，還有自定義變形工具）

月亮、云朵、天氣整體形狀、指針等，均可畫出！

下面開始具體的教程：

1、畫手表雛形 （矩形+圓形）

2、繪制表盤［需要旋轉(zhuǎn)的指針使用兩個部件組合］

3、繪制天氣［利用形狀組合］

4、獲取系統(tǒng)時間讓指針動起來［使用新的旋轉(zhuǎn)特性\利用顯示和隱藏循環(huán)處理旋轉(zhuǎn)］

5、根據(jù)時間判斷天氣應(yīng)該是白天還是夜間

6、繪制控制天氣的界面［主要做一個開關(guān)，用于顯示和隱藏天氣］

7、繪制一個半圓刻度［做一個手指觸摸表盤邊緣設(shè)置倒計時的效果］

按步驟做下來就可以實現(xiàn)初步的效果， 一些光暈和透明度，在控件的屬性設(shè)置里都能調(diào)節(jié)！

這個大約是5個月前做的，使用的是測試版本的axure8，之前由于沒有空編輯這個教程所以拖了半年才發(fā)布，也是懶到家了。

原型下載地址：

作者地址下載：http://pan.baidu.com/s/1mijI9jM。密碼：v7ae

官方下載：http://pan.baidu.com/s/1geVFLyb

在線預(yù)覽：點擊預(yù)覽

本文由 @陳張良 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?，未經(jīng)許可，禁止轉(zhuǎn)載。