1. UI呀-UIYA.CN-高品质UI/UX设计学习网站 | Sketch UI设计网 学UI设计 sketch 学ui,ui,ui设计,ui素材,ui资源,ui教程,ui设计教程,免费ui,ui设计培训,ui培训,交互设计,ui学习网站首页
  2. 教程
  3. APP设计

没灵感?没头绪?试试这样找素材!

你会不会有以下这些情况?

画图标总是参考iconfont现有的;做banner抠破脑袋做出来了,却总被上司说差点什么;界面颜色总是用哪几种,看见别人的牛逼配色只能惊叹大佬带我。

要是以上你全中了,别着急,试试一些有迹可循的方法可以在一定程度上帮助我们渐渐摆脱这些。

我在开始做设计时会根据主题通过情绪板脑暴的形式一步一步确定所需的素材,这样找到的素材不仅匹配主体需求,过程也很流畅,不会陷入一直找素材的循环中。



情绪板是什么


要通过情绪板脑暴的形式找素材,首先我们先了解一下情绪板是什么。

情绪板(Mood  Board)是将一系列带有特定情绪的图形、文字、颜色、图片等等汇总收集后拼贴的具有设计参考方向的设计方法。旨在将抽象的感觉具象化,更好理解。

情绪板的关键就在于收集的图片等都有特定的指向意义,能反映用户所需的情绪;并且要将这些零碎的东西提取出关键元素,汇总拼贴,作为整个设计的参考。




如何利用情绪板脑暴找素材


确定好主题后,用情绪板找素材的整体流程大致分为提取具象关键词、搜集素材图片、提取所需元素。

我以一组圣诞节日金刚区图标的绘制为例子来介绍整体步骤,便于大家的理解。


第一步:提取具象关键词

首先我先确定本次的主题是生活团购类圣诞节日金刚区图标,包括美食、外卖、电影、超市、娱乐、运动、酒店以及周边游。

在寻找关键词的时候我分别从图标本身的含义出发,找到圣诞节中与之相关的具象关键词。我以运动图标为例,看看是如何一步一步找到那个具体的关键词的:

运动→圣诞节的运动→下雪天常见的运动→滑冰→带有圣诞元素的溜冰鞋



同样的方法我找到了其他7个图标对应的具象关键词分别是,美食/姜饼、外卖/送货的雪橇、电影/老式电影播放机、超市/圣诞元素的超市、娱乐/堆雪人、酒店/烟囱别墅、周边游/户外圣诞树。

其次除了图标本身还要考虑金刚区背景底板以及金刚区整体背景的具象关键词。

在常规的金刚区背景底板中我们通常使用的统一大小的颜色底板,在节日类图标中也要保证统一的底板,且底板不能抢走主体图标的风头。我的提取思路是:

背景底板→能承载主体图标且简易的底板→圆或圆角矩形→带有圣诞节的元素圆或圆角矩形→圣诞球或水晶玻璃球(一下出来两套方案~)


至于整个金刚区的背景,这个具体要和banner区域结合考虑,这里我们可以从圣诞老人多在晚上送礼,为整个底板加上一个带有雪花的深色背景。


第二步:搜集素材图片

现在我们已经把具象的关键词梳理出来了,接下来就是搜集素材图片了,这里我们主要搜集图标主体和背景底板对应的图片,每种搜集3~5张便于自己筛选出合适的参考。PS:因为这里找的参考是用来画图标的,我们可以尽量找一些线条分明的图片。



第三步:提取所需元素

找了这么多图片,最后我们要来汇总一下,提取出我们真正所需的元素。

这里的元素不仅包括所需图标的形状和背景底板样式,还包括整体的配色体系,如果设计中包含文字,你还要提取出合适的字体进行设计。

图标主体根据具象的参考图片,提取出对应元素是比较容易的了,这里我们主要要汇总一下这些

图片的配色,提取出整体的色彩体系。

我们先看看我找到的部分素材图片



观察后不难发现,整体的配色以红绿为主,并且暖色系以低饱和高明度为主,冷色系则以低明度低饱和的深色为主。那么整体的配色也就提取出来了。PS:配色尽量不要超过5种。


根据参考图片提取的主体图标配色



到这一步,我们绘制圣诞节金刚区图标的所有元素基本都已经提取出来了,接下来就是开始绘制了,当然因为我们本身是在画节日图标,还可以找一些相关的金刚区圣诞节日图标做参考,可以更快速的确定风格。


最后的绘制成果:




划重点


本文重点介绍了通过情绪板脑暴模式找素材的方法。首先为我们设计的主题找到具象的关键词,通过这些关键词搜索参考图片并提取出关键元素,这样我们既能找到符合主题的素材且会提高找素材的效率。



参考引文

《技能GET:如何在小设计中使用情绪板与设计沟通?》http://1t.click/aWAm

《情绪板在移动UI设计中的应用》http://1t.click/aWAq

《理性地定义视觉风格——情绪板》http://1t.click/aWAr

《情绪板的制作方法:写给设计师的全方位使用指南》http://1t.click/aWAs




本文来自:海盐社    作者:海盐社

文章版权归原作者,内容为网络收集。如有侵权请告知我们并会及时删除。邮箱: hello@sketchui.net

发表评论

电子邮件地址不会被公开。