Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

草图风格笔记

采用柔和的手绘插画风格,兼具温暖感与教育性

设计美学

以柔和、自然的笔触呈现手绘质感,结合极简的编辑理念,打造清新精致的视觉效果。在注重精准度、清晰度与优雅感的同时,更强调温馨、亲切的氛围。

背景设置

  • 颜色:温暖米白 (#FAF8F0)
  • 质感:淡淡的纸张纹理,暖色调

颜色方案

元素类型颜色十六进制值用途
背景温暖米白#FAF8F0主背景色
主要文本深炭灰#2C3E50核心内容
辅助文本深棕色#4A4A4A次要内容
强调色1柔和橙色#F4A261重点标注
强调色2芥末黄#E9C46A次要强调
强调色3青艾绿#87A96B代表自然与成长概念
强调色4浅蓝色#7EC8E3用于科技与数字相关元素
强调色5红棕色#A0522D体现大地感

视觉元素

  • 具有手绘波浪感的连接线
  • 用于阐释概念的抽象图标
  • 颜色填充不会完全覆盖轮廓,保留手绘感
  • 带圆角的简单几何形状
  • 具有草图风格的箭头与指示符
  • 草图装饰元素:星星、螺旋纹、下划线

设计规范

应该这样做

  • 保持布局开阔且结构清晰
  • 突出信息层次感
  • 所有元素均采用手绘风格
  • 允许存在细微瑕疵(轻微的不规则感能增添特色)
  • 通过适度重叠的方式呈现各层元素

不应该这样做

  • 使用完美的几何形状
  • 创作过于写实的元素
  • 添加过多元素导致画面拥挤
  • 使用纯白色背景
  • 使整体看起来像计算机生成的内容

最佳应用场景

教育类内容、知识分享、技术解释、教程、新人引导材料以及亲切友好的文章