做設(shè)計語言分析最重要的就是選對分析對象，不管是哪個行業(yè)，選對了方向基本上不會出什么大問題。
比如，要做一個音樂產(chǎn)品設(shè)計改版，想看看一些品牌基因塑造比較好的APP是怎么做的，這時候可以選擇國內(nèi)外排名靠前一些音樂去研究分析。
如何選擇正確的分析對象，一般情況下選擇直接和間接競品，如果你不知道有哪些優(yōu)秀的產(chǎn)品，可以在這個網(wǎng)站看看。
七麥數(shù)據(jù)
比如，搜索一個音樂后，就可以看到音樂在國內(nèi)的排名，當(dāng)然還可以切換國家，看看其他國家的APP排名。
競品的對象一般選擇3~5個靠前就差不多了，因為選擇越多，后期分析起來越麻煩。
前面我們已經(jīng)確定了幾個分析對象，那么到這里我們就開始分析所選產(chǎn)品的設(shè)計語言。
一般情況下，設(shè)計語言的分析維度有色彩、圖形、布局、字階、卡片，當(dāng)然你還可以增加陰影、圓角、動效等細(xì)節(jié)。
1、色彩分析
色彩分析我們一般看品牌主色調(diào)、輔助色、拓展色、安全色、以及文字顏色，目的是了解他們的色彩運用規(guī)則和制定策略。
比如常規(guī)色、按壓色、不可點擊色彩是如何塑造的。
看個列子，比如白色和灰色的應(yīng)用場景。
2、圖形分析
圖形一般品牌圖形的應(yīng)用，看看這些產(chǎn)品如何打造品牌DNA，如何強(qiáng)化用戶印象，圖形的維度一般在圖標(biāo)上體現(xiàn)居多。
比如再來看看Line的
3、布局
布局一般我們看產(chǎn)品內(nèi)容間距，內(nèi)容網(wǎng)格是如何打造的，間距節(jié)奏如何定義。目前主流的網(wǎng)格定義大部分基于2/4/8三個原子數(shù)值來定義。
內(nèi)容間距網(wǎng)格
頁面布局網(wǎng)格
4、字階
字體節(jié)奏這個比較簡單，一般就是看看他們一級標(biāo)題、二級標(biāo)題、三級文本、輔助文字等等的字體大小如何定義，找到一個基本的參考方向。
比如像LINE設(shè)計語言，他們標(biāo)題提供了4種尺寸大小，正文也是提供了4種。
標(biāo)題提供4種尺寸大小，應(yīng)用在不同場景
正文提供4種尺寸大小，應(yīng)用在不同場景
5、卡片
卡片一般情況下我們要分析圓角節(jié)奏，卡片的比例應(yīng)用情況。
一般情況下黃金比例，特殊場景除外，比如Banner。
需要了解卡片的圓角節(jié)奏是如何定義的。
當(dāng)前面我們分析完所有內(nèi)容后，并了解這些產(chǎn)品設(shè)計語言的應(yīng)用情況以及制定策略，在最后這一步我們就需要將這些分析內(nèi)容進(jìn)行梳理成可參考的文檔，向團(tuán)隊成員分享你發(fā)現(xiàn)的一些核心策略和競品視覺語言做得比較好的地方，提供給團(tuán)隊參考。
這些分析只是參考，站在巨人肩膀?qū)W習(xí)，這樣也是避免在成長過程中走錯方向。最重要還需要接下來的執(zhí)行，根據(jù)分析結(jié)論重新塑造自家產(chǎn)品的設(shè)計語言。
寫在最后，
由于篇幅有限，沒有將所有案例全部展開，但給大家提供了一個清晰的流程和思路，可以下去嘗試使用這種方法做一次分析，就掌握了，有什么不清楚的地方，歡迎留言和我討論。
作者：劉濤導(dǎo)師
轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》如何分析競品設(shè)計語言？
藍(lán)藍(lán)設(shè)計( m.sillybuy.com )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司