如何分析竞品设计语言?

2022-9-8    seo达人

图片

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

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

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

图片

七麦数据

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

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

 

图片

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

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

图片

 

1、色彩分析

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

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

图片

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

图片

 

2、图形分析

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

图片

比如再来看看Line的

图片

 

3、布局

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

图片

图片

内容间距网格

图片

页面布局网格

 

4、字阶

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

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

图片

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

图片

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

 

5、卡片

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

图片

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

图片

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

 

图片

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

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

 

写在最后,

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


作者:刘涛导师

转载请注明:学UI网》如何分析竞品设计语言?

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请加蓝小助,微信号:ben_lanlan,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系01063334945。


分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。


蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务UI设计公司、界面设计公司、UI设计服务公司、数据可视化设计公司、UI交互设计公司、高端网站设计公司、UI咨询、用户体验公司、软件界面设计公司




日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档