如何分析競(jìng)品設(shè)計(jì)語(yǔ)言?

2022-9-8    seo達(dá)人

圖片

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

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

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

圖片

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

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

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

 

圖片

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

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

圖片

 

1、色彩分析

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

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

圖片

看個(gè)列子,比如白色和灰色的應(yīng)用場(chǎng)景。

圖片

 

2、圖形分析

圖形一般品牌圖形的應(yīng)用,看看這些產(chǎn)品如何打造品牌DNA,如何強(qiáng)化用戶印象,圖形的維度一般在圖標(biāo)上體現(xiàn)居多。

圖片

比如再來(lái)看看Line的

圖片

 

3、布局

布局一般我們看產(chǎn)品內(nèi)容間距,內(nèi)容網(wǎng)格是如何打造的,間距節(jié)奏如何定義。目前主流的網(wǎng)格定義大部分基于2/4/8三個(gè)原子數(shù)值來(lái)定義。

圖片

圖片

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

圖片

頁(yè)面布局網(wǎng)格

 

4、字階

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

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

圖片

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

圖片

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

 

5、卡片

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

圖片

一般情況下黃金比例,特殊場(chǎng)景除外,比如Banner。

圖片

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

 

圖片

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

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

 

寫(xiě)在最后,

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


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

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》如何分析競(jìng)品設(shè)計(jì)語(yǔ)言?

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)加藍(lán)小助,微信號(hào):ben_lanlan,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


藍(lán)藍(lán)設(shè)計(jì)m.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司




日歷

鏈接

個(gè)人資料

存檔