ps教程_设计教程_ps素材_设计素材_小憩设计
  • 欢迎来到小憩设计!

如何找到改版的切入点?我用「品牌探索」这个方法!

时间:2020-12-16 07:27:54 作者:小憩设计 来源:网络

如何找到改版的切入点?我用「品牌探索」这个方法!

@菜心设计铺 :前几天做了《暴风影音 App 重设计》,不过还没做完,所以今天主要讲讲我寻找改版切入点的方法——品牌探索。

到底品牌探索能给我们带来什么?真的能指导我们做设计吗?看完这篇文章估计你就能略懂一二了。

先来看下我寻找改版切入点的大纲吧:

  • 体验产品和竞品来发现问题
  • 品牌探索寻找切入点
  • 结合切入点进行优化
  • 突破自己做点不一样的

1. 体验产品和竞品来发现问题

做改版一定是基于某些问题的,而发现问题的方式有很多种,例如用户反馈数据,产品的发展战略、竞品分析、流行趋势等等。

我这里用到的方法就是通过体验产品和竞品来发现问题,今天拿图标来举例。

如何找到改版的切入点?我用「品牌探索」这个方法!

上图是暴风影音 APP 原版图标,问题如下:

  • 图标无明显性格,同质化严重,没有体现暴风影音的情感诉求。
  • 直角、圆角不统一。
  • 图标的渐变柔合度不够自然。

以上就是我发现的关于图标部分的问题。

2. 品牌探索寻找切入点

有些人可能会疑惑,到底品牌探索是做什么啊?其实就是看看企业的历史、理念、产品、官网、最近的动态,只要你用心去寻找,一定能发现一些指导你设计方向的内容。

比如,我在搜索资料的时候就发现,2017年,暴风集团的 logo 改版了:

如何找到改版的切入点?我用「品牌探索」这个方法!

从 logo 的改版上,我发现了几个小细节:

  • 简约,logo 去掉了部分细节,使其更加简约。
  • 尖角,某些圆角变成尖角,虽然不是纯尖角,但整体看起来感觉更加方正、干练。

官方文章的说法是使 logo 更有科技感,时尚感。

原来的图标没有调性,而企业 logo 的改版已经给了我们明确的调性和方向,我们可以顺着方向提取一些关键词:

如何找到改版的切入点?我用「品牌探索」这个方法!

这不就是很好的切入点嘛。

3. 结合切入点进行优化

结合上面提炼的几个关键词和原版图标的问题,把之前的图标变得方正(科技)、简约(时尚)、渐变柔和(这是基本要求)一些。

改版前:

如何找到改版的切入点?我用「品牌探索」这个方法! 改版后:

如何找到改版的切入点?我用「品牌探索」这个方法!

这里只能给大家提供一个思路方法,至于执行力,并不是看几篇文章就能解决的,只能靠我们自己多多练习了。

4. 突破自己做点不一样的

做到这里,虽然图标有些调性了,但还不够特别,这里就是难点了,突破自己的关键也在这里。如何能做出点不一样的感觉呢?这时候我们还是要从品牌出发,继续探索。我发现企业的 VI 系统中有这样一个辅助图形:

如何找到改版的切入点?我用「品牌探索」这个方法!

于是我提取出关键词——直线。

可是怎么能融入到图标设计当中呢?经过多次尝试后,最后以角度渐变的这种方式来融入刚刚提取的「直线」概念。

最终效果如下:

如何找到改版的切入点?我用「品牌探索」这个方法!

最后

寻找改版切入点的方式有很多种,这里仅仅只是介绍了一种,希望能对大家的思路有所启发。

记住,刚才提取的方向、元素、性格都是可以贯穿整个改版设计的。例如那个 VI 的辅助图形,是不是就可以用到标签按钮的背景上,增加一些独特性,而这些独特性都是根据品牌而来,不是凭空捏造,如下图:

如何找到改版的切入点?我用「品牌探索」这个方法! 还有提取矩形的元素是不是可以贯穿整个 app 设计,例如上图和下图,你都可以看到矩形的元素。

如何找到改版的切入点?我用「品牌探索」这个方法!

可以用到的地方还有很多,后面等我把其他界面优化完,继续和大家分享。

欢迎关注作者的微信公众号:「菜心设计铺」

如何找到改版的切入点?我用「品牌探索」这个方法!

「用品牌基因法做设计」

  • 《用品牌基因法,三步帮你搞定图标设计!》
  • 《用品牌基因法做图标设计,这是高级UI设计师才会的手法!》
  • 《用品牌基因法做图标设计,高级UI设计师才会的手法!(升级篇)》
  • 《用品牌基因法做图标设计,高级UI设计师才会的手法!(实战篇)》
  • 《网易资深设计师:视觉设计如何继承品牌基因?》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

