規(guī)避低齡化設(shè)計騰訊內(nèi)部課件

1、 目錄：一. 規(guī)避低齡化原因二. 低齡化設(shè)計的特征三. 規(guī)避低齡化的方法目錄：一. 規(guī)避低齡化原因業(yè)界產(chǎn)品視覺趨勢公司重點業(yè)務(wù)視覺風(fēng)格與品牌戰(zhàn)略BU業(yè)務(wù)品牌方向規(guī)避低齡化設(shè)計騰訊內(nèi)部課件業(yè)界產(chǎn)品視覺趨勢 - 歐美系一. 規(guī)避低齡化原因特色：歐美系的新老牌網(wǎng)站視覺共同點：結(jié)構(gòu)清晰、用色柔和、簡潔清爽傳達給用戶國際化穩(wěn)定 、專業(yè)、的品牌理念業(yè)界產(chǎn)品視覺趨勢 - 歐美系一. 規(guī)避低齡化原因特色：一. 規(guī)避低齡化原因特色：更符合亞洲人審美的韓系站點整體色彩明快時尚感強。Header區(qū)為設(shè)計重點，以品牌色彩的高飽和色作為導(dǎo)航背景，對整個頁面的色彩起到統(tǒng)領(lǐng)作用；資訊內(nèi)容區(qū)域使用適宜閱讀灰色線框進行模塊的分

2、割細節(jié)質(zhì)感 柔和細膩。排版留白適中、疏密結(jié)合傳達出深刻的品牌的印象與良好的閱讀體驗業(yè)界產(chǎn)品視覺趨勢 - 韓系一. 規(guī)避低齡化原因特色：業(yè)界產(chǎn)品視覺趨勢 - 韓系業(yè)界產(chǎn)品視覺趨勢 - 國內(nèi)一. 規(guī)避低齡化原因特色：近期老三大門戶網(wǎng)易、新浪、搜狐的相繼改版中，可以看出國內(nèi)站點也愈加重視用戶體驗。不約而同的將改版重點轉(zhuǎn)移到寬屏（1024）顯示上，結(jié)構(gòu)排版也比以往清晰許多。業(yè)界產(chǎn)品視覺趨勢 - 國內(nèi)一. 規(guī)避低齡化原因特色：業(yè)界產(chǎn)品視覺趨勢 - 總結(jié)一. 規(guī)避低齡化原因整體趨勢整體排版結(jié)構(gòu)清晰，適量的留白將交互設(shè)計更好的融入視覺導(dǎo)航區(qū)可作為站點的設(shè)計亮點資訊內(nèi)容區(qū)弱化修飾整體有品牌視覺，同時傳達給 用

3、戶時尚輕松的閱讀體驗業(yè)界產(chǎn)品視覺趨勢 - 總結(jié)一. 規(guī)避低齡化原因整體趨勢一. 規(guī)避低齡化原因業(yè)界產(chǎn)品視覺趨勢公司重點業(yè)務(wù)視覺風(fēng)格與品牌戰(zhàn)略BU業(yè)務(wù)品牌方向規(guī)避低齡化設(shè)計騰訊內(nèi)部課件公司目前業(yè)務(wù) QQ.com 舊版一. 規(guī)避低齡化原因問題：和國內(nèi)傳統(tǒng)三大門戶視覺傳達的感受差不多，整頁密集的藍色鏈接。Header區(qū)頻道Icon風(fēng)格和當時的QQ.com Logo相映成趣給人低齡化的感覺公司目前業(yè)務(wù) QQ.com 舊版一. 規(guī)避低齡化原因問題公司目前業(yè)務(wù) QQ.com 新版一. 規(guī)避低齡化原因特色：默認風(fēng)格清爽、舒適，排版清晰合理。整體傳達給用戶大氣、中性的門戶感。同時，提供多種風(fēng)格定義，滿足個性化

