文章详情

平面设计中有趣的词云图如何设计

2020-09-17

点击量:

  平面设计创新技能层出不穷,平面设计满足着形形色色各种垂直化的需求,在设计方面大家也是想方设法去做一些创新,希望自己能够在各种应用中脱颖而出,今天AAA教育郭老师就针对平面设计中有趣的词云如何设计进行简单的说明。
 

  大家通过搜索引擎搜索词云时,有没有发现搜索出来的词云图都非常的丑!
 

  一方面丑在配色、另一方面不够精致!

 

平面设计中有趣的词云图如何设计

 

  而且形式也是单一的文字词云和形状词云
 

  那么我们应该如何做好词云!
 

  本篇文章我打算从四个方面和大家来聊聊词云:
 

  一 什么是词云?
 

  二 词云的表现形式有哪些?
 

  三 如何制作词云?
 

  四 如何做好词云?
 

  一 什么是词云?
 

  词云,也称为文字云或标签云,它主要是通过文字占的面积大小、颜色的深浅变化来呈现关键词出现的次数。文字占的面积越大,代表该词出现的次数最多,相反,文字占的面积越小,出现的次数就越少。
 

  大家学会做词云以后,在许多展示信息的地方都用得到,比如现场演讲时的PPT、书籍的封面、各类装饰等等。

 

平面设计中有趣的词云图如何设计

 

  二 常用的四种词云表现形式
 

  1.基础词云
 

  这是词云里最常使用也最简单的一种表现形式,我想大家经常会用到,它操作起来简单、粗暴,即使在不借助工具、网站的情况下,我们也可以根据数值手动调整文字的大小,来进行展现。
 

  这种类型的词云在文字整体的大小和文字方向上都可以更加自由。当我们在做评论留言、标签、商品数据,没有一个特定主题形象的情况下,经常会直接上手做。

 

平面设计中有趣的词云图如何设计

 

  2.形状词云
 

  形状词云,顾名思义,就是有形状的词云。一般来说,当我们想表达的内容有明显主题时,就会使用相关的形状作为辅助,增强信息传达的效果。
 

  比如在表现健身主题相关的词云时,就可采用健身时的场景形状剪影来作为轮廓。

 

平面设计中有趣的词云图如何设计

 

  在表现亲密关系时,比如《李国庆的微博怎么谈俞渝》就可通过爱心的形状来展示。在表现和钱相关的主题时,就可选择和钱相关的元素来选择形状,比如存钱罐。

 

平面设计中有趣的词云图如何设计

 

  这种词云可以通过上传剪影形状来生成,后面我们具体来说。
 

  3.圆圈词云
 

  圆圈词云其实就是用文字占的面积大小来表现数值,我们稍微延展一下,将文字放到圆圈中,通过圆圈的大小来对应词频的变化。

 

平面设计中有趣的词云图如何设计

 

  与传统词云相比呢,这种形式的词云更加直观,各个词之间的对比可以更加明显。而且,这也比较灵活,多个词云图还能放在一起进行比较。
 

  4.方块词云
 

  同样,我们也可以将字放在方块里,通过方块的大小来对应词频的变化。

 

平面设计中有趣的词云图如何设计

 

  做词云的时候,字词的数量建议控制在10-30个以内,太多的话就会影响排版,也比较影响主要信息的传达。
 

  三 如何制作词云?
 

  1.基础词云和形状词云的制作方法
 

  首先,大家要把大段的文字处理成为“模拟数据”这种样式。会Python的同学呢去找找jieba中文分词,不会敲代码的同学直接在网上搜搜“中文分词”,有很多现成的网页工具可以用,分好词以后导出数据就好。
 

  接下来就是生成词云,普通的字词云和形状词云,大家百度的话,其实有很多种方法可以实现,但我要强推这个网站,直到现在也一直在用,这个网站就是WordArt。

 

平面设计中有趣的词云图如何设计

 

  为什么这个网站好用,使用下来的感受就是,这个网站的自定义性非常强,并且很容易上手,基本上你所用到的字词云、形状词云都可以通过这个网站搞定。
 

  但这个网站也有缺点,就是想要下载矢量图比如SVG、PDF,都需要另外花钱。但按照我丰富的经验来看,除了印刷以外的日常展示需求,默认导出透明的PNG格式就完全够用了。
 

  第一步,打开网站,点击【CREATE NOW】按钮,这时便进入了WordArt的操作界面。
 

  点击左上角的【import 】按钮,将数据复制粘贴进去。( 这里记得将CSV format 选项给勾选上,很重要,要不数据导进来全变成1了)。

 

平面设计中有趣的词云图如何设计

 

  然后点击红色的【Visualize】键,来看看词云生成的效果,会发现词云出现了乱码。( 这是因为我们的字词是中文,而这个网站系统自带的字体不支持中文,所以只要上传一个中文的字体就可以解决这个问题)。

 

