国产精品美女久久久浪潮AV,国产精品三级一二三区,久久精品国产一区二区小说 ,依依成人影视国产精品,全部无卡免费的毛片在线看,日本一区二区三深夜不卡,国产精品女同一区二区久久,国产精品夜色一区二区三区

        揭秘完整過程!人氣過億的QQ主題是如何設(shè)計出來的?

        2017-1-27    濤濤

        如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

        Xhong:主題一直是QQ iPad比較薄弱的一塊,在用戶的強烈呼聲下,項目組決定在6.5版本上線新的主題,為此做了大量的嘗試和思考。基于大屏設(shè)計的QQ iPad主題有何特點?應該如何設(shè)計?在此分享本次主題設(shè)計總結(jié)。

        需求背景

        主題設(shè)計的需求源自三個原因:

        1. 從Support上梳理了用戶對QQ iPad 的反饋,在體驗方面,用戶希望提供更多的主題,高居第一位;

        2. 線上主題數(shù)量少,風格弱,只是手Q主題的簡單搬運,沒有為iPad大屏做針對性的設(shè)計;

        3. 本期開發(fā)人力緊缺,從設(shè)計側(cè)發(fā)起主題設(shè)計的需求,能夠在占用開發(fā)資源較少的前提下實現(xiàn)項目落地。

        準備工作

        在著手設(shè)計前,我對三個影響本次主題設(shè)計的關(guān)鍵點進行了調(diào)研和分析,得到了一些有用的結(jié)論:

        1. 現(xiàn)存主題數(shù)量少、效果弱

        現(xiàn)存4套主題題材少,受眾相對局限;主題只對左側(cè)Tab Bar底圖和圖標進行替換,效果較弱。

        uisdc-theme-20170120-1

        2. 活躍用戶偏年輕&低齡,審美偏向清新簡約的界面

        調(diào)研了今年QQiPad活躍用戶的分布情況,發(fā)現(xiàn)30歲以下用戶占據(jù)80%以上。同時,14及14歲以下的小/初學生人群及18-22歲的大學生人群在占比上較為突出,說明目前QQiPad的使用人群主要是30歲以下的青年人,同時低齡人群也占了明顯的數(shù)量,因此在主題題材挑選上,應優(yōu)先考慮青年人及低齡人群的喜好。

        uisdc-theme-20170120-2

        ISUX北京設(shè)計中心在今年年中做了一次關(guān)于QQiPad用戶審美取向的調(diào)研,得到了下面的一組數(shù)據(jù):

        uisdc-theme-20170120-3

        從這組數(shù)據(jù)我們可以相對直觀地了解到用戶對界面的審美傾向,這些關(guān)鍵詞將指導接下來的主題設(shè)計工作。

        3. QQ iPad界面特點顯著,需要針對性的設(shè)計策略

        QQiPad的界面特點:

        uisdc-theme-20170120-4

        這樣的頁面特點導致了三個難點:

        1. 視覺樣式多,整體視覺統(tǒng)一性難把控;
        2. 視覺框架弱,只設(shè)計元素難出強效果;
        3. 頁面元素多,背景的設(shè)計上限制重重。

        針對問題,我將整個界面的元素進行拆分歸納,嘗試從中找到對策。如下圖所示,將首頁分為背景和前景,又將前景元素分為可控視覺元素和不可控視覺元素,基于這個抽象的模型思考解決辦法。

        hb-20170120

        第一,視覺上減少前景元素的種類

        可控的視覺元素用統(tǒng)一的視覺風格進行處理;不可控的視覺元素,減少其顏色的數(shù)量。

        第二,保證背景和前景的層次感,讓前景元素躍于背景之上

        背景類型有三大類:純色背景,紋理背景、插畫/照片背景,根據(jù)他們的特點做合理的限制,就能保證主題的整體氛圍及文字的可讀性。

        uisdc-theme-20170120-6

        設(shè)計執(zhí)行

        1. 設(shè)計流程

        根據(jù)調(diào)研得到的用戶審美傾向關(guān)鍵詞,篩去一些定義比較模糊、與其他關(guān)鍵詞有交集的詞(如大氣、時尚、有愛)等,留下七個可執(zhí)行度比較高的風格關(guān)鍵詞:清新、簡約、素雅、酷炫、萌、卡通、夢幻。

        uisdc-theme-20170120-7

        根據(jù)這些關(guān)鍵詞,先后嘗試了十多個方案,最后綜合各種因素,篩選出5個方案上線。

        uisdc-theme-20170120-8

        在這12個主題方案的執(zhí)行過程中,我總結(jié)了一個通用性比較高的設(shè)計流程,通過這個流程,能夠思路清晰并快速地執(zhí)行方案的設(shè)計。

        uisdc-theme-20170120-9

        2. 設(shè)計案例

        接下來以“幻音派對”主題為例,詳細解析該流程的推進過程。

        1)風格關(guān)鍵詞

        選擇經(jīng)過調(diào)研篩選的關(guān)鍵詞之一“酷炫”,作為主題的風格方向。

        2)確定題材

        根據(jù)“酷炫”這個關(guān)鍵詞腦爆了一些題材方向,最終確定使用EDM(Electronic Dance Music)這個題材,原因有:風格強烈,能夠留下深刻印象;元素多,便于設(shè)計;同時躁動的音樂風格及視覺感受也是現(xiàn)如今很多年輕人所喜歡的,符合QQiPad的用戶年齡層定位。

        3)氛圍版&視覺元素

        EDM的特點除了律(gui)動(chu)感極強的音樂之外,現(xiàn)場絢麗多彩的燈光效果是其最大的特點。炫光、魅色和幾何元素是產(chǎn)生EDM酷炫效果的基礎(chǔ),根據(jù)這三個特性進行界面元素的繪制。

        uisdc-theme-20170120-10 uisdc-theme-20170120-11 uisdc-theme-20170120-12

        4)首頁方案設(shè)計

        根據(jù)氛圍版提取的視覺特征與題材的視覺元素進行結(jié)合,對首頁進行設(shè)計,因為首頁的視覺元素最多,能夠最好地表現(xiàn)主題的風格,因此以首頁為設(shè)計重點,首頁風格定稿后,再將風格同步到其他的頁面上。

        uisdc-theme-20170120-13 uisdc-theme-20170120-14 uisdc-theme-20170120-15 uisdc-theme-20170120-16

        5)其他頁面同步

        首頁方案確認后,便可以把風格同步到其他的頁面了。同步遵循“由主到次”的原則,先走查主要頁面如AIO、動態(tài)、個人資料等,確認該風格在這些頁面也可行之后,便可以把其他更深層級的頁面也同步上風格。

        uisdc-theme-20170120-17 uisdc-theme-20170120-18

        3. 其他方案展示

        森之頌歌:

        uisdc-theme-20170120-19 uisdc-theme-20170120-20 uisdc-theme-20170120-21

        暖暖下午茶:

        uisdc-theme-20170120-22 uisdc-theme-20170120-23 uisdc-theme-20170120-24

        簡色:

        uisdc-theme-20170120-25 uisdc-theme-20170120-26 uisdc-theme-20170120-27

        QQfamily新年歡樂頌:

        uisdc-theme-20170120-28 uisdc-theme-20170120-29 uisdc-theme-20170120-30

        4. 主題入口改版

        上線了全新的主題,作為門面的個性裝扮入口也需要 “翻新”,搭配本次的主題升級。舊版的個性裝扮入口功能非常簡陋,只提供主題banner展示,缺失預覽功能;上線新主題后,原主題底層調(diào)整,需要提示用戶手動更新,線上的入口也無法滿足這種需求。

        uisdc-theme-20170120-31

        因此,借助本次主題升級的機會,對個性裝扮頁也進行了界面升級,由原來的橫向banner的形式變?yōu)椤胺饷妫僮鲄^(qū)”上下結(jié)構(gòu)的形式,增加了預覽主題的功能;同時,對主題的狀態(tài)進行了擴充和明確的定義,以按鈕文案的形式進行展現(xiàn),相比之前的形式,展示更清晰,對不同情況的兼容性更強。

        uisdc-theme-20170120-32

         

        uisdc-theme-20170120-33

        總結(jié)整個項目的推進思路:

        1. 接到設(shè)計需求時,思考需求背后相關(guān)的要點,進行調(diào)研分析,獲得合理明確的目標;

        2. 基于目標進行方案的發(fā)散,盡可能嘗試多的方案,基于方案分析其合理性,進行修改,確定方案,最終落地。

        uisdc-theme-20170120-34

        每一個設(shè)計,其實都是一次又一次“發(fā)散”和“收斂”后的結(jié)晶,發(fā)散是為了突破創(chuàng)新、收斂是為了合理落地,兩者缺一不可,因此,既要嚴謹思考,又要大膽想象,才能夠獲得更好的設(shè)計結(jié)果。

        鳴謝

        在本次項目中,感謝放放、婷婷還有我的導師靚靚的悉心指導,感謝老大和標叔指點迷津,感謝多多的切圖支持,同時也感謝在項目過程中給我提寶貴意見的同事們,你們的支持給了我很大的動力!

        「人氣過億的QQ 都是怎么設(shè)計的?」

        1. 夜間模式丨《超過8億人使用的QQ,總結(jié)了夜間模式設(shè)計的通用方法》
        2. QQ 表情丨《揭秘QQ 新版表情背后的設(shè)計故事》
        3. QQ 會員丨《通過優(yōu)化,我們將QQ會員付費用戶數(shù)提高了5倍!》

        原文地址:騰訊ISUX

        藍藍設(shè)計www.shtzxx.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 平面設(shè)計服務

        日歷

        鏈接

        個人資料

        藍藍設(shè)計的小編 http://www.shtzxx.cn

        存檔

        主站蜘蛛池模板: 好大好硬好爽免费视频| 久久精品| 国产亚洲精品美女久久久m| 成全高清视频免费观看全集| 瓦房店市| 人妻少妇熟女javhd| 日本三a级做爰片啊荒野| 伊人久久大香线蕉综合影院首页| 三级a午夜| www婷婷av久久久影片| 乱中年女人伦av三区| 啦啦啦高清视频在线观看免费| 99精品国产一区二区三区| 亚洲精品无码久久久久久| 兖州市| 99热精品国产三级在线| 蜜桃成熟时快播| 久久久精品日本一区二区三区| 免费看av在线网站网址| 欧美激情猛片xxxⅹ大3| 姐姐6电视剧在线观看| 偷窥+国产+综合| 日本乱偷互换人妻中文字幕| 欧美午夜精品久久久久免费视| 欧美一区二区三区成人片在线 | 清纯校花的被脔日常h动漫| 中文字幕 欧美 亚洲| 荔浦县| 捆绑白丝jk震动捧喷白浆| 最新久久成人国产精品视频免费| 阿巴嘎旗| 极品少妇被啪到呻吟喷水| chinese老太交videos| 免费精品人在线二线三线区别| 七妹在线观看| 在线无码中文字幕一区| 偷国产乱人伦偷精品视频| 粉色视频免费观看完整版| 国产精品亚洲片在线| 在丈前下药侵犯人妻在线| 久久国产一区二区三区|