作者：劉濤導(dǎo)師

?

每當(dāng)我們需要做設(shè)計(jì)改版或者啟動(dòng)一個(gè)新項(xiàng)目，設(shè)計(jì)師基本上都會(huì)去做一些設(shè)計(jì)分析，比如風(fēng)格趨勢(shì)分析，優(yōu)質(zhì)APP界面設(shè)計(jì)語言分析等等，做這些的目的是為了確保我們的大方向正確，同時(shí)也是為了減少重復(fù)造輪子。

?

特別是在做0~1的新項(xiàng)目，設(shè)計(jì)語言分析尤為重要，幫助我們明確行業(yè)類普遍做法，差異化怎么做，能夠減少踩坑。

?

好了，下面我們看看如何分析競品的設(shè)計(jì)語言。

?

?

?

一、選擇優(yōu)質(zhì)的分析對(duì)象

?

做設(shè)計(jì)語言分析最重要的就是選對(duì)分析對(duì)象，不管是哪個(gè)行業(yè)，選對(duì)了方向基本上不會(huì)出什么大問題。

?

比如，要做一個(gè)音樂產(chǎn)品設(shè)計(jì)改版，想看看一些品牌基因塑造比較好的APP是怎么做的，這時(shí)候可以選擇國內(nèi)外排名靠前一些音樂去研究分析。

?

如何選擇正確的分析對(duì)象，一般情況下選擇直接和間接競品，如果你不知道有哪些優(yōu)秀的產(chǎn)品，可以在這個(gè)網(wǎng)站看看。

?

七麥數(shù)據(jù)

?

比如，搜索一個(gè)音樂后，就可以看到音樂在國內(nèi)的排名，當(dāng)然還可以切換國家，看看其他國家的APP排名。

?

競品的對(duì)象一般選擇3~5個(gè)靠前就差不多了，因?yàn)檫x擇越多，后期分析起來越麻煩。

?

二、設(shè)計(jì)語言分析

?

前面我們已經(jīng)確定了幾個(gè)分析對(duì)象，那么到這里我們就開始分析所選產(chǎn)品的設(shè)計(jì)語言。

?

一般情況下，設(shè)計(jì)語言的分析維度有色彩、圖形、布局、字階、卡片，當(dāng)然你還可以增加陰影、圓角、動(dòng)效等細(xì)節(jié)。

?

?

1、色彩分析

?

色彩分析我們一般看品牌主色調(diào)、輔助色、拓展色、安全色、以及文字顏色，目的是了解他們的色彩運(yùn)用規(guī)則和制定策略。

?

比如常規(guī)色、按壓色、不可點(diǎn)擊色彩是如何塑造的。

?

?

看個(gè)列子，比如白色和灰色的應(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三個(gè)原子數(shù)值來定義。

?

?

內(nèi)容間距網(wǎng)格

?

頁面布局網(wǎng)格

?

4、字階

字體節(jié)奏這個(gè)比較簡單，一般就是看看他們一級(jí)標(biāo)題、二級(jí)標(biāo)題、三級(jí)文本、輔助文字等等的字體大小如何定義，找到一個(gè)基本的參考方向。

?

比如像LINE設(shè)計(jì)語言，他們標(biāo)題提供了4種尺寸大小，正文也是提供了4種。

?

?

標(biāo)題提供4種尺寸大小，應(yīng)用在不同場景

?

?

正文提供4種尺寸大小，應(yīng)用在不同場景

?

5、卡片

?

卡片一般情況下我們要分析圓角節(jié)奏，卡片的比例應(yīng)用情況。

?

?

一般情況下黃金比例，特殊場景除外，比如Banner。

?

?

需要了解卡片的圓角節(jié)奏是如何定義的。

?

三、設(shè)計(jì)策略

?

當(dāng)前面我們分析完所有內(nèi)容后，并了解這些產(chǎn)品設(shè)計(jì)語言的應(yīng)用情況以及制定策略，在最后這一步我們就需要將這些分析內(nèi)容進(jìn)行梳理成可參考的文檔，向團(tuán)隊(duì)成員分享你發(fā)現(xiàn)的一些核心策略和競品視覺語言做得比較好的地方，提供給團(tuán)隊(duì)參考。

?

這些分析只是參考，站在巨人肩膀?qū)W習(xí)，這樣也是避免在成長過程中走錯(cuò)方向。最重要還需要接下來的執(zhí)行，根據(jù)分析結(jié)論重新塑造自家產(chǎn)品的設(shè)計(jì)語言。

?

四、寫在最后

?

由于篇幅有限，沒有將所有案例全部展開，但給大家提供了一個(gè)清晰的流程和思路，可以下去嘗試使用這種方法做一次分析，就掌握了，有什么不清楚的地方，歡迎留言和我討論。

來源網(wǎng)絡(luò)

?