小空間大精彩！Apple Watch重磅實戰(zhàn)案例之QQ空間

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

初期方案

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

競品分析

我們對Instagram和Twitter進行了研究，整體上是手機端的簡化版，設(shè)計風格并無太多的亮點。

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

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

空間用戶的使用場景

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

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

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

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

確定設(shè)計方向

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

形隨意動

化繁為簡，放棄手機端的插畫風格,采用圖形化的表達。圖標更能明確表達意思，可幫助用戶在使用快速理解不同簽到含義，并且符合手表“簡單”的要求。

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

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

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

其他

首頁我們設(shè)計了一個笑臉來迎接你一天的心情，在首頁滑動滾輪可以看到你在好友中的排名，點擊即可炫耀。

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

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

小結(jié)

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

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

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

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