平面设计中有趣的词云图如何设计

 

  第二步,解决字体乱码问题,选择【FONTS】选项,点击绿色【+Add font】按钮,上传一个中文的字体,我这里选择了常用的方正兰亭粗黑,再次点击红色的【Visualize】键会发现文字正常了。

 

平面设计中有趣的词云图如何设计

 

  字体正常后,我们可以调整下配色,在【STYLE】选项中,点击配色条,在弹出的色彩框中,上传自己的颜色代码或者直接选择颜色,就可以对配色进行调整。

 

平面设计中有趣的词云图如何设计

 

  这里上传了自定义的配色,到这里,其实一个简单的字词云基本上已经完成了。

 

平面设计中有趣的词云图如何设计

 

  如果我们要做形状词云应该怎么操作?
 

  第三步,选择【SHAPES】选项,点击绿色【+Add image】按钮,上传形状剪影,因为词云数据讲的是攒钱,所有上传了一张存钱罐的剪影图片。

 

平面设计中有趣的词云图如何设计

 

  关于免费剪影素材的下载,推荐下freepik这个网站( 在搜索框,搜索关键词Silhouettes,就可搜索到很多免费的剪影素材)。

 

平面设计中有趣的词云图如何设计

 

  第四步,因为我们要导出透明的PNG图片以方便在不同的场景应用,这时可以对背景的一些参数进行细节的调整(突出字体、形状轮廓减淡、背景白色调整为透明度),可参考下方的GIF操作。

 

平面设计中有趣的词云图如何设计

 

  发现对当前生成的配色不是很满意,这时候可点击红色的【Visualize】键再次进行生成,直到自己觉得满意了就行。
 

  最后,点击左上方的【DOWNLOAD】按钮,选择【PNG】格式,那么这张图就下载到了电脑上。

 

平面设计中有趣的词云图如何设计

 

  最后导入AI,加入【标题】、【注】、【图例】和其他元素,再根据版面安排调整下间距,那么这张通过WordArt所生成的形状词云就完成了。
 

  2.方块和圆圈词云
 

  方块和圆圈词云的制作方法也非常的多,这里还是要推荐上一篇讲到的桑基图制作的网站——RAW来实现。
 

  RAW中的【Treemap】可以生成方块词云,【Cirle Packing】可生成圆圈词云。
 

  具体RAW中的操作步骤和上篇桑基图的步骤操作基本一致,只是选择的样式不同,大家可对着上一篇桑基图的操作步骤来进行。

 

平面设计中有趣的词云图如何设计

 

  如果大家使用的是最新版的EXCEL,在插入图表中,也有【树状图】。所以,各位也可以通过Excel快速生成方块词云,然后再拖到AI中进行美化加工。

 

平面设计中有趣的词云图如何设计

 

  四 制作词云的一些注意小事项
 

  1、选择一个漂亮的字体
 

  一张漂亮的词云图,字体的选择是非常关键和重要的,建议使用粗体、非衬线的字体。

 

平面设计中有趣的词云图如何设计

 

  2、根据主题选择合适的配色方案
 

  配色,也是词云生成出来好不好看的关键因素之一,配色选择上尽量保持1-5以内的颜色。避免使用过多的配色,在配色选择上可根据不同的主题选择对应的方案。

 

平面设计中有趣的词云图如何设计

 

  3.控制关键词的数量
 

  在做词云时,数据中关键词的数量不宜过多,保证在10-30个以内是最好的。如果关键词过多,就要舍弃方块词云而选择字词云。但经验表明,出现词频特别少的那些末位关键词,展现出来其实也是看不清楚的,大家该舍弃时还是要舍弃。

 

平面设计中有趣的词云图如何设计

 

  4.选择合适的形状
 

  上传的剪影尽量选择简约、填充面积大、比例均衡的图案,避免选择复杂、细节过多的图案,防止词频不能很直观地展示出来。

 

平面设计中有趣的词云图如何设计

 

  5 增加一些装饰细节
 

  可根据主题增加一些装饰性的元素,比如主题LOGO、ICON,让画面更加丰富。

 

平面设计中有趣的词云图如何设计

 

  6、根据场景选择配色
 

  如果词云应用的场景是线下PPT的展示,因为屏幕大且亮,再加上现场的灯光。那么就可考虑使用深色背景的配色方案,让词云的展示更加酷。如果是线上传播使用,就使用常规的白色背景配色即可。

 

平面设计中有趣的词云图如何设计

 

  7、让数据动起来
 

  如果词云本身的数据是和弹幕或评论数据相关的,那么可通过动态的形式进行展示,读者会有身临其境在刷弹幕的感觉。

 

平面设计中有趣的词云图如何设计

 

  四 总结
 

  通过本篇的词云教程,相信你也可以很快速的掌握词云的制作方法和小技巧。因此,您现在已经了解了与平面设计师的工作相关的主要技能。如果您想了解更多信息,请访问AAA教育,包含有关在该领域工作的更多相关文章。

长按识别二维码,加关注
↓ ↓ ↓ 继续阅读与本文标签相同的文章
平面设计中有趣的词云图如何设计
平面设计
词云图