🎉 Pro+ 不止5折,开工就要这么得劲

🎉 Pro+ 不止5折,开工就要这么得劲

立即订阅
复制链接成功

张圣焕:Xmind是设计中必不可少的一环

Joy 28 分钟阅读
免费体验Xmind

张圣焕:Xmind是设计中必不可少的一环

Joy 28 分钟阅读

信息图表的核心不仅在于设计,更在于利用Xmind将知识结构化的过程。

在设计师的传统观念中,设计往往被视为感性的工作,只需专注于形态的塑造,而思维导图则被认为是与之毫不相关的工具。

然而,张圣焕打破了这一固有思维,将思维导图纳入设计信息图表的设计流程中,开创了一种全新的可能性。

203信息图表研究所的工作流


张圣焕先后在韩联社创立了韩国第一个图形新闻团队,并在《周刊东亚》和《科学东亚》担任艺术总监。在《科学东亚》工作时,他发现科学和设计有相似之处,由此开始了自己实验性的探索。

他开始用轻松有趣的方式解释科学,并试图可视化一些像物理和化学一样不可见的领域。

这些经历促使他创立了自己的工作室——203信息图表研究所。大约在十年前,他初次接触Xmind思维导图,就被它简洁的UI界面与高效的操作方式所吸引,并决定正式将思维导图引入设计的工作流中。

今年年初,他亲自来到Xmind位于深圳的办公室,并与Xmind创始团队分享了自己这十年来使用Xmind的心路历程。

张圣焕设计师在Xmind进行的工作坊


信息图表是一种将复杂的数据、信息和知识从视觉上进行结构化的形式。普通的信息图表大多停留在信息结构化的过程,图形和文字都是意义传达中缺一不可的要素。

而张圣焕创立的“203信息图表研究所”并未局限于这个视角,他最大化地利用图形语言,尽可能减少文本信息的作用,并进一步挖掘了周围人所好奇的知识,将其转化为兼具美感与深度的艺术作品。

在他的信息海报“故宫”中,涵盖了建筑、人物、历史、地理位置、藏品种类、布局等海量信息。一眼望去,仅通过图形就有效传达了80%的信息,又因为独具魅力的插画成功吸引了受众的注意力,传递了独特的审美价值。
信息图表海报-故宫


张圣焕的作品多次荣获国际大奖,包括被誉为“信息图表领域的普利策奖”的西班牙马洛菲杰奖、美国Graphis Poster Awards,以及韩国全球设计iT奖和新加坡亚洲传媒大奖等,成为了信息图表届的标杆与典范。

对于知识和智慧,张圣焕也有着深刻且独到的理解:“知识忘记了,对人生没有太大的影响,但智慧是必不可少的。”

为了更加接近智慧本身,他将自己的设计理念与精致极简主义的Xmind相结合,提出了“将世界上所有知识可视化、智慧化”的创新方法。他认为,Xmind不仅仅是一个工具,更是一个能够将思维结构化,激发灵感的智慧伙伴。

“将知识转化为充满魅力的智慧”是他一生追逐的目标,他也坚信Xmind能够推动实现这一愿景。
信息图表海报-熊猫

信息图表的吸引力法则

张圣焕所说的设计不是抽象或模糊的概念,而是实践性的。他通过信息图表传递智慧,而非简单的理论。 毕业于韩国弘益大学的他,很早就意识到弘益大学周边不仅是设计师的殿堂、年轻艺术家的聚居地,更是韩国文化的发源地。

音乐家、作家和独立品牌设计者的短暂停留、当地居民的搬迁和弘大园区的迭代,这些空间和记忆都因没有合适的媒介留存而消逝。

他选择创办杂志《Street H》,客观准确地记录弘益大学社区的变迁。不仅记录了今天如何变成明天的历史,还原了当地街区街道的演变过程,也为当地居民保存了空间的记忆。

杂志《Street H》创刊号封面


从2015年6月起,“203信息图表研究所”每月为《Street H》杂志设计一张海报。选题并非基于客户委托,而是由设计师亲自决定。

每一个细微的事物都可以成为设计师选题的来源,比如在“人物信息图表系列”中,记录了很多普通人的日常。

