sketch-tech-illustrationlisted

# 手绘暖调科技叙事风格 · 设计说明 > 取样自 13 帧故事板缩略图（GPT 讲解课）。本文用文字完整说明这套视觉风格的构成，并重点拆解**每一种手绘元素的画法**，可作为插画 / 动画落地的执行规范。 --- ## 一、一句话定调 **把冷冰冰的科技，画成一张有人情味的手绘讲义。** 这套风格服务于「AI / 科技」叙事。它刻意回避矢量的精确与商业插画的光鲜，转而用**松弛的马克笔线条 + 扁平纯色块 + 大量留白**，把抽象的「思考、搜索、生成、协作」翻译成温暖、可亲近、像有人在旁边给你边画边讲的画面。 核心气质关键词：**手绘 · 温暖 · 极简 · 叙事 · 纸感**。 --- ## 二、色彩系统 整套画面只靠四种颜色支撑，没有渐变、没有第二强调色。 | 角色 | 名称 | 取值 | 用途 | 画面占比 | |---|---|---|---|---| | 主背景 | 沙米色 Sand | `#E5DBCA` | 铺满绝大多数镜头的底色，温暖、低饱和、略带米黄 | ≈ 72% | | 唯一强调 | 陶土橙 Terracotta | `#D2703F` | 标记焦点、状态、情绪与「人」的痕迹 | ≈ 8% | | 暗场 / 线条 | 墨黑 Ink | `#16140F` | 暗场景背景 + 所有手绘描边（偏暖的近黑，不是纯黑 `#000`） | ≈ 11% | | 面板 / 气泡 | 纸白 Paper | `#F4EFE6` | 气泡、卡片、界面面板的填充，是带暖调的米白而非纯白 | ≈ 9% | ### 用色铁律 1. **先铺沙米色，再决定橙落在哪一个点。** 背景永远是沙米色或墨黑，橙永远是后置的「点睛」。 2. **陶土橙永远是少数派。** 一旦它的面积超过画面一成，温暖感就会塌成廉价的「警示色」。克制是这套风格的灵魂。满幅橙只用于极少数高潮 / 转场帧。 3. **没有渐变、没有高光、没有第二强调色。** 体积与层次只靠「橙 / 黑 / 白」三种硬色块的并置切出来。 4. **黑是暖黑。** 描边与暗场用 `#16140F` 这类带一点褐的近黑，配在沙米色上比纯黑更柔和、更像墨水而非数码黑。 --- ## 三、插画总原则：手的痕迹，故意留着 这套画风的全部「质感」都来自**对不完美的刻意保留**。落地时反复回到四条原则： - **线（Line）—— 松弛的马克笔线条。** 描边粗细不均、收笔带勾，刻意不闭合、带轻微抖动。拒绝矢量的精确。 - **面（Fill）—— 扁平纯色填充。** 没有渐变与高光，色块边缘允许微微溢出或留白，像手涂的马克笔。 - **形（Shape）—— 有机的剪纸轮廓。** 主体是圆润的 blob，边角柔软、略微歪斜，像手撕出来的纸片，没有正圆和直角。 - **空（Space）—— 留白即是构图。** 一帧一个主体，主体居中，四周大量空背景，让信息有呼吸的节奏。 --- ## 四、手绘元素怎么画（核心） 下面逐一拆解每种元素的**构造方法与参数取向**。所有元素共享同一支「笔」：一支带轻微纹理、压感不均的马克笔 / 蜡笔质感的黑色画笔。 ### 0. 通用笔触规范（所有元素共用） - **笔刷**：模拟马克笔 / 油性蜡笔，笔尖略钝，边缘带极轻微的颗粒纹理（不是光滑矢量描边）。 - **线宽**：同一根线里粗细要变化（压感笔），主轮廓线大致是细节线的 1.5–2 倍粗。整体偏粗、敦实，不要纤细。 - **收笔**：圆头收尾（round cap），转角处常**带一个小钩