Mastering Concept Visualizations: A Simple Workflow for Creating Effective Visuals
Summary
TLDR在这段视频中,Jolt介绍了概念可视化(concept visualizations)的概念、用途以及他创建简单概念视觉的个人工作流程。概念可视化不同于精美的艺术作品或数据可视化,它们是抽象概念或想法的功能性视觉表示,通常包括图像和文本。Jolt强调,即使不擅长绘画,通过多年的实践,他发展出了一套流程来弥补绘画技巧的不足,从而能够创造出简单的视觉图像和图表来表达他的想法。他分享了七个步骤的工作流程,并提供了一些建议,比如不要等待灵感的降临,不要急于寻找现成的图片,而是应该从思考想要传达的信息开始。Jolt还推荐使用现有的图标和图像库,以增强在类似Obsidian这样的系统中思想的连通性。最后,他鼓励观众通过实践来锻炼创造力,并通过每日练习来提高概念可视化的技能。视频以一个练习结束,邀请观众思考如何可视化一个特定的概念,并分享他们的视觉解决方案。
Takeaways
- 🎨 **概念可视化**:概念可视化不同于艺术作品或数据可视化,它是对抽象概念或想法的功能性视觉表现,通常包含图像和文字。
- 🧠 **思维模式**:即使不擅长绘画,通过多年实践,可以发展出一套工作流程来弥补绘图技能的不足,从而创造出简单的视觉图像和图表。
- 📚 **书籍示例**:通过《The Crown》一书中使用表情符号讲述故事的例子,展示了即使没有语言,人们也能通过视觉理解复杂概念。
- 🚀 **视觉隐喻**:概念可视化可以采用简单的视觉隐喻,如打字机代表“作者”,火箭代表“发射”,或盒子外的人代表“创造性”。
- 🔄 **流程和指导**:可视化也可以更抽象,如表示过程、指导或流程,例如个人知识管理系统(PKM)的步骤和它们如何组合在一起。
- 📈 **应用场景**:概念可视化可用于演示、讲故事、市场营销、解释概念等多种场景,因为它们使信息更易记、更易理解。
- 🚫 **避免错误**:不要等待灵感降临,也不要立即搜索库存图片,而应该首先思考想要传达的信息和关键词。
- 🔍 **搜索策略**:使用关键词、同义词、反义词进行搜索,以找到合适的视觉表现,同时可以使用AI工具如JGPT来辅助这一过程。
- 🌐 **资源利用**:在互联网上寻找灵感时,优先考虑使用现有的图标和图像库,以最大化重用并增强思维的连接性。
- 🔄 **认知循环**:通过绘制、分享和反馈来形成认知循环,这有助于提炼和完善所使用的视觉元素。
- 📝 **实践建议**:建议持续实践,通过每日练习,如使用Midjourney创建视觉,或在Discord服务器上分享和讨论,来提高创造性思维能力。
- 📌 **概念练习**:通过练习可视化特定概念,如“有效阅读”,来锻炼将复杂想法转化为简单视觉的能力。
Q & A
概念可视化是什么,它与艺术和数据可视化有何不同?
-概念可视化是将抽象概念或想法以图像和文本结合的形式进行功能性展示。它不同于艺术,因为艺术强调审美和情感表达;也不同于数据可视化,后者专注于通过图表等形式展示数据和统计信息。
概念可视化通常由哪些元素组成?
-概念可视化通常由图像和一些文本组成。仅有文本不构成可视化,仅有图像则难以传达复杂概念。
使用概念可视化的目的是什么?
-概念可视化可以用于演示、讲故事、营销和解释概念等。它们使信息更有趣、更易记忆,并且如果选择合适的可视化,信息更容易被受众理解。
在创建概念可视化时,为什么不应该等待灵感降临?
-等待灵感降临可能导致拖延和缺乏进展。大多数艺术家和创意工作者通过开始工作来激发创意,而不是坐等灵感。概念可视化是一个需要主动参与的过程,而不是被动等待的结果。
在开始搜索图像之前,为什么要先思考想要传达的信息?
-在搜索图像之前先思考信息可以避免使用不恰当的库存图片,这些图片可能无法准确传达你的意图。深思熟虑的信息可以帮助确定搜索关键词,从而找到更精确和有影响力的可视化。
如何使用关键词来寻找合适的概念可视化?
-可以使用关键词和它们的同义词、反义词来搜索图像或插图。此外,可以使用AI工具如JGPT来生成支持搜索的关键词,甚至推荐相关的诗歌或艺术作品,以激发创意。
在Obsidian系统中重用图像有什么好处?
-在Obsidian系统中重用图像可以增强思想之间的连接性。通过重用现有的图像资源,可以构建认知循环,并通过xcoli脑图看到不同思想之间的联系。
为什么在创建概念可视化时,建议先从现有的图标库开始搜索?
-从现有的图标库开始搜索可以帮助最大化重用性,从而在Obsidian等系统中增强不同概念之间的连接性。此外,这也有助于避免立即搜索可能导致的平庸想法。
如何建立自己的认知循环来提高创造力?
-通过将想法外化、观察、讨论并重新塑形它们,可以建立认知循环。这包括尝试不同的概念、即使绘画技巧不强也尝试绘制、与他人分享想法并获取反馈,从而不断精炼所使用的可视化。
为什么持续实践是提高概念可视化技能的关键?
-持续实践可以帮助建立创意思维的‘肌肉’,通过不断的练习,可以更熟练地思考和创造出有影响力的视觉概念。
在视频脚本中提到的日常练习方法是什么?
-日常练习方法是每天选取一句名言,然后使用Midjourney创建一个视觉化表示,并在Visual Thinking虚拟Discord服务器的每日名言频道中分享这个视觉化作品,有时还会分享在创作过程中产生的额外想法,并与社区成员讨论。
如何将概念可视化应用于跨学科阅读的理解?
-可以通过创建两个视觉化表示来区分‘支持系统’和‘冲突系统’。例如,将支持系统比作协同工作的滑轮系统,而将冲突系统比作一个中心点被多个方向的力拉扯,以此来探索不同学科内的理解。
Outlines
🎨 概念可视化介绍
Jolt在视频中讨论了概念可视化是什么、它们的用途以及他创建简单概念视觉的个人工作流程。他承认自己不擅长绘画,但作为一个视觉思考者,他通过多年的实践,发展出了一套方法来弥补绘图技能的不足,从而能够创建出简单的视觉图像和图表来表达他的想法。视频还区分了概念可视化与美术作品和数据可视化的不同,并举例说明了概念可视化的多样性,包括简单的视觉隐喻和更抽象的过程或指令的可视化。此外,Jolt还强调了概念可视化在演讲、讲故事、市场营销和解释概念中的实用性,因为它们可以使信息更加吸引人、容易记忆和理解。
🚫 避免的错误做法
Jolt建议在创建概念可视化时不要等待灵感的降临,因为大多数艺术家和创意工作者都是通过开始工作来逐渐形成想法的。他还警告不要急于寻找现成的图片或图标,因为这往往会导致表面化的想法,无法准确传达预期的信息。相反,应该首先思考想要传达的信息,考虑关键词及其同义词和反义词,这些可以帮助找到合适的视觉素材。Jolt还推荐使用AI工具,如Journey,来生成关键词和创意灵感。一旦确定了想要传达的信息和关键词,再考虑所需的插图类型,可能是图文结合、图表或单独的图标,并开始在互联网上寻找灵感。
🌐 图标和图像的利用
在考虑使用互联网上的图标或图像之前,Jolt建议首先利用现有的图标和图像资源。特别是如果你使用的是Obsidian这样的系统,通过重用图像可以增强思想之间的连接。他展示了如何通过Obsidian Vault中的图标库来重用图标,并强调了这样做可以如何通过图像连接来增强思考的网络。Jolt还分享了他在Obsidian中如何使用Xcolibrain来可视化和连接不同的想法,并通过重用图像来构建认知循环。
🔄 创建认知循环
Jolt推荐创建认知循环,即通过将想法外化、审视它们、讨论它们,并通过这个过程塑造它们,从而激发创造力。他建议尝试不同的概念,即使绘画技能不佳,亲手创造简单的视觉图像也能大大激发创造力。此外,他还鼓励与他人分享想法,获取反馈,并通过这种循环来完善所使用的视觉图像。Jolt分享了他的日常实践,即每天选取一句名言,然后用Midjourney创建一个视觉图像,并在Visual Thinking虚拟Discord服务器的每日名言频道中分享。他认为这是练习如何为名言创建合适视觉的绝佳方式。
📚 有效阅读者的概念可视化
Jolt提出了一个概念,即在学科内成为有效的读者,必须学会识别对于任何给定主题,它是否最好被理解为支持系统的系统,如数学和科学,或者是冲突系统的系统,如哲学、心理学和经济学。他要求观众暂停视频,思考如何为这个概念创建可视化,并在准备好后继续观看视频以比较解决方案。Jolt分享了他的解决方案,他为支持系统和冲突系统分别创造了两种视觉图像,用滑轮系统比喻支持系统,用多个方向拉扯的中心点比喻冲突系统。他鼓励观众分享自己的想法,并在评论区或Discord服务器上进行讨论。
Mindmap
Keywords
💡概念可视化
💡视觉思考者
💡工作流程
💡避免的事项
💡关键词
💡图标库
💡认知循环
💡练习
💡信息重用
💡Obsidian Vault
💡每日练习
Highlights
概念可视化不是精细艺术,也不是数据可视化,而是抽象概念或想法的功能性可视化。
概念可视化通常由图像和一些文字组成,仅有文字不构成可视化,仅有图像则难以传达复杂概念。
使用表情符号讲述故事的例子,展示了概念可视化的国际性,不依赖特定语言。
概念可视化可用于演示、讲故事、营销和解释概念,使信息更有趣、更易记、更易理解。
创建概念可视化的七个步骤工作流程,包括不等待灵感、不立即搜索库存图片等。
使用关键词和同义词、反义词来寻找合适的可视化,利用AI工具如JGPT来支持搜索。
在搜索图标和图像之前,先思考你想传达的信息,以及可能的视觉隐喻。
考虑使用现有的图标和图像,以增加在类似Obsidian这样的系统中的思想连接性。
通过创建认知循环,如尝试不同的概念、绘制简单的视觉、分享想法和获取反馈,来促进创造力。
实践是提高创造性思维和概念可视化技能的关键,建议通过日常练习来加强这一技能。
使用Midjourney等工具创建视觉,参与社区讨论,获取反馈,是提高概念可视化技能的有效方法。
作者通过每日引言和视觉创作练习,展示了如何将概念可视化应用于实际情境。
在Obsidian Vault中重用图像可以连接不同的想法,增强思维的可视化。
在Discord服务器上分享和讨论可视化作品,可以促进创意的交流和技能的提升。
作者提供了一个概念可视化的练习,鼓励观众暂停视频并尝试自己创建可视化。
作者展示了自己对“作为一个有效的学科内读者”这一概念的可视化解决方案,包括支持系统和冲突系统的视觉表示。
鼓励观众在评论区或Discord服务器上分享自己的可视化解决方案,以比较和讨论不同的创意。
Transcripts
hey everyone jolt here today I'm going
to talk about concept visualizations
what they are what they are used for and
most importantly what's my workflow for
creating simple concept visuals
I'm not good at drawing I can draw a
stick figure maybe a simple scene
especially if I can copy it from
somewhere
but that's where it stops at the same
time I am a visual thinker I like to
think in pictures I like to think in
diagrams I like when things are visual
so over the years I've perfected a
workflow for myself to bridge the gap
from not being very good at drawing and
being able to create simple visuals and
visual diagrams representations of my
ideas I want to walk you through some of
the basics of my thinking about this
process
so concept visualizations are not fine
art and not data visualizations these
have their domain of their own and I'm
not going to be talking about these
today
concept visualizations or functional
visualizations of an abstract concept or
idea and they typically consist of image
and some text if you just have text then
it's not really a visualization if you
only have an image then it is going to
be difficult to convey a complex idea as
an example here's a page from the book
from the crown by subing In This Book
subing uses only emojis to tell a story
and if you look at this page then after
a couple of minutes it's actually
possible to decipher what the story is
about and without doubt this has the
benefit of being International this is
not language specific so you can read
this whatever your mother tongue is
but you can also understand or imagine
that conveying complex ideas using this
setup is pretty hard
so let's look at a couple of examples
one set of examples are what you could
call Simple visual metaphors and in this
case a metaphor can be for a noun for
example a typewriter for the word author
or a rocket for the verb launch or it
could be this guy out of the box for the
adjective of being creative
and then as another set of examples
these visualizations can also be more
abstract like a visualization for a
process or instructions or flows
in this case the example I brought here
is my PKM veal and you can see the steps
in my PKM system and how they come
together
so finally in this introduction part
let's look at what concept
visualizations can be used for
so you can use them for presentations
you can use them for storytelling you
can use these visualizations in
marketing you can use them to explain
Concepts and probably lots of others
why would you use them because these
make your message a less boring B it is
easier to remember when you can tie a
topic to a Visual and finally it is
easier to understand if you choose the
right visualizations then your message
will be more easily conveyed to your
audience
now that we know what concept
visualizations are and what they're used
for let's look at how they are created
using a simple workflow
so this is the workflow I'm following
this workflow has seven steps and we're
going to walk through these seven steps
but before we do that let's look at some
of the things that you should not do
don't wait for the Muse even the biggest
artists start to work and as they work
the idea emerges there are very few
people if any who just sit down have
this spark of an idea and come up with
the most perfect visual to explain an
idea it doesn't work like that it's not
magic it is a process and sometimes it's
hard to work so make sure you get to
work instead of sit around waiting for
the Muse or blame that the Muse never
came there is no such thing as a muse in
this case
and also
don't jump right into searching for
stock images
very often
instead of thinking we have an idea we
want to represent something and we jump
in and start to search the web start to
search PowerPoint Point icons whatever
to find something that we can stick on
that slide so we can convey our message
don't do that
because these typically lead to trivial
ideas and in the end you will miss the
mark on conveying the intended message
most often the message you want to
convey is more nuanced than just a stock
image would do or maybe a stock image
can do but you need to find the right
stock image don't just jump into
searching right away but instead start
by thinking of the message you want to
convey so think through what is it that
you want to tell with the picture what
do you want the receiver of the
information to think feel after they've
seen your Visual and heard your
explanation
and once you have this message in your
mind then think of keywords that you
could use for searching for images or
illustrations and also think of synonyms
and antonyms for that keyword because
these can also be very helpful in
finding the right
visualization and this is a place where
I use chai GPT very often jgbt is
fantastic in coming up with synonyms
antonyms as well as if you explain your
message it can come up with keywords to
support your search when you're
searching for icons and images
and if you want to be more creative you
can also ask jgbt to recommend poems or
fine art that conveys the message that
you want to convey and the work from the
pictures or images in these creations
and you can also think of or ask jgbt to
help you with homonyms homophones
homographs because these May trigger
visual puns and may just put the whole
idea into a completely different light
which will help you find the right
visualizations for the idea that you
want to convey
and once you have your keywords then
think about the type of illustration
that you need so it could be image and
text as I explained earlier it may be
that in the end it's a text only message
that you want to convey so it's okay to
have text and it's also okay to have
text only if that's the best solution
but it also could be a diagram or it
could be a scene that you can compose
using couple of different icons that
will convey a situation a scene and in
some cases If the message is simple or
if you're for example doing user
interface design then just a single
image and icon is perfectly sufficient
once you know the type of image you want
the message you want and the keywords
you want this is the time when you can
start searching or when you should start
searching looking on the internet
looking for inspiration
these are the typical places that I look
I have a flat icon subscription and this
is my number one go to place most of the
images that you see in this presentation
as well come from Flat icon some of the
visualizations also in this presentation
I created with my journey and I have a
dedicated video I'm going to include in
the video description that shows you how
you can use my journey to generate
custom SVG icons
of course there's always Google and
Google image search that's excellent for
finding images as well as the noun
project I'm going to include the link in
the video description the noun project
is a fantastic place if you're looking
for icons and you're looking for
creative ideas so I think these are the
basic go-to places apart from these you
might want to go to various stock photo
places and photos might also be a good
way to get inspiration or simply use the
photo as your illustration
but before using an icon or an image
from the internet
I recommend first building from your
existing icons and images this is
especially important if you work in a
system like obsidian where you can use
these images to connect ideas it is
probably less important if you're
creating PowerPoint presentations that
are anyway disconnected
but if you do this in obsidian then
using the images will increase the
connectivity of the thoughts in your
world so let me show you what I mean I
have an image library and I have a
dedicated video you'll find it as well
in the video description how to create
this image Library this is an icon
library that searches my entire obsidian
Vault and pulls out all the icons that I
have in my Vault based on a naming
convention and if I want to reuse an
icon from here I can right click click
copy and I can paste it into my drawing
by pasting the icon from here it will
not paste the image but will paste the
reference to the image and this way
reuse the existing resource and connect
to the existing resource and if you do
this then with xcoli brain you will be
able to
see the connections between your
thoughts using the icons so in this
example what you can see here this is
the x-coli brain
screen for the concept visualizations
summary presentation the concept map
that we're looking at right now so
that's in the center
above the slide you have the sources the
parent nodes and below it you have the
child nodes in this case you can see
that there are lots of attachments as
child nodes these are the different
images on the concept map and if you
look close enough then you will see that
each of these icons have a small number
here at the top and also in some cases
they have a small number on on the
bottom in this case I don't see it but
here you can see that the central node
has the small 37 and the four so what
does it mean it means it has four
parents and has 37 children
and if I look at the children then I can
see that for example the paper airplane
has nine parents so this is an
interesting example to look at so let's
jump in and take a look at what this
paper airplane there this paper airplane
leads us to do that I need to click here
on the paper airplane and when I click
on the paper airplane then in the
background the paper airplane the image
was opened and here in excalibrain I can
see the paper airplane in the center and
I can see the different
documents where I've used this paper
airplane so we can take a quick look at
where I've used the paper airplane so
for example I use the paper airplane in
my book on a page summary for building a
second brain and here it is used in this
metaphor where Thiago says that the
reason I'm creating a mini summary of
the book is because I'm packaging my
learnings from the book and I'm sending
it to my future self so this is what
this represents right here
but I'm also using the same paper
airplane in how to take smart notes in
the virtual cycle and you can see here
that here again the paper airplane
appears but as well as I use the paper
airplane
in digesting what you read so this was a
recent video I published and you can see
that at the end of the process at step 8
I'm using the paper airplane to
represent the activity of publishing and
so on so you get the idea that by
reusing the image I'm able to connect
ideas within my obsidian Vault this is
why I recommend that before going and
looking for a brand new icon look at
your icon library and think about which
one could I repurpose how could I modify
what I already have by adding another
icon next to it or maybe just adding a
line on top or something like that to
make it
usable for my specific purpose to convey
my message so getting back to our story
so back to Concept visualizations in
Step six I recommend that you create
cognitive Loops for yourself they are
loopy creatures this means that the they
are mind works and the way we are able
to be creative is by externalizing our
ideas looking at them discussing them
and through that shaping them seeing
them in a different light so what can
you do well you can try out different
concepts you can try to draw some
Concepts even if your drawing is not
very good like mine creating a simple
visual with your own hands will go a
long way to triggering your creativity
and coming up with ideas that you never
thought you had somehow your hands think
in a different way than your mind does
and also try to share your ideas with
others show your visuals get feedback
and through this looping you will be
able to refine the visual that you're
using
and then step seven I recommend that you
continue to practice this process
practice the process of coming up with
the message thinking through the
synonyms and the keywords and the
antonyms and all the good stuff thinking
through the type of visualizations you
want to create a scene an image a
diagram or whatever
use the internet to get some inspiration
but then
prioritize your own existing icons and
icon library for sake of maximizing the
connectivity by reuse within your
obsidian Vault and create cognitive
Loops draw share with others look at
what you've created go back a couple of
days later and if you do all of these
then you will build up your muscle to
come up with creative visual ideas
my process my daily practice routine is
to take a daily quote and then use
mid-journey to create a visual for that
in the visual thinking virtual Discord
server in the daily quote Channel every
day I share the visual I created and
sometimes I share some of the additional
thoughts I had while creating the visual
and also sometimes I get feedback I get
a discussion going with others in the
community looking at the visuals I
created I find this process a a lot of
fun be an excellent exercise in
practicing How to Think Through what
would be a good visual for the quote
what's the message for the quote how
should I tell that quote I think this is
an excellent way to practice but
whatever your process for practicing
I think the bottom line is to practice
practice and if you do that eventually
you'll build up this muscle
so that is all I wanted to share in
terms of the process in closing I'd like
to leave you with a small exercise I'm
going to share a concept with you and I
ask you to think about how you would
visualize this concept please while
you're working on your visualizations
pause the video and then come back and
look at my solution and compare yours to
mine and let me know in the comments
below what you found also if you're a
member of the visual thinking Workshop
Discord server then I ask you to post
your solution in the chat and let's have
a discussion about why you chose the
visualization that you chose and why I
did what I did
so the concept that I want to visualize
is the one that's highlighted here
to Be an Effective reader within
disciplines you must learn to identify
for any given subject whether it is best
understood as a system of supporting
systems such as math and science or a
system of conflicting systems such as
philosophy psychology and economics
so this is the concept think of this as
you're reading some
texts within disciplines you can see the
beginning of the paragraph here as well
if you need some context
and now pause the video work out your
visualization for this blue piece and
then when you're ready continue the
video
so welcome back
this is my solution
so I decided to create two visuals for
the two concepts
in my mind the system of supporting
systems is like a pulley system where
these different parts in the pulley
system work together to help you lift a
heavy weight in case of a system of
supporting systems you need to master
the systems to understand how they
support each other
in case of systems of conflicting
systems
in my mind it is like a central point
being pulled in several directions it's
like pulling rope but you have multiple
directions where force is applied to
this Central Point and the balance will
move to wherever the sum of the forces
will lead it to in case of systems of
conflicting systems you should explore
how systems conflict each other and how
they overlap and that will help you to
better understand what you read and how
it fits into the context so that is my
solution again I'm super interested in
the solution that you came up with
please in the comments or on the Discord
server share your ideas
thank you
Weitere ähnliche Videos ansehen
Unlock Your Creativity with Visualization: The Power of Spatial Thinking
Beginning Graphic Design: Branding & Identity
ExcaliAI Enhanced: More Visual Thinking Power
Digest What You Read: Walkthrough of my process for understanding Rationality by Eliezer Yudkowsky
현직 조향사가 알려주는 꿀팁! 향수, 어디에 뿌리는게 좋을까?
Connect Ideas with The Idea Compass and Visualize Connections with ExcaliBrain
5.0 / 5 (0 votes)