相关推荐

  • 动漫风格专题之标题设计
    动漫风格专题之标题设计
    想要做一个广告标题,尤其是动漫游戏类的,真的没想象中那么容易。当你在字体库里一个个切换,最终选择到了一款很合适的字体,你以为非常完美了!但其实,你与大师的距离还......下面我们就来看看动漫风格专题之标题设计的一些案...

  • 质感创作技巧制作毛衣,玩具熊或者更多萌哒小物件~!(AI+PS教程)
    为节日主题制作应景温馨萌哒的道具,少不了绒毛玩偶织线围脖之类小物件。运用好质感技巧能让它们拥有足够的真实感,更加能让小物件生动有趣使整个画面变得满满都是萌萌哒。此篇AI+PS教程提供制作思路,让大家可以了解到质...
  • edeea3ef944d349482de
    为什么又多了一個像素?(设计经验谈)
    对于平面设计师及插画工作者来说,Illustrator是再好用不过的工具了。Illustrator 最大的优点在于可以轻易将图形量化并修改、以及可以在完成制图后再来考虑大部分的「后端」问题,比如说图档输出尺寸、分辨率等等。 但是...
  • mobeimo1
    童趣大风车(ai教程)
    以下为童趣大风车ai教程。在本教程中,你将学习如何用ai创建一个丰富多彩的螺旋桨风车。 对于初学者,你将学习如何建立一个简单的网格,以及如何创建使用基本的工具和效果。同时你将学会如何使用混合模式和外观面板中的图...
  • 画一套亮闪闪的扁平风格宝石图标第2篇(AI教程)
    接上一篇继续教大家制作不同样式切面的宝石。不过因为此教程是由完整文章分三期为大家整理翻译,很有可能因此会让部分同学感觉内容上有一些断篇儿,所以建议大家在学习之前最好回顾一下教程一的内容。传送门由此去: 画...
  • mobeimo1
    AI画个简单贝壳(AI教程)
    夏天来了,暑假来了,大海我们来了。好吧,暂时到不了海边的,先来画个贝壳沾点海风的气息吧。 1.新建一个空白文档。然后去“编辑>首选项>常规>键盘增量设为1px”以及“单位”选项卡的单位如图所示。我通常会使用这些设置,因...
  • 撸友们,快来撸个LOL风格的字体图标吧~!COME ON!(PS+AI教程)
    撸友们,快来撸个LOL风格的字体图标吧~!COME ON!(PS+AI教程)
    暴雪公司的作品一直是游戏精品的代表,就算你不是撸粉儿,但也一定听过他们的大名。至少就连没玩过撸啊撸的小编也听说过很多因它而生的美好情缘的故事。嘿嘿,闲扯了这么多,不过今天的主题却不是撸LOL,而是仿照LOL的UI设计风...
  • 画一套亮闪闪的扁平风格宝石图标第1篇(AI教程)
    画一套亮闪闪的扁平风格宝石图标第1篇(AI教程)
    这是一篇来自于国外网站的教程,作者一次讲了6种扁平风格的宝石图标画法,绘图思路几乎相差不多。但因为原文篇幅较长,所以小编将准备分三期与大家分享。如果喜欢的话,可以随时关注我们后继的更新。 1. 制作一个漂亮的闪...

设计教程热门

mobeimo1

童趣大风车(ai教程)

edeea3ef944d349482de

为什么又多了一個像素?(设计经验谈)


质感创作技巧制作毛衣,玩具熊或者更多萌哒小物件~!(AI+PS教程)

动漫风格专题之标题设计

撸友们,快来撸个LOL风格的字体图标吧~!COME ON!(PS+AI教程)

热门文章

ps cs6怎么抠图覆盖?

" />

ps cs6怎么抠图覆盖

ps抠图后怎么拉出来

怎么用ps软件修图?

" />

怎么用ps软件修图

怎么ps腹肌?

观察原" />

怎么ps腹肌

ps怎么取消合并的图层?

<" />

ps怎么取消合并的图层

psd格式怎么改成jpg?

" />

psd格式怎么改成jpg

ps扣出来的图怎么缩小?

<" />

ps扣出来的图怎么缩小

ps软件怎么制作1寸照片?

" />

ps软件怎么制作1寸照片

ps软件怎么扣人像部分?

<" />

ps软件怎么扣人像部分

ps怎么p身份证号码数字?

" />

ps怎么p身份证号码数字