4、需求公司目前業(yè)務(wù) QQ.com 新版一. 規(guī)避低齡化原因特色公司目前業(yè)務(wù) TM2008一. 規(guī)避低齡化原因特色：整體采用清爽、時尚、精致的視覺風(fēng)格自然照片與精致絢麗的圖形元素、玻璃質(zhì)感結(jié)合，也有效的提升了整體的時尚感。公司目前業(yè)務(wù) TM2008一. 規(guī)避低齡化原因特色：公司目前業(yè)務(wù) QQmail 舊版一. 規(guī)避低齡化原因問題：整體設(shè)計粗糙，配色也過于強烈用戶體驗也有待提升公司目前業(yè)務(wù) QQmail 舊版一. 規(guī)避低齡化原因問題公司目前業(yè)務(wù) QQmail 新版一. 規(guī)避低齡化原因特色：簡約、清晰的視覺設(shè)計，保證流暢的用戶體驗給人穩(wěn)定易用的良好印象.同時多套風(fēng)格主題選擇，又滿足了不同個性化需求的用

5、戶。公司目前業(yè)務(wù) QQmail 新版一. 規(guī)避低齡化原因特色公司目前業(yè)務(wù) Qshop 舊版一. 規(guī)避低齡化原因問題：早期QQ系列網(wǎng)站，大多以QQ形象為logo的元素網(wǎng)站大面積使用了圓角、純色設(shè)計細節(jié)，整體給人可愛的感覺公司目前業(yè)務(wù) Qshop 舊版一. 規(guī)避低齡化原因問題：公司目前業(yè)務(wù) 拍拍 新版一. 規(guī)避低齡化原因特色：整體色彩清爽，配以時尚的商品圖片。傳達出年輕、時尚的氛圍公司目前業(yè)務(wù) 拍拍 新版一. 規(guī)避低齡化原因特色：公司目前業(yè)務(wù) 總結(jié)一. 規(guī)避低齡化原因比起早期產(chǎn)品大量使用QQ的卡通風(fēng)格應(yīng)用，現(xiàn)階段公司產(chǎn)品普遍采用大方、清爽、時尚、國際化的視覺風(fēng)格公司目前業(yè)務(wù) 總結(jié)一. 規(guī)避低齡化原

6、因比起早期產(chǎn)品大量使公司品牌戰(zhàn)略一. 規(guī)避低齡化原因大回響 大影響QQ.COMTM2008QQmail從這些成功改版的產(chǎn)品中不難看出，我們未來的產(chǎn)品設(shè)計將迎接更廣、更挑剔的用戶群，“提升易用性、國際化、舒適、精致、時尚”將是我們的設(shè)計趨勢公司品牌戰(zhàn)略一. 規(guī)避低齡化原因大回響 大影響QQ.COMT一. 規(guī)避低齡化原因業(yè)界產(chǎn)品視覺趨勢公司重點業(yè)務(wù)視覺風(fēng)格與品牌戰(zhàn)略BU業(yè)務(wù)品牌方向規(guī)避低齡化設(shè)計騰訊內(nèi)部課件BU產(chǎn)品品牌方向 QQ空間一. 規(guī)避低齡化原因品牌方向：中國最大的在線時尚生活平臺，是目前國內(nèi)用戶最多，人氣最旺的Web2.0中文社區(qū)。口號“我的生活，我的時尚” BU產(chǎn)品品牌方向 QQ空間一.

7、 規(guī)避低齡化原因品牌方向：BU產(chǎn)品品牌方向 - QQShow一. 規(guī)避低齡化原因品牌方向：以QQ秀購買和紅鉆付費為營收基礎(chǔ)，大力發(fā)展跨產(chǎn)品合作與對外合作，尋找QQ秀的更多出口。視覺上具體表現(xiàn)為新的抽向的logo和紫色品牌色的確立，雜志化和平面化的圖文混排風(fēng)格以及更加前衛(wèi)的交互形式。BU產(chǎn)品品牌方向 - QQShow一. 規(guī)避低齡化原因品牌方BU產(chǎn)品品牌方向 QQ VIP一. 規(guī)避低齡化原因品牌方向：會員的vision:為QQ高端用戶提供無處不在、個性化的特權(quán)體驗、社群生活服務(wù)。 滿足用戶的特權(quán)、身份、體驗、自我歸屬情感需求的服務(wù)，可以說我們就是“QQ的物業(yè)服務(wù)”。BU產(chǎn)品品牌方向 QQ VIP

