情绪感图片素材网站-设计师都在用的情绪板是什么？这份使用指南告诉你

再也不怕做PPT了!有这7个素材网站

01

#PPT灵感哪里找?

花瓣网

相信平时做设计的都知道这个网站,上面的素材真的超级丰富,可以说是设计师必备的网站之一!

UI中国

UI乍一看是不是和PPT不搭?别这样想,设计都是互通的,借鉴使用到PPT里,高级感就来啦!

02

*免抠图PNG素材看这里

pngimg

这个网站有近10万个、免费的、免抠图的PNG图片素材,走过路过不要错过!无敌实用,别忘了收藏!

Stickpng

「若你喜欢怪人,其实我很美」,喜欢稀奇古怪图像的宝子们一定要尝试的网站,真的很香!

03

*图标素材看这里

Emojipedia

表情包素材网站来啦~想要各种Emoji的宝子不要错过!同一种情绪的表情包还能找到不同版本,任你选择!

FLATICON

支持一键下载图标包,超过400万的矢量图标供你选择,免费的图标资源足够你大开眼界!

04

*背景素材看这里

Svgbackgrounds

强烈推荐!高效的背景素材生产网站,一键即可定制高分辨率矢量背景!还能在线修改配色,提升效率的好助手!

做PPT效率低下没灵感?

别忘了收藏我今天分享的这几个宝藏网站,设计人压箱底积累的资源和素材!

通过这份使用指南,我们可以掌握情绪板的作用、组成、样式、灵感搜集以及制作过程。文末准备了一波优质资源,快来看看吧～

情绪板首先能组织整个项目的灵感,保持风格和美学的一致性,并与客户的目标和期望保持一致。

情绪板是在开始实际设计前 确定和完善产品风格 的好方法。在资源和时间方面,情绪版比模型或原型的成本要低得多,并且能直接传达出关于最终设计风格的信息。

情绪板能够巧妙地向客户传达设计理念。例如当设计师在说扁平化或极简等设计风格时,许多客户可能并不知道这些风格是怎样的。

通过向他们展示一个包含这些风格的情绪板,他们马上就能明白并说出是否喜欢这种风格。

情绪板有两种常见的样式,两者都有各自的特点。一种是 线下实体的情绪板 ,把搜集到的图片或者文字素材打印出来,然后根据需要贴到白板上。

优势: 实体情绪板能让我们更直接地看到甚至接触到这些素材,可以随时增加批注或者调整这些素材;

透过实体的情绪板能扩宽想法,避免把思路只局限在屏幕上。

不足: 实体情绪板在制作过程中需要大量打印,图片贴多了之后可能会造成混乱。这种呈现方式通常只能通过拍照来存档或者与其他成员共享,一定程度上会影响效率。

另一种是 线上数字化的情绪板 ,相当于把实体情绪版搬到了线上,把电脑屏幕当作白板。

优势: 线上存档和共享变得更容易,方便大家直接参与到修改或批注中。

不足: 仍然是对着屏幕使用软件来规划情绪板,面对这些熟悉的操作可能会限制设计师的创造力。

每个情绪板都是不同的,包含的内容会根据项目需要而有所不同。

重要的是要包含尽可能多的元素,让想表现的设计思路更清晰。情绪板中包含的内容包括以下几种。

图片

包括品牌图片、图库上的摄影/产品图片、插画、logo等。

颜色

色板是情绪板的重要组成部分,根据搜集的素材我们能确定哪种色系跟整体需求更相近,再通过吸色来获得配色信息。

隐喻

视觉隐喻在品牌或图标设计中的运用较多,如果有必要也可以包括在情绪板中。

文字

搜集与品牌或主题相关的文案,或者展示选用的某种特定的字体。

纹理

设计中涉及到的纹理或图案都应该包含在情绪板上。

批注

根据需要对情绪板中包含的元素进行解释说明,更方便团队协同工作。

确定主题可以使情绪板更具表现力。尽管有时候主题是抽象的,但主题与产品或品牌的目标紧密相连。

情绪板的灵感可以来自于任何地方。可以来自日常搜集的图片素材,或者优质的图片网站、设计网站甚至社交媒体中用户分享的图片或内容都能为你所用。

我常用的情绪板素材网站包括 Pinterest、ins、Unsplash、Behance 等,这些网站大家都很熟悉且经常使用,也可以根据自己常看的其他网站来搜集素材。

搜集素材完成之后,接下来就到了制作阶段。网上经常有人说工具不重要,但 术业有专攻一定程度更能提升效率 。

除了使用PS、XD、Sketch这些软件,这里介绍几个专门制作情绪板的工具。

