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