手绘风 Hand-drawn UI 把纸面上不完全规则的线条、手写式标注和有限配色带进真实界面，让页面像有人亲手整理过一样亲近。它仍然要完成页面的基本责任：说明内容、建立层级、标出状态，并把用户带到下一步。

• 线条的轻微不规则、局部圈选和箭头可以提示阅读路径，但标题、正文、状态和入口必须使用稳定的可读排版。
• 把手绘痕迹放在真实内容关系旁边：课程标注课程，项目批注项目，功能插图解释功能，不让装饰漂浮在业务之外。
• 用一张纸面作为共享场景表面，再用分隔线、重点色和局部纹理组织区域；不要在外层背景里再套浏览器壳或装饰卡片。
• 手写字体适合短标签、便签和提示，长段中文仍要优先保证字形、行高和换行清楚。

判断一张页面是否成立，可以先把所有涂鸦和纹理拿掉，再看用户能否找到页面主张、内容关系和主要入口；如果去掉装饰后只剩一张普通模板，说明手绘风还没有参与信息结构。

手绘风容易和趣味插画、低保真线框、复古拟物混在一起。它的核心不是“看起来像手画的”这一层表面，而是把人的痕迹放进页面的信息关系：线条指向内容，标注解释动作，有限的颜色帮助用户找到重点。

• 它和趣味插画的差别在于插画可以独立讲故事，手绘风 UI 则要求线稿、箭头和纹理参与导航、分组或行动提示。
• 它和低保真线框的差别在于手绘风是可交付的视觉语言，不代表页面还没有完成；真实文字、状态和入口仍要达到产品页面的清楚程度。
• 它和复古拟物的差别在于手绘风借用的是笔触、纸张和批注感，不需要把按钮做成现实物件，也不应让材质覆盖语义。
• 不规则应当有边界：保留少量线宽变化、手写短句和局部偏移，重复组件、表格和长文仍使用稳定的轨道与间距。

一个实用判断是：先隐藏所有纹理和涂鸦，页面是否仍然能被读懂；再逐个恢复标注，看它们是否真的让重点更快被找到。如果只是把规则界面换成手写字体，或者把插画铺满背景，就还没有形成手绘风 UI。

手绘风的样张要覆盖不同真实页面任务：作品集帮助访客理解项目，应用落地页帮助用户开始一个习惯，课程候补页帮助学习者判断节奏和报名。下面三张页面采用不同的内容对象、版式节奏和强调色，只共享线条亲近、标注有指向、内容仍然可读。

• 创作者作品集：用项目索引、工作痕迹和继续查看入口，把手绘批注变成作品浏览的导线。
• 习惯应用落地页：用功能说明、今日记录和开始使用入口，让插图与线条解释真实产品循环。
• 线上课程候补页：用课程周次、练习内容和名额动作，让手写式强调服务报名决定而不是只做海报。

请制作一个手绘风 Hand-drawn UI 的完整中文页面，先确定真实页面任务，例如展示一组作品、介绍一个轻量应用或组织一门线上课程，再让不完全规则的墨线、手写式短标注、局部圈选和有限强调色参与信息层级。请保留真实标题、正文、状态、内容关系和主要入口，不要把普通页面外面套浏览器壳、装饰卡片或一张插画，也不要让所有文字都变成难读的手写字体。线条和箭头必须指向具体内容，纸面背景只作为单层场景表面；检查 1440px、720px、390px 和 320px，确认中文标题、项目/功能/课程清单和主要动作不裁切、不拥挤、不产生横向滚动。