VISUAL LANGUAGE / DESIGN GUIDE

掌上手绘

Sketch Hand-Drawn (Mobile)

以便签、手绘边线和胶带形成随身手账感,适合轻量记录。手写气质宜放在标题和插图,正文与输入应保持稳定易读。

掌上手绘设计指南

本站编写的设计取舍与实现建议;实例是说明用的界面方案,不是客户案例、官方截图或效果承诺。目录中的部分条目是交互策略、业务布局或平台设计系统,并非同一层级的视觉流派。

设计原理

以便签、手绘边线和胶带形成随身手账感,适合轻量记录。手写气质宜放在标题和插图,正文与输入应保持稳定易读。

适用场景

个人日记、创意清单、草稿记录和轻学习工具。

不适用与取舍

金额核对、严肃业务流程以及要快速扫描大量状态的列表。

实现方法

画线使用 SVG 或伪元素,命中区域仍规则;便签轻微倾斜不影响输入。支持文字缩放和长内容展开,移动端键盘不覆盖保存入口。

具体界面示例

灵感清单的卡片有手绘边框,编辑时用正常输入框;保存状态显示明确文字而不是只贴一张胶带。

常见误区

歪斜不能改变实际点击位置;手写字体的小字、全屏纸纹和过多贴纸都会增加阅读负担。

继续比较

结合材料、布局或父子变体比较选择。

启用 JavaScript 可切换浅深色、收藏、使用组件演示并复制提示词。实例用于解释设计,不代表真实业务业绩。