8、一. 規(guī)避低齡化原因品牌方BU產(chǎn)品品牌方向 - QQMusic一. 規(guī)避低齡化原因品牌方向：QQ音樂網(wǎng)的vision: QQ音樂網(wǎng)是一個正版在線音樂試聽網(wǎng)站，為QQ用戶提供海量的優(yōu)質(zhì)音樂免費在線試聽，還有第一手的新歌、發(fā)片信息，讓您始終位于流行音樂最前端。 QQ音樂網(wǎng)的其他特點還有 QQ音樂網(wǎng)同時也是QQ音樂播放器的官方下載網(wǎng)站，以及以音樂增值服務(wù)為主的綠鉆官網(wǎng)入口。BU產(chǎn)品品牌方向 - QQMusic一. 規(guī)避低齡化原因品牌二. 舉例低齡化設(shè)計的特征A+B概念，低齡化的設(shè)計的特征 規(guī)避低齡化設(shè)計騰訊內(nèi)部課件二. 舉例低齡化設(shè)計的特征A+B 概念Logo模塊文字控件A 基本結(jié)構(gòu)色彩質(zhì)感造型圖形

9、元素B 視覺表現(xiàn)二. 舉例低齡化設(shè)計的特征A+B 概念LogoA 基本結(jié)構(gòu)色二. 舉例低齡化設(shè)計的特征A 基本結(jié)構(gòu)導(dǎo)航模塊Logo造型可愛 色彩高飽和度不規(guī)則的造型+可愛的字體可愛的大卡通圖標修飾，邊框復(fù)雜的樣式二. 舉例低齡化設(shè)計的特征A 基本結(jié)構(gòu)導(dǎo)航模塊Logo造型可二. 舉例低齡化設(shè)計的特征A 基本結(jié)構(gòu)廣告模塊不規(guī)則的邊框.“趣味”的動畫轉(zhuǎn)場方式二. 舉例低齡化設(shè)計的特征A 基本結(jié)構(gòu)廣告模塊不規(guī)則的邊框.二. 舉例低齡化設(shè)計的特征A 基本結(jié)構(gòu)整體排版不規(guī)則的整體排版，突出趣味感二. 舉例低齡化設(shè)計的特征A 基本結(jié)構(gòu)整體排版不規(guī)則的整體排二. 舉例低齡化設(shè)計的特征A 基本結(jié)構(gòu)控件豐富的色彩

10、，突出的操作按鈕二. 舉例低齡化設(shè)計的特征A 基本結(jié)構(gòu)控件豐富的色彩，突出的二. 舉例低齡化設(shè)計的特征A 基本結(jié)構(gòu)字體邊緣圓角大，筆畫不規(guī)則的字體們二. 舉例低齡化設(shè)計的特征A 基本結(jié)構(gòu)字體邊緣圓角大，筆畫不二. 舉例低齡化設(shè)計的特征B 視覺表現(xiàn)B字體色彩質(zhì)感低齡人群普遍喜歡五彩繽紛、色澤鮮艷的顏色，高飽和度的明亮的顏色的搭配，一般偏愛對比強烈、鮮艷的色彩二. 舉例低齡化設(shè)計的特征B 視覺表現(xiàn)B字體色彩質(zhì)感低齡人群二. 舉例低齡化設(shè)計的特征B 視覺表現(xiàn)可愛的卡通形象造型圖形元素二. 舉例低齡化設(shè)計的特征B 視覺表現(xiàn)可愛的卡通形象造型圖形三.規(guī)避低齡化的方法BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計與規(guī)避方