从姓名、样貌特征、穿着、职业、每天携带的物品、饲养的宠物,甚至还有作息时间表。精美的插画风格给这些信息增添了另一种魅力,同时体现了深刻的社会与文化洞察。

杂志《Street H》2024年11月封面


大多数设计师倾向于直观地工作,但张圣焕强调,要想让用户感受到“直观”,首先需要做好信息的结构化。
信息图表制作3阶段


从选题到资料调查、再到信息结构化与洞察导引,每一步都需要逻辑与理性。而运用思维导图,能够帮助设计师避免情绪化,客观而有效地审视信息。

将需要传递的信息、受众和传播方式做成思维导图,作为项目的“指南针”,并且将主题相关的知识结构化,分成各种类别。一旦出现分歧或没有头绪的情况,思维导图可以将他们引到最初的方向。
用Xmind制作的企划概要


在“203信息图表研究所”,即使是实习生也可以对主题提出意见。团队会根据话题性、时效性、大众性、吸引力、信息性等综合因素进行打分,合计后,优先审核高分主题。同时,他们也会优先考虑之前发行的海报中的人气主题系列。

张圣焕还创造了属于自己的结构化方法——叙事图。叙事图是根据主题对几何图形和文本进行布局,将思维导图以视觉化的方法呈现出来。

在制作叙事图时,团队会重点审查信息的数量和密度、信息的结构化和布局的合理性。
叙事图


与其他设计师的工作流程不同,他们通常在工作的最后一步才确定设计理念和视觉形式,并在思维导图中优先明确目标,再用符合目标的视觉风格来展示吸引人的插图。风格的选择从来都不是单纯的追求美观,而是研究受众的年龄、性别、专业背景等多种因素后综合设计。
思维导图-最终阶段


“被看到的”有效信息

现代人生活在一个信息过剩的时代,长文阅读变得困难,而短文和短视频则占据了人们大部分的注意力。在新媒体快速发展的今天,从眼花缭乱的信息中识别有效信息所需的时间大大增加。

信息图表和Xmind都提供了自己的解法。它们突破了文本的边界,凭借图像和结构就能够轻松传递复杂信息。

信息图表海报-直观展示壁球的大小和速度


张圣焕选择Xmind的原因也是考虑到信息传递的高效性,其他类似的思维导图App都过于注重装饰,使用了过多的颜色或花哨的结构。而Xmind则专注于思维的本质,追求简洁与高效,这与信息图表的核心目标高度契合。
思维导图与信息图表的差异


张圣焕通过信息图表为时代困境提出了自己的解法,还使图像超越了纯粹的审美范畴,成为传递关键信息的媒介。
信息图表海报-正确照顾猫咪的方法


他的作品涵盖了从东西方古典文学作品到新冠病毒传播、动物保护甚至树木保护等广泛的社会与文化主题,将大众好奇的知识可视化,并引导人们付诸实践。

同样是“保护树木”的题材,“养育了20年的树木,只能做成A4纸一万张”的信息看起来是重点,但海报中立体呈现的造纸过程、纸的历史、纸的材质和传播过程,循序渐进地让人们真正看到了纸是如何从树木演变而来的。

他通过信息图表的魅力展现了一些被人忽略的,过往“看不到”的信息,让人们真正意识到事物的原理,从而产生一些改变和行动。

而信息图表的魅力背后,不仅仅是设计和知识,背后还隐藏着使用Xmind进行结构化的思维。

信息图表海报-从树木到纸张


他认为,“信息图表的使命,是让那些没有相关知识背景的人也能轻松、有趣地理解信息,并付诸行动。 能够引导行动,这一点至关重要。"

因此,张圣焕扩展了现有信息图表的概念,提出了新的视觉沟通方式,并朝着信息传达效率最大化的方向转变。

无聊的教育方式才是问题

张圣焕对教育的重要性以及Xmind在教育领域的潜力有着强大的信念。他认为,设计师不仅需要专注于设计工作本身,还应承担起社会责任。

他相信,Xmind不仅仅是教育的辅助手段,而是未来教育的核心要素。他以筷子的使用方法为例,说明思维导图与教育的关系:

“我教学生使用筷子,但不是直接把食物放进他们的嘴里。教授整理信息的方法,即制定思维导图的方法,才是最重要的。"

他强调,教育不应仅仅是强迫学生背诵知识,而应培养他们独立思考、整理信息和解决问题的能力。

