手绘风
Hand-drawn
初级通用手绘风（Hand-drawn）是一种让线条、图形或文字保留人工绘制痕迹的视觉风格，不等于把整个界面画成草稿。它能让产品显得更有人参与感，适合用在插画、提示图或局部装饰中。
你可能会说：「我想让这个网站看起来像有人亲手画过，但按钮和文字还是要清楚好用。」
动手看看日记 App 的写作提示卡
慢慢记
每日记录
今天也值得记一笔
写下一个小发现，或是今天让你开心的事。
不用写得完美
开始写
界面风格
切换界面风格，再拖动「装饰线条偏斜」看看；也可以悬停、按下或用 Tab 聚焦按钮。手绘感只落在星星、短线和随手写的批注上，正文仍保持清楚好读。
不规则的轮廓、略偏的线条和纸张色调，让这张提示卡像有人亲手添了几笔，而不是把整页都变成草稿。
要点手绘风靠什么让人看出“画过”的痕迹？
- 1
线条保留适度的不规则感
你会看到略有起伏的轮廓、轻微不同的线条粗细，而不是每条线都像尺子画的。因为变化有规律地出现，画面才像出自同一双手；如果每个元素都随机歪斜，界面反而会显得杂乱。
- 2
把手绘用于有作用的位置
比如给 AI 写作工具的空状态配一张手绘小图，帮助用户理解“从哪里开始”。按钮、输入框和正文仍可保持规整，因为这些地方主要承担操作和阅读任务，不必靠绘制痕迹表达气质。
- 3
统一笔触而非堆满涂鸦
我们可以先约定线条粗细范围、配色和插画的细节程度，再让图标与插画沿用同一套画法。这样做的好处是新增页面时有依据，不会出现一处像铅笔速写、另一处像粗记号笔的割裂感。
容易混淆的地方
手绘风说的是视觉元素呈现出绘制痕迹，不等于线框图：线框图用粗略画法讨论布局，通常不是最终视觉方案。它也不等于趣味插画；插画可以由规则的几何形状组成，而手绘风即使只用几条线，也能从笔触中看出来。
什么时候用
适合用
- 做面向创作者的工具首页时，用手绘插画解释功能，让介绍区少一些模板化图形。
- 给学习 App 的空状态加入统一笔触的小图，让没有内容的页面仍能传达下一步做什么。
- 做活动报名页时，用少量手绘箭头或圈注引导视线，配合规整的表单完成填写。
不适合用
- 财务后台主要用于密集读表和核对数字时，选清晰的表格、排版与状态标记更合适。
- 产品需要展示地图、设备结构等精确关系时，选规范的信息图或示意图更便于判断位置。
- 只想快速讨论页面结构、还没确定视觉方向时，先画线框图，比制作手绘风成品更省力。
练一练选一个答案，看看解释
你在做一个 AI 日记 App，想让首次打开时的页面更有人情味，又不能影响用户写日记。哪种方案更贴近手绘风的用法？
让 AI 帮你做复制给 AI Agent 直接用
请把这个 AI 日记 App 的空状态做成手绘风：用笔触一致的小插画表达“开始记录”，线条可略有起伏；正文、输入框和主要按钮保持规整清晰。先给出插画与图标的统一规则，再实现页面。