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

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

2018/03/05 7305评论区

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

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

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

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

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

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

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

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

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

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

2. 品牌探索寻找切入点

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

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

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

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

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

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

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

3. 结合切入点进行优化

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

改版前:


改版后:

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

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

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

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

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

最终效果如下:

最后

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

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


还有提取矩形的元素是不是可以贯穿整个 app 设计,例如上图和下图,你都可以看到矩形的元素。

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

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

「用品牌基因法做设计」

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

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

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

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/change-cut-brand-exploration

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 转场动效 优设大课堂 设计师 扁平化设计 交互设计师 界面设计 排版布局 职场 平面设计 配色 视觉设计 素材下载 设计师专访 web前端开发 设计流程 AI教程 用户体验设计 设计理论 神器下载 字体下载 海报设计 设计趋势 设计规范 psd下载 动效设计 图标设计 产品设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 ps技巧 用户体验 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里