例如,在韩国小学三年级学生学习《三国演义》的过程中,学生能够使用Xmind,将复杂的历史事件和人物关系轻松地变成视觉信息,在思维导图绘制的过程中,学生不仅掌握了知识本身,更是领悟了历史故事的要义,从而掌握智慧。

小学三年级学生用Xmind制作的思维导图


张圣焕的工作方式在国际上也得到了广泛认可。他在德国奥格斯堡应用科学技术大学与学生们一起举办了工作坊,教授他们使用Xmind制作思维导图和信息图表。
德国奥格斯堡应用科学技术大学工作坊-思维导图展示


来自欧洲各国的学生们迅速适应了Xmind,并通过这一工具从结构上整理了自己的想法。在几天的时间里,他们完成了从主题制定到结构化再到图形设计的全过程。
德国奥格斯堡应用科学技术大学工作坊-思维导图展示


张圣焕的工作超越了设计与教育,扩展到更大的社会变革领域。他希望通过Xmind,将世界的知识转化为更易理解的形式,推动智慧化社会的到来。
德国奥格斯堡应用科学技术大学工作坊-成果展示


Xmind不仅是调动思想、了解世界的工具,更是传递智慧、推动美好未来的有力伙伴。张圣焕的愿景不仅仅是个人梦想,更是一场改变世界智慧化旅程的开始。

将世间一切知识视觉化、智慧化的旅程才刚刚开始。信息图表与Xmind的结合,将为实现这一目标提供无限可能。

Xmind对张圣焕的采访原文:

1

Q:第一次接触Xmind时有什么印象或趣事吗?使用Xmind多久了?

张圣焕:2016年左右第一次使用,大概用了10年左右。过去因为需要手绘思维导图,非常不方便,所以没有使用。后来看到思维导图类的应用程序上市,就研究了其中几个。在综合比较它们的使用方法和结果的完成度后选择了Xmind。

Q:Xmind를 처음 접하셨을 때의 인상이나 에피소드가 있으신가요? 그리고 Xmind를 몇년 사용하셨습니까?

장성환:2016년 정도에 처음 사용했으니 10년 정도 사용한 것 같습니다. 과거에는 마인드맵을 손으로 그리고 쓰는 것의 불편함때문에 사용하지 않았어요. 그러다가 다시 앱들이 출시되는 것을 보고 몇개의 앱을 검토했어요. 사용법과 결과물의 완성도 등을 비교한 후에 Xmind를 선택했습니다.

2

Q:能否在工作室中选择一个令人印象深刻的作品来说明制作过程,并告诉我们Xmind在其中扮演了什么角色?

张圣焕:设计专业的学生或是已经工作的设计师都很感性,并且专注于形态。但是我们制作的信息图表从主题选定到资料调查、信息结构化、Insight导出等,都需要符合逻辑。 这个时候运用思维导图是非常有效的。在研讨通过思维导图整理的信息时,可以避免感情用事,从而达到客观有效的效果,帮助大家把不同的想法汇总成一个共识。

Q:작업실에서 인상 깊은 작품 중 하나를 선택하여 제작 과정을 설명해 주시고, 그 과정에서 Xmind가 어떤 역할을 했는지 알려주실 수 있나요?

장성환:디자인 전공 학생들 또는 졸업해서 취업한 디자이너들은 감성적이고 형태에 집중합니다. 그러나 우리가 전문으로 하는 인포그래픽 작업은 주제선정부터 자료 조사, 정보 구조화, 인사이트 도출 등 매우 논리적이고 합리적인 작업이 필요합니다. 이때 마인드맵의 활용은 매우 효과적입니다. 마인드맵을 통해 정리된 정보를 검토할 때도 감정적이지 않고 객관적이고 효과적입니다. 서로 다른 생각을 하나의 협의로 정리할 때 매우 큰 역할을 합니다.

3

Q:您的作品中对社会、环境、文化传承等方面有着深刻的理解。请问工作室选题及插图画风时如何确定的,可以分享一下制作出有魅力的信息图表的秘诀吗?

