作為QQ閱讀的UI設(shè)計(jì)師之一，伴隨著QQ閱讀一個(gè)版本接著一個(gè)版本的修改優(yōu)化、優(yōu)化修改，覺(jué)得是時(shí)候可以沉淀下來(lái)寫(xiě)些東西了。

項(xiàng)目背景：

QQ閱讀幾乎覆蓋了市面上所有的主流平臺(tái)，并且已經(jīng)逐步的得到用戶的認(rèn)可。隨著產(chǎn)品的發(fā)展，它已經(jīng)從一個(gè)簡(jiǎn)單的閱讀軟件提升成為具有社交化功能的產(chǎn)品。用戶不但可以享受到舒適的閱讀體驗(yàn)，而且海量的圖書(shū)，便捷的好友交流都將成為我們未來(lái)努力的方向。隨著產(chǎn)品的發(fā)展，以及產(chǎn)品定位的進(jìn)一步深入，這樣一個(gè)注重用戶體驗(yàn)；不斷向高端平臺(tái)發(fā)展的產(chǎn)品，需要以一個(gè)嶄新的形象來(lái)幫助產(chǎn)品進(jìn)一步提升。

面臨的問(wèn)題：

一個(gè)平臺(tái)對(duì)應(yīng)一個(gè)研發(fā)團(tuán)隊(duì)，不同的平臺(tái)有自己的交互和UI設(shè)計(jì)師，所以在開(kāi)發(fā)過(guò)程中，由于研發(fā)成員對(duì)于產(chǎn)品的理解不同，最終呈現(xiàn)出來(lái)的產(chǎn)品功能雖然整體感覺(jué)是一致的，但很多細(xì)節(jié)都在向不同的方向發(fā)展著。無(wú)論是交互還是UI的細(xì)節(jié)，不同平臺(tái)的差異化發(fā)展受到了很大的挑戰(zhàn)。這種多平臺(tái)多風(fēng)格的現(xiàn)狀嚴(yán)重影響了產(chǎn)品整體品牌的形成。不但不利于品牌的推廣，在研發(fā)過(guò)程中沒(méi)能集中大家的力量，而是獨(dú)立研發(fā)，無(wú)形中也給整個(gè)團(tuán)隊(duì)的研發(fā)增加了工作量。

由于QQ閱讀這款產(chǎn)品不同于其他產(chǎn)品，例如Qzone等產(chǎn)品在PC端已經(jīng)形成了一定的用戶群，用戶對(duì)于此產(chǎn)品已有了一定的記憶模型，所以在無(wú)線設(shè)備上平臺(tái)的差異化更加靈活。然而QQ閱讀作為一款完全依附于無(wú)線設(shè)備的新產(chǎn)品，在形成品牌和用戶口碑的時(shí)候，產(chǎn)品的統(tǒng)一的整體設(shè)計(jì)理念尤為重要。

解決方法：

當(dāng)我們看到了問(wèn)題并分析出正在面臨的問(wèn)題需要盡快的解決的時(shí)候，支持這個(gè)項(xiàng)目的所有UI設(shè)計(jì)師、交互設(shè)計(jì)師以及產(chǎn)品經(jīng)理，一同深入的討論了應(yīng)該以哪種形式和尺度來(lái)把握方案的修改方向。

我們?cè)俅握�理和回顧了polo做的調(diào)研報(bào)告，發(fā)現(xiàn)我們的用戶在android、iPhone以及iPad等主推平臺(tái)上沒(méi)有明顯的屬性差異性，而且產(chǎn)品的定位以及發(fā)展方向基本上都是一致的，再加上之前面臨的問(wèn)題，最終我們決定，盡快整合并統(tǒng)一多個(gè)平臺(tái)的交互、UI風(fēng)格。在多平臺(tái)一致性的設(shè)計(jì)方向初步建立，那么一致性的尺度又該如何把握呢？

多平臺(tái)一致性不等于一模一樣。由于平臺(tái)自身的交互邏輯不同，所以不能生硬的改變用戶已經(jīng)形成的使用習(xí)慣，我們應(yīng)該在符合用戶使用習(xí)慣的同時(shí)，盡可能提供一種更優(yōu)的用戶體驗(yàn)。那么基于這個(gè)原則，在UI方面我們做了許多的嘗試。

統(tǒng)一整體視覺(jué)風(fēng)格：

為了體現(xiàn)優(yōu)雅、舒適的擬物化寫(xiě)實(shí)風(fēng)格，我們選取了很多具有這種氣氛的圖片，從中分析提煉一下顏色，把這些顏色作為我們產(chǎn)品的主色調(diào)。

統(tǒng)一控件細(xì)節(jié)：

根據(jù)分辨率的不同，控件之間的距離需要規(guī)范化的設(shè)定，定義不同尺寸下控件之間的距離比例�？丶�自身的細(xì)節(jié)也很重要，例如圓角的種類不宜過(guò)多，外部圓角與內(nèi)部圓角要有自己的尺寸規(guī)律。只有將這樣的細(xì)節(jié)定義嚴(yán)格，在頁(yè)面擴(kuò)展的過(guò)程中才能保證輸出的統(tǒng)一性。

統(tǒng)一光源：

確定了擬物化的寫(xiě)實(shí)風(fēng)格之后，如何在多位設(shè)計(jì)師之間將質(zhì)感細(xì)節(jié)把握好，是大家一直在探討了，除了及時(shí)的溝通，以及材質(zhì)共享，對(duì)于很多細(xì)節(jié)也做了規(guī)定。例如光源的方向，要想加強(qiáng)真實(shí)感最重要的就是光線，為了能夠適應(yīng)擴(kuò)展的需要，我們將光源確定為正上方。

標(biāo)簽： UI設(shè)計(jì) UI設(shè)計(jì)師 騰訊UI設(shè)計(jì)師 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。