恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反??!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
为什么我做的设计总是同质化!
63.4°
原创文章 / 经验/观点 / / 举报
11838 176 233 9

2020-08-11


菜心的第173篇原创

2020年的第51篇

距离2020年小目标40篇原创已超出11篇


解决设计同质化问题,是我们每个设计师必须要具备的能力,但是又不能为了不一样而不一样,所以以自身品牌出发来做差异化,才是正确的方式。


菜心最近看了很多别人家的app,总结了一些视觉触点,可以融入我们的品牌基因,大概分为以下几类:


大纲如下:

1.控件类

2.页面类

3.标识类

4.动效类



1.控件类


不用解释太多,这一类就是指一些常用控件,比如按钮、搜索框、弹窗等等,我们可以依次来看下案例


 1.1 按钮 

按钮虽然不适合做全局差异化,但是对于一些特殊化的按钮,是可以有一些特殊化处理的,比如一零零一弹窗上、登录页上的按钮,都有融入一些特殊化的品牌基因:




 1.2.弹窗 

弹窗是很好融入品牌基因的触点,例如叭哒的弹窗:




 1.3 下划线 

大部分app产品中都会有下划线,这是一个非常利于视觉发挥的触点,比如一零零一中,他的下划线,是一个椭圆:



这个椭圆来自他们家猫猫出来的洞口形状:




1.4.搜索框 

搜索框很容易被我们忽略,但其实它也可以融入一些品牌基因,比如波洞的机械基因,融入在搜索框的样式:



就是对搜索框的差异化设计。


1.5.滑杆 

如果你的产品有播放器体系,那播放器的滑杆,也是可以融合品牌形象的,比如b站和波洞的滑杆:



但切记形象不要搞得太复杂,不然就有点本末倒置了。


 1.6.占位图 

在图片未加载出来的时候,会有一个默认占位图,这个占位图可以使用品牌符号或者吉祥物,例如波洞的这个占位图:




2.页面类

 

这一类一般都是整个页面,比如闪屏啊、活动页面啊、空页面等等。

我们看看实例:


 2.1 闪屏 

每次打开app都会看到一张闪屏,他的目的是缓解用户等待时间,也是很好的植入品牌的触点,比如哔哩哔哩漫画就用了品牌吉祥物:




 2.2.个人中心 

还是叭哒,个人中心头图也融入了品牌形象:



当然他这个形象不是为了加而加,它配合了养宠物的功能来进行设计的。



2.3活动入口及活动页面 


我们经?;嶙鲆恍┗疃旁诓防?,有些活动除了页面头图以外,还会有一个活动入口,这个入口漂浮在页面之上。


不论是活动入口还是页面头图,都可以与品牌吉祥物结合来进行设计,比如咚漫的:




2.4.登录页 

登录页是每个产品都会有的,也是很好的植入品牌基因的触点,或是logo、或是品牌形象。


比如一零零一的登录页面,就结合了品牌形象:



2.5.空页面 

空页面就是在页面没有内容时候的一种空状态,很好的一个触点,比如躺平的空页面结合了自家形象,再配合差异化构图:




整挺好!



3.标识类


以前写过很多关于图标融入品牌基因的文章,图标就是标识类的一种,除此之外还有一些标签、图形之类的都属于标识类,看下案例:



 3.1.图标 

图标这个触点,以前在品牌基因法里经常提到,就不多说了,看下咚漫的这组分类图标,结合吉祥物的表情来设计的:



还是挺生动有趣的。



3.2排行榜序号图形 


排行榜都会有前三名,这前三名不整点特殊化处理,怎么显得人家高贵呢,比如颜色方面经常使用的手法就是金银铜,而图形其实就可以从品牌图形来切入,比如闪现一下的前三名就用品牌图形:




3.3等级标识 


很多产品都会区分用户的等级,一旦区分就会涉及到很多等级相关的内容,比如等级标识、等级卡片等等。


这些内容都可以基于自身的品牌形象来进行设计,比如我们看下闪现一下app,他的等级卡片、等级标识,都有用到他们的品牌形象:





4.动效类


4.1.加载动画 

这个触点就不多说了,太多产品都在用了,比如b站的这个小电视:




4.1.点击动效


这除此之外,其实一些点击动效也可以做一些品牌基因的融入,比如波洞进入首页时有一个波纹的品牌动效:



这个动效不仅使用在这里,在icon的点击动效也进行了植入:



从而形成了一个非常强烈的记忆点。



总结 


其实除了这些上面的这些例子外,还有很多都应该都可以于品牌基因相互结合,我这里只当抛砖引玉。


大家仔细思考,你会发现他们并不是出自同一个app,因为并不是所有的触点都适合我们的产品,切记不能为了差异而差异,产生过度设计的现象。


长点心,比啥都强!点个在看,更强!



Powered by Froala Editor

微信公众号:菜心设计铺

收藏

176人已收藏

菜心设计铺

微信公众号:菜心设计铺

  • 88

    作品

  • 2.1w

    粉丝

  • 100

    关注

  • 我是这样一点一点突破舒适区的!
  • 我的2020—UI中国
  • 《菜心·腾讯动漫直播点赞系列》
  • 《菜心·腾讯动漫社区改版方案预演》

猜你喜欢

    菜心设计铺

    菜心设计铺

    微信公众号:菜心设计铺

    国民爱豆首页霸主身经百战活雷锋砖家
    • 2.1w

      粉丝

    • 3408.7

      人气

    • 9.4w

      颜值

    作品

      菜心设计铺

      点赞:233

      收藏:176

      评论:9

      为什么我做的设计总是同质化!

      你确定要举报为什么我做的设计总是同质化!?

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2020年08月11日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      账号或密码错误

      发送验证码 120s 验证码错误

      登录
      全网福利资源合集搜索处解压码