競品分析是對現有或潛在的競争對手的産品進行比較分析，得出客觀的結論，解決問題，更好的提升自己産品的競争力，在我們工作中，不論是PM還是設計師，都會進行競品分析的任務，對競品的功能、UI、交互、用戶體驗等方面做出分析。

今天，要說的是：如何從設計的角度出發，做競品分析？

一、什麼是競品分析？

競品是競争産品，及競争對手的産品；分析是進行對比，深入分析，得出結論，解決問題。

所以競品分析顧名思義，就是對競争對手的産品進行比較分析。

競品分析的目的：

競品分析不是赤裸裸的照搬和抄襲，而是要通過競品分析，發現其他産品的優點，思考優點背後的東西，是如何解決用戶的痛點。

一般情況下，要從以下幾個方面來明确具體的分析目的：

1) 設計産品的核心價值是什麼；

2) 産品在同類市場競品中的位置;

3) 通過競品，可以借鑒和學習的經驗有哪些；

4) 需要規避的設計問題是什麼；

簡而言之：競品分析就是根據自己的分析目的，确定切入角度，對競争對手或市場進行客觀分析，找到競品或自己的優勢與不足，為下一步決策提供科學依據。從這個角度看，競品分析的過程就是知己知彼的過程。

這種方式的好處是非常明顯的——

二、如何從設計角度做競品分析？

簡單來說，從設計角度的分析可以通過以下幾個方面進行競品分析：

設計風格分析——界面布局分析——色彩搭配分析——icon設計分析——字體分析——動效&交互分析——品牌傳達分析。

1.設計風格分析

産品的“設計風格”與産品定位息息相關，它們之間可以說有着直接必然的聯系。我們可以用“情感定位”來理解設計風格，例如：嚴肅商務，年輕運動、青春活力等等。

在整個競品分析中，視覺分析是對UI設計師至關重要的，可以說一次深入有效的視覺設計風格的分析，可以給設計師在自己的産品設計過程中帶來大量的設計靈感和設計方向。可以達到事半功倍的效果，有效的提升效率，和設計結果的可靠依據和支撐性。

2.界面布局分析

分析頁面元素的親疏關系，闆塊信息之間的層級關系和布局方式，分析不同的模塊，不同的布局，給自己的産品帶來的啟發。

結合具體的需求和信息本身的層級及視覺傳達的原則，對界面元素的分布進行重組并形成規則。

3.色彩搭配分析

色彩分析我們可以從這個幾個方面進行：色彩情緒、色彩規範、色彩引導、色彩搭配、色彩層級等，一般來說是按目的有選擇的去分析，避免輸出沒有太大價值的報告；我們可以拆分出由品牌元素中的顔色來對界面中的信息進行功能性的顔色定義或者劃分。例如：主色/品牌色、輔助色（成功、失敗、警示）、主色和輔助色的關系，顔色保的飽和度、色彩基礎規範和文字顔色等來做具體分析。

顔色是用戶對産品的第一感受，我們會從功能性以及用戶情感等角度對不同的icon顔色進行劃分，進行分析。

在經過深入分析之後，我們可以得出屬于自己的色彩規範：

1. 結合自己産品的定位和調性和用戶人群，得出主色、輔助色（成功、失敗、警示）、文字色；

2. 再根據主色、輔助色（成功、失敗、警示）、文字色，進行色彩衍生，得到基礎色彩層級，最終形成色彩規範；

4.icon設計

根據品牌元素對icon從形狀、顔色、風格、識别度進行設計解剖，分析其一緻性與設計風格。

· 從形狀分析：如圓形、矩形、三角形、面形圖标、線性圖标；

· 從顔色分析：根據主色和圖标的功能型來分析；

· 從風格分析：極簡風、扁平風格、拟物風格、2.5D風格、3D風格、微質感、雙色圖标、漸變風格、線面結合風格；

· 從識别度分析：圖标是否可以快速識别，一眼便會知道其表達的含義；

當然，從整體來說，我們還要考慮圖标的統一性，比如貫穿整個項目中的：圖标的圓角、描邊的大小、風格、視覺大小要保持高度的一緻性。

5.字體分析

分析字體的使用、數量、字體的樣式、大小、字體梯度（層級）、行高來進行分析，以達到更好的閱讀體驗。

6.動效&交互分析

動态設計就像一個人的肢體語言，少了顯得這個人很死闆，多了則像神經病。而如何恰到好處的拿捏産品中什麼地方需要設計動效、怎麼設計動效。這需要對産品前期的動效設計和交互設計有着深入理解以及理性的對交互控件及界面從用戶的角度進行感性的劃分，例如：需要讓用戶等待的、需要讓用戶快速通過的、需要讓用戶感覺享受的…等等。合理的規則劃分讓産品的“節奏感”更好，讓産品更好用和易用。

動效的使用有以下幾個優勢：

· 強化内容，引導用戶進行操作；

· 為産品注入活力，提升産品的易用性；

· 情感化設計，增加人文關懷；

· 增強互動，減少等待焦慮，緩解用戶情緒；

· 提升産品的好感度，減少認知成本。

7.品牌傳達

我們知道如今對品牌的傳達不僅限于一個企業的logo、vi。它體現在方方面面，比如音效設計、吉祥物設計、一個産品的開屏、一句sologan、一個有趣loading動畫等等

一個好的産品，會在産品的設計中融入品牌因子，讓品牌因子貫穿整個産品。讓産品在傳達内容的同時也在不斷傳達品牌，讓用戶有品牌的記憶點。在潛移默化中讓用戶心中塑造品牌形象的作用。品牌傳達這一塊，在設計中是屬于進階階段的要求，對UI設計師的要求不僅僅是熟悉産品，更是将産品深深印在心裡。

在競品分析之前先确定品牌的戰略定位，可以更有參考性。

結語

以上僅是從設計（視覺）的角度出發來如何做競品分析進行的闡述，再結合我個人的一些經驗觀點，如果再擴大來說，還可以單獨從：交互設計和用戶體驗設計的維度再去做競品分析，這裡就不再展開了，後面有機會會一一為大家分析，希望看完這篇文章你會有收獲，我們下次再見。

請私信我回複“666”，為嚴哥打Call~，還有更多驚喜哦~

.............................................................

UI嚴選—越努力，越幸運

更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!