张圣焕:我们允许实习生以及经验最少的新人员工也能对主题提出意见。但是,我们不会根据代表或团队负责人的个人喜好或经验来判断主题。我们在 Google 表格里创建了一个主题选择页面,其中包含对主题进行评审的项目,例如话题性、时效性、大众性、吸引力和信息量等。我们会为这些项目评分,并计算总分,优先考虑得分较高的主题。此外,我们也会优先审查过去发布的海报中受欢迎主题的系列。对于具有吸引力的插画,我们还会结合思维导图分析的目标受众来选择合适的风格。我们会综合考虑年龄、性别、专业性等多种因素,以最终确定风格方向。

Q:사회, 환경, 문화 전승 등에 대한 깊은 이해를 작품에 담아내고 계신데, 작업실의 주제는 어떻게 선정되며, 선정 후 일러스트의 화풍은 어떻게 결정되나요? 그런 매력적인 인포그래픽을 만들수 있는 비결을 알려줄수 있나요?

장성환:우리는 인턴, 제일 경험이 적은 막내 스텝도 주제에 대한 의견을 제시할 수 있습니다. 그러나 우리는 대표 또는 팀장의 개인적인 취향이나 경험에 의해 그것을 판단하지 않습니다. 우리는 구글 스프레드 시트에 주제 선정 페이지를 만들어 두었습니다. 거기에는 주제에 대해 검토하는 항목이 있습니다. 화제성, 시의성, 대중성, 매력도, 정보성 등등 이것들에 점수를 매기고 합계를 내어 점수가 높은 것을 우선 검토합니다. 그리고 기존에 발행했던 포스터 중 인기있던 주제의 시리즈를 우선 검토하기도 합니다. 매력적인 일러스트 또한 마인드 맵에서 검토한 타겟에 적절한 스타일을 검토합니다. 연령, 성별, 전문성 등의 다양한 요소를 검토해서 스타일을 결정합니다.

4

Q:在众多思维导图工具中,选择Xmind的决定性因素是什么?

张圣焕:选择 Xmind 的原因是,其他类似的应用过于花哨,使用了过多的颜色,这让人不太喜欢。高效地整理和结构化信息,以提炼出洞察是最重要的。而过度的装饰和颜色反而会干扰这一过程,让人感觉像是夸张的 PPT。然而,Xmind 具有非常简洁的界面,使用方式也十分直观,非常适合教育用途。在整理思维和构建知识体系的学习过程中,装饰和颜色并不重要。正如著名设计师迪特·拉姆斯所说的:“Less is More”(少即是多)。希望Xmind 的界面设计和最终呈现的成果能够始终保持这种方向。

Q:여러 마인드맵 도구 중 Xmind를 선택하신 결정적인 요인은 무엇인가요?

장성환:Xmind을 선택한 이유는 다른 유사한 앱들이 과도하게 장식적이고 너무 많은 컬러를 사용하는 것이 좋지 않았기 때문입니다. 정보를 효율적으로 검토하고 구조화 해서 인사이트를 도출하는 것이 중요합니다. 지나친 장식과 컬러의 사용은 그것을 방해합니다. 마치 과장된 PPT같은 느낌입니다. 그러나 Xmind는 아주 정갈한 모습을 보여주었고 사용방법도 매우 직관적이었습니다.교육에도 적합했습니다. 생각을 정리하고 구조화하는 학습에 장식과 컬러는 중요하지 않습니다. 유명한 디자이너 디터 람스가 했던 말입니다. Less is More. Xmind의 인터페이스나 결과물이 이런 방향이 유지되기를 바랍니다.

5

Q:您在近三年连续获得多个奖项,成为行业标杆的秘诀是什么,您认为与其他同行的差异性是什么?

张圣焕:与同行业最大的区别在于,我们每月发布一款信息图海报。这些海报并非由客户委托,而是我们的自主项目。由于没有客户的干涉,我们可以自由选择主题并进行实验。

此外,按每月一款的节奏发布,截至目前,我们已累计发布了约100款海报。这一长期持续的创作过程,使我们公司独有的工作方法和视觉风格得以稳固建立。其中,Xmind 进行信息结构化整理,以及叙事图(Narrative Diagram)等方法至关重要。这些方法并非来自书籍或其他公司的模仿,而是我们自主探索并创造出来的。

Q:최근 3년 연속으로 여러 상을 수상하며 업계의 모범이 되셨는데, 그 비결은 무엇이며, 다른 동종 업계와의 차별점은 무엇이라고 생각하시나요?

