UI设计中常用的创意方法

  想不到好的创意,是我们设计师经常遇到的一个痛点。那是相当的痛!有没有什么好的思考路径给大家参考一下呢?今天我就把自己经常用到的几个创意小方法交给大家。

  摊牌了!

  大纲如下:

  1.图形联想

  2.提核创作

  3.形式嫁接

  1.图形联想

  这个方法就是在你想不出创意的时候,直接把关键词进行图形延展,利用想出的图形与载体进行融合创作。

  举个例子,比如我们在做性别选择的时候,一般来说我们做的就是单选框:

UI设计中常用的创意方法

 

 

  但这是比较普通的做法,如何加点创意呢?

  此时我们就可以进行图形联想,说到性别,我猜大家应该都可以想到下面这个符号吧:

UI设计中常用的创意方法

 

 

  那如果这个符号与开关进行结合,是否可以产出一些不一样的设计呢?

  当然可以,比如下面这个例子:

UI设计中常用的创意方法

 

 

  再举个例子,当我们拿到一个弹幕交互稿的时候:

UI设计中常用的创意方法

 

 

  就可以从弹幕这个关键词出发:

UI设计中常用的创意方法

 

 

  联想到屏幕,再到电视。

  那最后出来的形式,就可以是弹幕与电视的结合:

UI设计中常用的创意方法

 

 

  图形联想只是一种形式的联想,具体用什么风格,还是需要大家根据大家各自的产品属性来进行融合。

  2.提核创作

  这个方法属于站在巨人的肩膀上来进行创作,找一些好的作品,提炼它的关键核心点,然后融入自己的基因,进行二次创作。

  比如下面这组谷歌图标:

UI设计中常用的创意方法

 

 

  我可以从里面提取两个核心因素:组合、融白

UI设计中常用的创意方法

 

 

  组合:就是每个图标都是由多个元素组合而成,看起来会比较丰富。

  融白:图标融入大量无彩色,例如白色和浅灰色,让整体更有呼吸感。

  基于这两个核心关键点,UI设计中常用的创意方法https://www.aaa-cg.com.cn/ui/2673.html我又融入了自己的两个基因:简洁与可爱。

  简洁:因为我们的使用场景的app,区域比较小,如果图标过于复杂,会影响识别度。

  可爱:因为我们是动漫产品,可爱是我们的一个大基调。

UI设计中常用的创意方法

 

 

  当把这四个关键核心点抓准之后,就产生了下面这组图标:

UI设计中常用的创意方法

 

 

  这就是基于巨人肩膀上的二次创作,大家可以多多尝试。

  3.形式嫁接

  对于形式,其实我们不一定非要在设计作品上吸取灵感,这样会比较局限,我们可以多观察观察生活,一些流行的综艺、表情包、短视频都是可以的,举几个例子吧。

UI设计中常用的创意方法

 

 

  这个短视频去年有一阵挺火的,在娱乐的同时,我们需要发散的就是这种摇头的形式,是否可以与我们的设计相互结合。

  比如我们是否可以利用的产品的相关IP形象,结合这个摇头的形式?

  答案当然是可以尝试的,最后我们的执行效果如下:

UI设计中常用的创意方法

 

 

  再比如生活中,我们经常会斗表情包,斗图的同时,是否可以将一些表情包与设计相互结合呢?

  我们在7.0改版的时候,下划线的笑脸,就是来自于一个表情包的灵感:

UI设计中常用的创意方法

 

 

  再比如,中国好声音综艺这种转身过来就是我要你,否则就是不要你:

UI设计中常用的创意方法

 

 

  那是否可以用在设计中呢:

  比如我们小说模块选择背景色的时候,选中的状态就是吉祥物黑字转过来,正面对你,非选中就是侧身对你:

UI设计中常用的创意方法

 

 

  这几点都是属于形式嫁接,嫁接的载体一定是有共性的,比如都是有头部和脖子的,这样才可以扭脖子嘛。

  生活,娱乐都可以给我们灵感,但需要我们善于发现和思考。

  以上就是目前我的一些想创意的小方法,都是我做过的实际落地的项目。

  只要平时多思考,多尝试,一定会有很大收获的,方法已经分享给大家了,剩下就看大家怎么用啦!

  咱就长点心,比啥都强!

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值