Canva

提供富有设计感的情绪板模版库,简单操作就能获得制作精美的情绪板。

Milanote

功能强大,每个素材都以卡片的形式展现,方便快速上手对素材进行归类和批注。

Moodboard

支持自己上传素材并创建情绪板,也可以调用已有的素材库,找寻更多灵感。

Adobe Spark

几分钟内就能创建出独一无二的情绪板。提供了大量的模版库,包括照片、字体和设计元素库,可以轻松调用里面的内容。

情绪板对项目设计风格的探索和制定有很好的帮助,将情绪板融入到所从事的设计项目中是一件有意义的事。

慢慢来比较快,希望对你有帮助～

精彩推荐:

1、聊聊卡片式设计的运用

2、案例分析:栅格系统的布局设计

3、如何设计深色模式?这3点因素需要考虑

4、深度解析:服务蓝图的应用逻辑 设计

编者按:公众号文章配图重要吗,怎么给公众号文章配图?去哪儿找免费图片?这对很多新媒体编辑尤其是对初入行的新媒体编辑来说,似乎简单而又重要。今天我们决定重新系统地讨论一下这个问题。

你好,我是小饿。最近有不少同学问我公众号怎么给文章配图?

一、配图是为了什么?

在谈这个话题之前,我们先明确下给文章配图是为了什么?

在我看来,给文章配图其实是为了提高文章的阅读体验,提高文章的读完率,一篇文章越容易被读完,就越容易被分享。

文章被用户分享出去,让更多的人看到,这才是我们生产一篇文章的目的。

我习惯用「生产」,而不是「写作」,是因为在手机阅读环境下,一篇文章推送到用户面前时,「写作」的过程只是很小一部分,这个流程还包括很多环节,比如选题、用户阅读意愿调研、写作素材搜集、排版、分发、评论引导等等。

因此,有必要把一篇公众号文章当做一个产品来运营。

二、什么是公众号文章的阅读体验?

公众号文章的阅读体验包含很多维度,比如:

标题:这是用户接触我们的产品的第一步,标题好不好,直接决定了这篇文章是否被用户打开。

文章第一屏:用户打开文章后,对我们这个产品的第一印象,就像一个人的脸面一样,它是一篇文章的颜值担当,一个漂亮的第一屏才能吸引用户继续读下去。这个时代还是一个看脸的时代。

文章的字号、字色、段落、留白、配图:涉及文章的排版,字号、字色、段落、留白、配图这些都是文章排版的元素,好的排版就是把这些元素以一种恰当的比例和规则组合起来。

如果说字号、字色、段落、留白这些元素是一条龙的骨架和血脉,那文章中的配图就是龙的眼睛,好的配图方案能起到「画龙点睛」的作用,能让一篇枯燥的文字顿时鲜活起来。

三、配图在阅读体验中充当什么角色?

阅读是一个视觉行为,通过视觉传输给大脑进行理解吸收,但人的大脑其实很讨厌抽象的内容,而文字就是很抽象的内容,所以人们更喜欢阅读图片多的文章,即使这张图片看不懂,大脑也能很快储存下来。

在一篇文字为主的文章中,配图就充当了让大脑休息的作用,这种短暂的休息,在视觉上有停顿的效果,而且不同的色系、画面的图片,给人的空间感也不一样。

阅读停顿越多,读者在文章页面停留时间越长,越容易读完一篇文章。

四、优质配图的四个原则

1. 画质清晰

想要配图高大上,图片像素高是一个必要条件,只有像素高的图片才能衬托出文字的细腻。

建议把图片转换成png格式,但有一个悖论是,像素越高的图片,体积越大,公众号单张图片上限是5M,超出体积怎么办?推荐一个资深互联网编辑才知道的技巧:用photoshop打开图片-文件-导出-存储为web所用格式,在弹窗中把图片宽度调整为900,搞定。是不是图片体积又小又高清无损呢?

2. 宽度统一

有很多运营新人在配图时习惯使用第三方编辑器里的图片相框,利用代码把图片堆砌成各种形状,其实这样的做法既浪费时间、又容易图片变形,反而不美观,最简单高效的做法就是让图片宽度保持一致,有同学又问:批量修改图片尺寸也是很麻烦的好吗。

其实公众号自带编辑器早就解决了这个问题,点击图片右上角,勾选「自适应手机屏幕宽度」选项,图片会自动撑满手机屏幕宽度,这样就变相统一了图片宽度。

自适应手机屏幕宽度功能的原理是把图片撑大,需要注意的是,图片如果宽度过小,就会导致图片发虚,因此不建议过小图片使用此功能,如果一定要使用张图片,那就将图片居中,居中后左右留白对称,看起来也很舒服。