장성환:동종업계와 가장 큰 차이점은 매월 1종씩 발행하는 인포그래픽 포스터입니다. 이 포스터는 클라이언트의 의뢰가 아니라 우리의 자체 프로젝트입니다. 클라이언트의 간섭이 없기때문에 주제 선택의 자유, 실험 등이 가능합니다. 그리고 매월 1종씩 발행해서 현재 100여종의 포스터가 발행된 것이 가장 큽니다.이런 작업을 꾸준히 진행해 오면서 우리 회사만의 작업방법, 시각적 스타일 등이 확고하게 성립되었습니다. 작업방법 중에는 Xmind를 통한 정보 구조화, 그리고 Narrative Diagram 등이 중요합니다. 책이나 다른 회사를 따라한 것이 아니라 우리 스스로 만들어낸 방법입니다.

6

Q:在工作过程中,是否有遇到过一些困难是Xmind 解决或提供帮助的案例呢?

张圣焕:有些设计师误以为设计是一个抽象或感性的领域,但我认为它是一个非常逻辑性的领域。大多数设计师习惯凭直觉工作,而我认为,对用户或目标受众而言,设计的直观性固然重要,但在创造这种直观体验之前,信息的结构化整理必须优先进行。

零散的想法就像散落的米粒,很难整理清楚。如果脑海中充满未整理的想法,却缺乏清晰的结构,那将无法有效工作。在这种情况下,利用 Xmind 可以更轻松地整理思路并进行结构化。此外,在团队合作中,它能让讨论更加合理、有逻辑,而不是受个人喜好影响,有助于避免讨论陷入纯粹的个人观点对立。

Q:작업 과정에서 겪은 어려움 중 Xmind가 해결하거나 도움을 준 사례가 있으신가요?

장성환:디자인을 추상 또는 감상적인 분야라고 오해하는 디자이너들이 있습니다.그러나 저는 매우 논리적인 분야라고 생각합니다.대부분의 디자이너는 직관적으로 작업하려고 합니다.저는 사용자, 타겟에게는 직관적이지만 그 직관성을 만들기 위해 만드는 사람은 정보의 구조화가 먼저 진행되어야 한다고 생각합니다.쌀알처럼 흩어져 있는 생각은 정리하기 쉽지 않습니다. 머릿속에 흩어진 생각만이 가득하고 정리는 안된 상태입니다.이럴때 Xmind를 활용하면 생각을 정리하기도 쉽고 구조화하기도 쉽습니다.팀작업때도 개인적인 취향이 아니라 합리적, 맥락적으로 논의하기에 효과적입니다.

논의가 개인의 취향이나 의견으로 대립하지 않게 도와줍니다.

7

Q:除了工作,日常生活中是否也使用Xmind?

张圣焕:在制定旅行计划时也非常有用。它可以帮助我们轻松理解旅行中要做的事情的优先顺序,也不会因为同伴的喜好不同而产生争吵。此外,当阅读需要长时间记住的书籍时,Xmind 也很有帮助。不仅可以整理书籍的核心内容和结构,当我们后续不太记得具体内容时,也会非常有帮助。文字信息不容易记住,因此利用 Xmind 来结构化信息是很有效的。

Q:업무 외에 일상 생활에서도 Xmind를 사용하시는지요?

장성환:여행 계획을 세울때도 유용합니다. 여행가서 할 것들의 우선순위를 쉽게 이해하게 만들 수 있습니다. 동행과 취향이 달라 싸울일도 없습니다. 그리고 오래 기억해야 할 책을 읽을 때도 유용합니다. 책의 핵심과 구조를 정리해 두면 나중에 내용이 잘 기억나지 않을 때에 큰 도움이 됩니다. 문자정보는 쉽게 외어지지 않습니다. 그래서 Xmind를 활용해서 정보를 구조화 하는 것입니다.

8

Q:您从事信息图领域多年,通过这份工作,您所追求的、未来的目标是什么?

