菜单...

2025年2月21日

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

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

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

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

设计流程示意图

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

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

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

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

艺术家分享创作理念

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

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

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


故宫平面图解

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

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

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

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


大熊猫信息图表

信息图表的吸引力法则

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

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

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

艺术家创作与规划过程

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

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

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

黑猫看雪人

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

思维导图与设计流程图

从选题到资料调查、再到信息结构化与洞察导引,每一步都需要逻辑与理性。而运用思维导图,能够帮助设计师避免情绪化,客观而有效地审视信息。 将需要传递的信息、受众和传播方式做成思维导图,作为项目的“指南针”,并且将主题相关的知识结构化,分成各种类别。一旦出现分歧或没有头绪的情况,思维导图可以将他们引到最初的方向。

思维导图主题框架

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

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

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


叙事图示制作流程图

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

汉堡的结构与分类

“被看到的”有效信息

现代人生活在一个信息过剩的时代,长文阅读变得困难,而短文和短视频则占据了人们大部分的注意力。在新媒体快速发展的今天,从眼花缭乱的信息中识别有效信息所需的时间大大增加。 信息图表和Xmind都提供了自己的解法。它们突破了文本的边界,凭借图像和结构就能够轻松传递复杂信息。

壁球器材信息图

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

思维导图与线框图对比

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

猫咪护理信息图

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

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

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

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

纸张制作流程图

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

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

无聊的教育方式才是问题

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

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

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

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

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

Xmind思维导图展示

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

女性在展示思维导图

来自欧洲各国的学生们迅速适应了Xmind,并通过这一工具从结构上整理了自己的想法。在几天的时间里,他们完成了从主题制定到结构化再到图形设计的全过程。

思维导图展示巴伐利亚美食

张圣焕的工作超越了设计与教育,扩展到更大的社会变革领域。他希望通过Xmind,将世界的知识转化为更易理解的形式,推动智慧化社会的到来。

团队成员与海报合影

Xmind不仅是调动思想、了解世界的工具,更是传递智慧、推动美好未来的有力伙伴。张圣焕的愿景不仅仅是个人梦想,更是一场改变世界智慧化旅程的开始。 将世间一切知识视觉化、智慧化的旅程才刚刚开始。信息图表与Xmind的结合,将为实现这一目标提供无限可能。

Xmind对张圣焕的采访原文:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

More Posts