11、法視覺風(fēng)格指引低齡化對產(chǎn)品經(jīng)歷的建議規(guī)避低齡化設(shè)計騰訊內(nèi)部課件BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方法新版舊版整體布局不清晰 ，像素感元素過時整體風(fēng)格柔和又富細節(jié)，傳達出時尚 、清爽的視覺氛圍。BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方法LOGO：解決方法：舊版logo造型與色彩過于卡通，通過調(diào)整色彩與質(zhì)感來 增強時尚感示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方法按鈕：解決方法：按鈕色彩過于飽和，質(zhì)感較過時，通過調(diào)整色彩與

12、豐富質(zhì)感來增強時尚感示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方法模塊：解決方法：像素感較強，給人不精致的感覺?？梢酝ㄟ^柔和漸變、磨砂質(zhì)感、矢量圓角等細節(jié)來提升整體品質(zhì)感示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方法圖形元素：解決方法：圖形元素過于卡通可愛，優(yōu)化圖形元素、配合頁面風(fēng)格進行調(diào)整示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方法Loading：解決方法：圖

13、形元素過于卡通可愛，優(yōu)化圖形元素與色彩質(zhì)感示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ空間三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法導(dǎo)航：問題：顏色過于飽和，質(zhì)感的表現(xiàn)細節(jié)不倒位解決方法：使用飽和度較低的顏色，并對光照和質(zhì)感進行深入的刻畫，加入更加時尚的表現(xiàn)手法，例如，投影，光影和透明示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法Logo區(qū)：問題：大量出現(xiàn)描線和單色填充的卡通手法，具后期效果刻畫較簡單和直接解決方法：抽像和簡練的logo設(shè)計，與更細膩的光影刻畫，與更多時尚表現(xiàn)元素，例如：

14、場景化的表現(xiàn)示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法按鈕：問題：飽和度高，線條直接，立體感過于強烈，并出現(xiàn)了卡通造型的示意圖形解決方法：緊跟UI業(yè)內(nèi)潮流，模仿真實物理質(zhì)感的刻畫，加入類如光影紋理與半透明效果的表現(xiàn)，盡可能使用抽像的業(yè)內(nèi)標準表達來促進可用性示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法Banner ：問題：固定banner的承載外框顯得粗糙和直接，圓滾滾的水晶質(zhì)感是可愛的代名詞；卡通的QQ秀形像作為主體讓畫面缺乏細節(jié)解決方法

15、：設(shè)計前衛(wèi)簡潔的承載外框；內(nèi)容排版多向潮流雜志的感覺靠近，如非特殊情況，盡可能地使用時尚人物或潮物作為畫面主體示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法Title裝飾：問題：作為portal類的title裝飾顯得繁鎖和多余，并且使用具像的卡通人物和物品顯得幼稚解決方法：簡單清晰的表達才是portal類title應(yīng)該的形式，如果需要重點裝飾，可以考慮更加時尚和簡潔的表現(xiàn)方法，還應(yīng)該多使用英文來突出QQ秀的時尚氣息示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法BU內(nèi)四大業(yè)務(wù)網(wǎng)站目前存在的低齡化設(shè)計 Q

16、Q秀三.規(guī)避低齡化的方法彈出對話框：問題：卡通形像的使用和簡單鮮艷的配色過于可愛解決方法：使用通用圖示和更加抽像的圖形，并且細化質(zhì)感的刻畫細節(jié)。示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站目前存在的低齡化設(shè)計 QQ秀三.規(guī)避低BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法文字排版：問題：冗余而粗糙的質(zhì)感與不考究的排版，直接影響品牌形像解決方法：盡可能地簡練地排版，如果要進行藝術(shù)排版，需進行細心的變形與質(zhì)感刻畫示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法非框架內(nèi)活動頁面：問題：泛濫的風(fēng)格（包括字體與圖形），和過于濃艷的色彩，卡