张圣焕:我从小就喜欢阅读,常常反复阅读同一本书。同时,我也喜欢写作。在大学期间,我参与了大学报社的工作,负责制作新闻媒体。这些经历培养了我整理思维的习惯,并让我熟悉写作。我的职业生涯也一直围绕着媒体制作,曾在一家新闻机构工作了很长时间,制作图形新闻和科学信息图,并进行实验。我认为,能够在韩国和海外获得这样的经验的人非常少,我的成功既有运气,也有努力。现在,我每月都独立制作一份名为《Street H》的社区杂志,并为它制作海报。我相信这种重复和积累为我提供了很大的帮助。

我常常思考为什么学习不快乐。我认为,教育方法和教材是造成学习乏味的原因。我一生的目标是“将世间所有知识转化为视觉上吸引人的智慧”。这不仅有助于学生的学习,也对社会、人及公民的健康心理有益。 Q:인포그래픽 분야에서 오랜 기간 활동해 오셨는데, 이 일을 통해 추구하시는 바와 앞으로의 목표는 무엇인가요?

장성환:저는 어릴적부터 책을 많이 읽었습니다. 같은 책을 반복해서 읽었습니다. 그리고 글쓰기를 좋아했습니다. 대학시절 대학 신문사에서 신문 매체를 만드는 일을 했습니다.이런 경험은 저의 생각을 정리하는 습관과 글쓰기에 익숙해 지게 해주었습니다.직장도 매체를 만드는 언론사 중심으로 다녔습니다. 거기에서 그래픽 뉴스와 과학 인포그래픽을 아주 오랜기간 제작도 하고 실험도 했습니다. 한국에서도 해외에서도 이런 경험을 할 수 있는 사람은 매우 적으리라 생각됩니다.저는 운과 노력이 함께 했던 것 같습니다. 지금도 자체적으로 홍대앞 동네잡지 “스트리트H”를 매월 제작합니다. 이 잡지에 포스터를 함께 제작합니다. 이런 반복과 축적이 쌓여서 큰 힘이 되었다고 생각합니다.

왜 공부가 즐겁지 않은가 하는 생각을 많이 해왔습니다. 저는 교육방법과 교과서가 공부를 재미없게 만드는 원인이라고 생각합니다. 저는 “세상 모든 지식을 시각적으로 매력적인 지혜로 만드는 것”이 일생의 목표입니다. 이것은 학생들의 공부 뿐만 아니라 사회인, 시민, 국민들의 건강한 정신에 도움이 될 것입니다.

9

Q:有没有其他想要分享的事情?

张圣焕:Xmind 是一款与 Microsoft Office 应用完全不同的应用。Microsoft Office 应用主要用于办公,便于处理事务,能更快速地完成工作。然而,Microsoft Office并不帮助整理或结构化思维,而 Xmind 则能够整理和结构化思维,帮助我们改变世界。Xmind是一个全然不同层面的应用,这一点是我想强调的。

我认为,可以通过信息图表来宣传这些优点。如果能设计出与教育相关的模板并提供给用户,那就更好了。我希望这家公司不仅仅是开发和销售应用的公司,而是能为建设一个合理社会和促进人类进步做出贡献的公司。我相信,从儿童到老年人,Xmind 在很多方面都能提供帮助。

Q:다른 공유하고 싶은 것이 있으시면 자유롭게 말씀드리세요.

장성환:Xmind는 microsoft의 office 앱과는 전혀 다른 앱입니다. microsoft의 office 앱은 사무용입니다. 사무를 보는데 편리하고 좀 더 빠르게 작업해 줍니다. 그러나 microsoft의 office 앱이 생각을 정리해 주거나 구조화 해주지는 않습니다. Xmind는 생각을 정리해 주고 구조화 해줍니다. 세상을 바꾸는데 도움을 줍니다. Xmind는 전혀 다른 차원의 앱입니다. 이 점을 강조하고 싶습니다.

이런 장점을 인포그래픽으로 홍보하면 좋다고 생각합니다. 그리고 교육에 관련된 템플릿을 잘 디자인해서 제공하면 좋을 것 같습니다. 단순히 앱을 개발하고 판매하는 회사가 아니라 합리적인 사회를 만들고 인류의 발전에 도움이 되는 회사가 되길 바랍니다. 어린이부터 노인들에 이르기까지 Xmind가 도울수 있는 부분은 매우 많다고 생각합니다.

更多帖子

一个手持灯泡的卡通小人

囊括所有想法的空间

组织思维、可视化架构、连接想法,解锁洞见。

免费开始