如何分析競品設計語言?

2022-9-8    seo達人

圖片

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

比如,要做一個音樂產品設計改版,想看看一些品牌基因塑造比較好的APP是怎么做的,這時候可以選擇國內外排名靠前一些音樂去研究分析。

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

圖片

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

比如,搜索一個音樂后,就可以看到音樂在國內的排名,當然還可以切換國家,看看其他國家的APP排名。

競品的對象一般選擇3~5個靠前就差不多了,因為選擇越多,后期分析起來越麻煩。

 

圖片

前面我們已經確定了幾個分析對象,那么到這里我們就開始分析所選產品的設計語言。

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

圖片

 

1、色彩分析

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

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

圖片

看個列子,比如白色和灰色的應用場景。

圖片

 

2、圖形分析

圖形一般品牌圖形的應用,看看這些產品如何打造品牌DNA,如何強化用戶印象,圖形的維度一般在圖標上體現(xiàn)居多。

圖片

比如再來看看Line的

圖片

 

3、布局

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

圖片

圖片

內容間距網格

圖片

頁面布局網格

 

4、字階

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

比如像LINE設計語言,他們標題提供了4種尺寸大小,正文也是提供了4種。

圖片

標題提供4種尺寸大小,應用在不同場景

圖片

正文提供4種尺寸大小,應用在不同場景

 

5、卡片

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

圖片

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

圖片

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

 

圖片

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

這些分析只是參考,站在巨人肩膀學習,這樣也是避免在成長過程中走錯方向。最重要還需要接下來的執(zhí)行,根據(jù)分析結論重新塑造自家產品的設計語言。

 

寫在最后,

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


作者:劉濤導師

轉載請注明:學UI網》如何分析競品設計語言?

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯(lián)系,我們立即更正或刪除。


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




分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