17、通形像和QQ秀的大面積使用，直接體現(xiàn)低齡風(fēng)格解決方法：注意整活動頁面由始至終的風(fēng)格統(tǒng)一，多使用漸變色和低飽和色，花更多的時間去尋找和組織素材示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ秀三.規(guī)避低齡化的方法BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方法導(dǎo)航：解決方法：目前導(dǎo)航質(zhì)感過于卡通，改變高光和漸變的質(zhì)感。 示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方法按鈕：解決方法：目前站點按鈕質(zhì)感比較卡通，部分按鈕依然有紅毛形象， 去掉紅毛形象，優(yōu)化按鈕圓角以及質(zhì)感 示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員

18、三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方法廣告語：解決方法：老站點我們更多是利用紅毛作為主體，帶出各種口號，之后的設(shè)計可以盡量用真人結(jié)合頁面，讓整個站點更加中性示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方法Icon：解決方法：會員站點的icon多數(shù)是用紅毛做主體，去掉紅毛，找到更加中性的替代物，icon去掉水晶效果。示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方法細節(jié)質(zhì)感：解決方法：老站點很多承載圖片或者文

19、字的框，質(zhì)感和表現(xiàn)手法都可以進行改進。示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方法Banner：解決方法：各種標題性banner，需要減少紅毛公仔的運用，已經(jīng)表現(xiàn)形式中性化。示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方法活動頁面：解決方法：盡量杜絕使用公仔做主體，真人和公仔的結(jié)合可以繼續(xù)沿用，字體和排版也需要注意。示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方法字

20、體：解決方法：避免使用圓角過于夸張，形式過于可愛的字體，在質(zhì)感和顏色上也同樣注意，用更加中性的方式來表達主題示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ會員三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ音樂三.規(guī)避低齡化的方法模塊：解決方法：盡量用人物形象帶代替QQ形象。示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ音樂三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ音樂三.規(guī)避低齡化的方法浮出層：解決方法：用中性icon帶代替QQ形象。 。示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ音樂三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ音樂三.規(guī)避低齡化的方法廣告：解決方法：人物形

21、象可以沿用，但是字體的設(shè)計可以質(zhì)感一些示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ音樂三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ音樂三.規(guī)避低齡化的方法按鈕：解決方法：按鈕質(zhì)感可以再豐富些，符合音樂產(chǎn)品風(fēng)格。示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ音樂三.規(guī)避低齡化的方BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ音樂三.規(guī)避低齡化的方法Icon：解決方法：現(xiàn)在有些icon的設(shè)計偏向卡通，需要設(shè)計得中性些。示例：BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計 QQ音樂三.規(guī)避低齡化的方三.規(guī)避低齡化的方法BU內(nèi)四大業(yè)務(wù)網(wǎng)站的低齡化設(shè)計與規(guī)避方法視覺風(fēng)格指引低齡化對產(chǎn)品經(jīng)歷的建議規(guī)避低齡化設(shè)計騰訊內(nèi)部課件規(guī)避

22、低齡化設(shè)計 視覺風(fēng)格指引三.規(guī)避低齡化的方法 造型 避免有意突出“可愛”風(fēng)格，大量圓潤無序的細節(jié)，非常規(guī)透視以及夸張本體比例 質(zhì)感 避免試用柔軟并且剔透的質(zhì)感，如：塑膠、蠟筆、水彩等 色彩 避免高亮，高飽和度的色彩，偏向可愛風(fēng)格的配色 構(gòu)圖 避免構(gòu)圖過于夸張不規(guī)則 字體 避免邊緣圓角大，筆畫不規(guī)則 圖片素材的選用 避免幼稚、卡通的可愛素材，建議采用真人圖片增強時尚互動感規(guī)避低齡化設(shè)計 視覺風(fēng)格指引三.規(guī)避低齡化的方法設(shè)計風(fēng)格指引-Qzone三.規(guī)避低齡化的方法 我的生活，我的時尚！Keywords：品牌色： 藍色；強調(diào)色:橙黃色 ；銀灰色基調(diào)背景 細節(jié)強調(diào)：高亮橙色疊加光影質(zhì)感字體：雅黑字體 ； 90垂直漸變 ； 模塊：3px圓角； 1px邊框 標題字體：微軟雅黑 富有層次感的銀灰色基調(diào)背景品牌主色：藍