編者按：等了這么久，終于等到騰訊的Apple Watch版本應(yīng)用了。今天騰訊的DD同學(xué)將設(shè)計(jì)中的初期方案，競(jìng)品分析，思考過程等分享出來，想涉獵Watch平臺(tái)的同學(xué)，這篇得認(rèn)真學(xué)習(xí)下咯。

初期方案

設(shè)計(jì)初期，我們希望能夠挖掘一些用戶在手機(jī)端常用的點(diǎn)進(jìn)行延伸，如：訪客、禮物、動(dòng)態(tài)。包括配色和圖形設(shè)計(jì)也延伸了手機(jī)端的設(shè)計(jì)風(fēng)格。

競(jìng)品分析

我們對(duì)Instagram和Twitter進(jìn)行了研究，整體上是手機(jī)端的簡(jiǎn)化版，設(shè)計(jì)風(fēng)格并無太多的亮點(diǎn)。

基于上述分析，我們得出如下結(jié)論：

1. 手表的尺寸較小，展示內(nèi)容有所局限，并不適合長(zhǎng)時(shí)間查看。
2. 繁雜的內(nèi)容不適合在手表上閱讀，手表更多的是作為一種提醒的作用。
3. 手表上的操作必須足夠簡(jiǎn)單并且快速。

空間用戶的使用場(chǎng)景

1. 小白打開QQ空間Apple Watch版查看一天的好友動(dòng)態(tài)，給好友們點(diǎn)贊和回復(fù)大表情，并且可以收到特別關(guān)心好友的動(dòng)態(tài)提醒。

2. 小白每天在手表上使用QQ空間AppleWatch版進(jìn)行簽到。

通過分析手表操作的特性，發(fā)現(xiàn)空間手機(jī)版中的“簽到”功能更符合用戶在手表上的使用習(xí)慣。

為用戶打造一種“輕松、簡(jiǎn)單、趣味化”的簽到模式，更加符合空間用戶的使用場(chǎng)景。

確定設(shè)計(jì)方向

我們分析了空間手機(jī)版簽到的設(shè)計(jì)風(fēng)格和Apple Watch原生的UI風(fēng)格。空間簽到：卡通低齡 ／圖形復(fù)雜／靜態(tài)單調(diào)，因此我們需要尋找一個(gè)新的突破點(diǎn)，使之更符合Apple Watch的風(fēng)格設(shè)計(jì)，而非簡(jiǎn)單的移植。

形隨意動(dòng)

化繁為簡(jiǎn)，放棄手機(jī)端的插畫風(fēng)格,采用圖形化的表達(dá)。圖標(biāo)更能明確表達(dá)意思，可幫助用戶在使用快速理解不同簽到含義，并且符合手表“簡(jiǎn)單”的要求。

提取元素，從而升華簽到的氛圍渲染。例如：星座簽結(jié)合了星盤；天氣簽結(jié)合了古代天文臺(tái)的元素；黃歷簽則融入八卦、日晷、12天干地支等元素。利用傳統(tǒng)的元素融入現(xiàn)代化的設(shè)計(jì)風(fēng)格，升華簽到的深層次含義。

每種顏色代表著不同的情緒或性格，每個(gè)星座擁有不同的性格。我們用不同的顏色來表達(dá)不同星座的特征，保證來每個(gè)星座的獨(dú)立性和避免設(shè)計(jì)過于單調(diào)。

趣味動(dòng)畫，豐富體驗(yàn)的趣味性與層級(jí)感，渲染內(nèi)容本身所蘊(yùn)含的意義，提升用戶使用的愉悅感。

其他

首頁(yè)我們?cè)O(shè)計(jì)了一個(gè)笑臉來迎接你一天的心情，在首頁(yè)滑動(dòng)滾輪可以看到你在好友中的排名，點(diǎn)擊即可炫耀。

為了增強(qiáng)用戶使用Apple Watch簽到的特權(quán)感，我們?nèi)聝?yōu)化了簽到展示的圖片，并且?guī)в刑貦?quán)標(biāo)識(shí)。

不同的天氣除了圖標(biāo)的區(qū)別之外，背景也會(huì)有差異化的表現(xiàn)，旨在渲染氛圍，以提升視覺效果的沉浸感。

小結(jié)

我們通過圖形、顏色、動(dòng)畫幾個(gè)層面來不斷優(yōu)化與打磨設(shè)計(jì)方案，與此同時(shí)，在體驗(yàn)的層面也力求打造一種輕松、簡(jiǎn)單以及趣味化的簽到模式，通過富有品質(zhì)感的細(xì)節(jié)來提升設(shè)計(jì)的吸引力。

【Apple Watch最佳精品好文推薦】

• 《PS+AI教程！教你繪制一枚APPLE WATCH獎(jiǎng)?wù)聢D標(biāo)》
• 《不要落伍！深聊APPLE WATCH平臺(tái)認(rèn)知與產(chǎn)品設(shè)計(jì)》
• 《官方版來了！超實(shí)用的APPLE WATCH官方規(guī)范設(shè)計(jì)模板下載》

原文地址：騰訊ISUX
作者：DD

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量97萬的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：