QQ閱讀的UI設計:版本的修改最佳化

來源:互聯網
上載者:User

文章描述:QQ閱讀典雅升級曆程.

作為QQ閱讀的UI設計師之一,伴隨著QQ閱讀一個版本接著一個版本的修改最佳化、最佳化修改,覺得是時候可以沉澱下來寫些東西了。

項目背景:

QQ閱讀幾乎覆蓋了市面上所有的主流平台,並且已經逐步的得到使用者的認可。隨著產品的發展,它已經從一個簡單的閱讀軟體提升成為具有社交化功能的產品。使用者不但可以享受到舒適的閱讀體驗,而且海量的圖書,便捷的好友交流都將成為我們未來努力的方向。隨著產品的發展,以及產品定位的進一步深入,這樣一個注重使用者體驗;不斷向高端平台發展的產品,需要以一個嶄新的形象來協助產品進一步提升。

面臨的問題:

一個平台對應一個研發團隊,不同的平台有自己的互動和UI設計師,所以在開發過程中,由於研發成員對於產品的理解不同,最終呈現出來的產品功能雖然整體感覺是一致的,但很多細節都在向不同的方向發展著。無論是互動還是UI的細節,不同平台的差異化發展受到了很大的挑戰。這種多平台多風格的現狀嚴重影響了產品整體品牌的形成。不但不利於品牌的推廣,在研發過程中沒能集中大家的力量,而是獨立研發,無形中也給整個團隊的研發增加了工作量。

由於QQ閱讀這款產品不同於其他產品,例如Qzone等產品在PC端已經形成了一定的使用者群,使用者對於此產品已有了一定的記憶模型,所以在無線裝置上平台的差異化更加靈活。然而QQ閱讀作為一款完全依附於無線裝置的新產品,在形成品牌和使用者口碑的時候,產品的統一的整體設計理念尤為重要。

解決方案:

當我們看到了問題並分析出正在面臨的問題需要儘快的解決的時候,支援這個項目的所有UI設計師、互動設計師以及產品經理,一同深入的討論了應該以哪種形式和尺度來把握方案的修改方向。

我們再次整理和回顧了polo做的調研報告,發現我們的使用者在android、iPhone以及iPad等主推平台上沒有明顯的屬性差異性,而且產品的定位以及發展方向基本上都是一致的,再加上之前面臨的問題,最終我們決定,儘快整合并統一多個平台的互動、UI風格。在多平台一致性的設計方向初步建立,那麼一致性的尺度又該如何把握呢?

多平台一致性不等於一模一樣。由於平台自身的互動邏輯不同,所以不能生硬的改變使用者已經形成的使用習慣,我們應該在符合使用者使用習慣的同時,儘可能提供一種更優的使用者體驗。那麼基於這個原則,在UI方面我們做了許多的嘗試。

統一整體視覺風格:

為了體現優雅、舒適的擬物化寫實風格,我們選取了很多具有這種氣氛的圖片,從中分析提煉一下顏色,把這些顏色作為我們產品的主色調。

統一控制項細節:

根據解析度的不同,控制項之間的距離需要正常化的設定,定義不同尺寸下控制項之間的距離比例。控制項自身的細節也很重要,例如圓角的種類不宜過多,外部圓角與內部圓角要有自己的尺寸規律。只有將這樣的細節定義嚴格,在頁面擴充的過程中才能保證輸出的統一性。

統一光源:

確定了擬物化的寫實風格之後,如何在多位設計師之間將質感細節把握好,是大家一直在探討了,除了及時的溝通,以及材質共用,對於很多細節也做了規定。例如光源的方向,要想加強真實感最重要的就是光線,為了能夠適應擴充的需要,我們將光源確定為正上方。

[1] [2]  下一頁



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。