如何分析竞品设计语言？

关注 功夫体验设计 与十万读者见证成长的力量

这是功夫体验设计公众号第 255 期分享

作者 | 刘涛

每当我们需要做设计改版或者启动一个新项目，设计师基本上都会去做一些设计分析，比如风格趋势分析，优质APP界面设计语言分析等等，做这些的目的是为了确保我们的大方向正确，同时也是为了减少重复造轮子。

特别是在做0~1的新项目，设计语言分析尤为重要，帮助我们明确行业类普遍做法，差异化怎么做，能够减少踩坑。

好了，下面我们看看如何分析竞品的设计语言。

做设计语言分析最重要的就是选对分析对象，不管是哪个行业，选对了方向基本上不会出什么大问题。

比如，要做一个音乐产品设计改版，想看看一些品牌基因塑造比较好的APP是怎么做的，这时候可以选择国内外排名靠前一些音乐去研究分析。

如何选择正确的分析对象，一般情况下选择直接和间接竞品，如果你不知道有哪些优秀的产品，可以在这个网站看看。

七麦数据

比如，搜索一个音乐后，就可以看到音乐在国内的排名，当然还可以切换国家，看看其他国家的APP排名。

竞品的对象一般选择3~5个靠前就差不多了，因为选择越多，后期分析起来越麻烦。

前面我们已经确定了几个分析对象，那么到这里我们就开始分析所选产品的设计语言。

一般情况下，设计语言的分析维度有色彩、图形、布局、字阶、卡片，当然你还可以增加阴影、圆角、动效等细节。

色彩分析

色彩分析我们一般看品牌主色调、辅助色、拓展色、安全色、以及文字颜色，目的是了解他们的色彩运用规则和制定策略。

比如常规色、按压色、不可点击色彩是如何塑造的。

看个列子，比如白色和灰色的应用场景。

图形分析

图形一般品牌图形的应用，看看这些产品如何打造品牌DNA，如何强化用户印象，图形的维度一般在图标上体现居多。

比如再来看看Line的

布局

布局一般我们看产品内容间距，内容网格是如何打造的，间距节奏如何定义。目前主流的网格定义大部分基于2/4/8三个原子数值来定义。

内容间距网格

页面布局网格

字阶

字体节奏这个比较简单，一般就是看看他们一级标题、二级标题、三级文本、辅助文字等等的字体大小如何定义，找到一个基本的参考方向。

比如像LINE设计语言，他们标题提供了4种尺寸大小，正文也是提供了4种。

标题提供4种尺寸大小，应用在不同场景

正文提供4种尺寸大小，应用在不同场景

卡片

卡片一般情况下我们要分析圆角节奏，卡片的比例应用情况。

一般情况下黄金比例，特殊场景除外，比如Banner。

需要了解卡片的圆角节奏是如何定义的。

当前面我们分析完所有内容后，并了解这些产品设计语言的应用情况以及制定策略，在最后这一步我们就需要将这些分析内容进行梳理成可参考的文档，向团队成员分享你发现的一些核心策略和竞品视觉语言做得比较好的地方，提供给团队参考。

这些分析只是参考，站在巨人肩膀学习，这样也是避免在成长过程中走错方向。最重要还需要接下来的执行，根据分析结论重新塑造自家产品的设计语言。

写在最后，由于篇幅有限，没有将所有案例全部展开，但给大家提供了一个清晰的流程和思路，可以下去尝试使用这种方法做一次分析，就掌握了，有什么不清楚的地方，欢迎留言和我讨论。