3. 主题统一(如何寻找主题匹配图片)

同一篇文章在选用配图的时候,要围绕文章的主题。关于主题和配图的匹配,推荐一个技巧,主题的外延,这源自逻辑学的启发,熟悉逻辑学的同学知道,一个概念分为内涵和外延,在新媒体领域一篇文章的内涵就是文字本身,外延就是配图,是文字的表现形式。

比如,「成功」的外延,可以是豪车、名表、豪宅,虽然很俗气,但利用这些关键词去图片网站检索即可配置一组跟「成功」主题契合的配图。

需要注意的是,主题的统一就是要严格按照事先提炼的主题外延关键词检索图片。在选择图片的时候,图片的风格也要大体接近,经常使用各类修图软件的同学对滤镜会很熟悉,图片的风格大致可以理解为图片所使用的滤镜。比如,日式、复古、LOMO、怀旧、黑白、胶片等等,一篇文章的配图要统一选用一种风格的图片。

总结一下,主题统一就是选择文章一个主题下的若干外延词汇,利用这些词汇检索同一种风格的图片。

4. 位置统一

位置统一包括两端对齐、居中显示、两端缩进相同倍数、上下留白相同。

也就是说图片的左右两端一定要和文字对齐,我们在排版文字的时候遵循的一条规则是两端对齐,同时文字会有一定的两端缩进,图片也要如法炮制,使用相同的参数,这样就图片左右边缘和文字左右边缘在一条纵向参考线上,比如文字两端缩进是8,那么图片的两端缩进也要是8。

另外,图片上下留白也应注意,在一段文字下面插入图片后,图片上端默认是和文字距离很近的,从视觉上显得很局促,不妨在文字段后插入 5 到 10 倍的段后距,让文字和图片留有距离。

关于「段后距」和回车空行的区别,使用「段后距」后产生的空白区域是不能输入文字的,而用回车敲出的空行,可以输入文字。「段后距」能呈现比一个回车符更小的空行,相当于Photoshop或PPT里的微调,我习惯在图片上沿使用 5 倍的「段后距」,在图片下沿敲一个回车,这样就比上下两行都敲一个回车看起来更灵动,不那么呆板。

五、如何通过配图调整阅读节奏

对于文字比较少的文章,可以使用明度高的冷色图片,比如浅蓝色,使版面看起来比实际延展了,视野就显得开阔,文章就感觉长了,这样就提高了文章的阅读期待。

对于文字比较多的文章,可以在文章中插入色彩深的前进色图片,比如深红色,使段落产生突出感,从而缩短了文章的长度,加强了阅读的停顿。

一些无版权图库推荐

「视觉中国」事件后,很多企业和自媒体人对图片版权的重视程度越来越高,百度搜索图片显然已经不能满足公众号运营的需要,那就需要更专业的图片搜索引擎。

推荐一些高清无版权的免费图库,供大家日常使用。

1. Pixabay(地址:)

推荐关键词:支持中文搜索,无版权,这是我使用频率最高的一个图库

2.Pexels(地址:)

推荐关键词:超高质量

3.Visual Hunt(地址:)

推荐关键词:可通过颜色搜索图片量

4.Unsplash(地址:)

推荐关键词:高质量照片的网站

5.拍信(地址:)

推荐关键词:高品质创意内容共享平台,用它的免费图库就足够

6.Gratisography(地址:)

推荐关键词:高分辨率摄影图片库,很多脑洞图片,很有创意

7.LifeOfPix(地址:)

推荐关键词:图片多为欧洲景观,适合旅游图片

8.Stocksnap(地址:)

推荐关键词:由多位摄影师创办,拥有丰富的免费照片

9.Magdeleine(地址:)

推荐关键词:免费高清灵感系图片网,可以通过颜色、情绪寻找图片

(地址:)

推荐关键词:干净整洁无任何广告的图片分享网站

11.别样网(地址:)

推荐关键词:国内较大的无版权高清图片网站

(地址:)

推荐关键词:供专业美食相关的免费图库

(地址:)

推荐关键词:为博主、网站主、自由职业者、网页设计师提供高品质图片素材的网站

使用这些图库的一个弊端就是,大家都在使用,很容易出现雷同配图,其实这不是最重要的,因为配图的理念更重要,通过上面的学习,你已经掌握了配图的核心逻辑,相信即使是同行使用了跟你相同的某张配图,但你的文章整体阅读体验会令人更舒服一些。

合理地使用配图策略,可以给文章带来不一样的阅读体验。