竖屏导图制作说明

该图针对竖屏导图的制作进行了说明和对比示范，看板界面同步显示，包括中心主题下适合竖屏导图制作的几种布局、浮动主题的应用、让排班画面更丰富的方法、配色技巧和参考网站等内容，帮助对竖屏导图有兴趣的小伙伴更快上手。

竖屏导图制作说明

• 说明
  • 竖屏导图是将思维导图的内容整理排版为适合手机竖屏阅读的形式，可提升导图美观和手机上的阅读体验。该教程整理竖屏导图制作要点，帮你更快上手。
• 中心主题下可选布局
  • 根据内容选择合适的布局进行排版，竖屏导图整体宽度设置为550-750之间较适宜，太短不利于呈现内容，太宽则需要缩放才适合手机浏览
    • 中心主题不能添加外框，只能在中心主题以下的层级添加外框
  • 适合单列竖屏的布局
    • 右向导图：需要隐藏中心主题和一级分支线；内容呈上下扩散
    • 树状图：内容向下扩散
    • 垂直时间线：内容向下扩散，可左右单侧或双侧做竖屏导图
  • 适合多列竖屏的布局
    • 组织结构图：二级主题选择单列竖屏布局排版
    • 水平时间线：中心主题需要隐藏，二级主题选择单列竖屏布局排版
• 浮动主题更自由
  • 右向导图利用隐藏主题实现排版对称
    • 隐藏主题=无填充色+无边框色+无文字内容+分支线透明
    • 浮动主题可整体添加外框，不受中心主题限制，其他同中心主题下布局操作
    • 浮动主题下各子主题间距比中心主题间距更小
• 丰富画面布局和元素
  • 混合布局
    • 子主题下支持最多15种布局可选，混合排版丰富页面可视化元素
    • 结合线条粗细、主题形状、颜色明暗、空白主题丰富画面，增加设计感
  • 图片/图标/剪贴画
    • 图片：外部图片、第三方图库pixel、AI生成图片
    • 图标:内置图标、第三方素材库iconfont
    • 剪贴画：内置剪贴画、第三方素材库Emoji
• 配色技巧
  • 童趣彩虹色
    • 系统内置主题色有较多彩虹色配色，适合自用笔记或面向孩童的内容，便于区分各主题
    • 公开发布的导图建议选择柔和一些的彩虹色，避开高饱和度、高明度的色彩，比如正红、正蓝、正绿，选择柔和一些的色彩，如马卡龙色
  • 稳重商务色
    • 单色系：选择暗灰色系的主题色，选择某个单色色系给画面配色，如：reflection主题色
    • 对比色：适当积累经典的配色，对比色注意使用比例，不要对半分，主色和辅助色7:3比较合适。经典对比色：蓝色-黄色；黑色-橙黄、枣红-深灰等
• 经典搭配参考网站
  • 多去一些设计网站、美图网站参考排版和配色技巧，用在自己的导图排版里，多尝试，看看效果
    • 堆糖网、花瓣网、站酷网、小红书、甚至一些模板比如WPS的ppt模板、图怪兽、135平台之类
    • 花瓣网：https://huaban.com/
    • 堆糖网：https://www.duitang.com/
    • 站酷网：https://www.zcool.com.cn/
    • 图怪兽：https://818ps.com/
    • 135公众号编辑器：https://www.135editor.com/