← 返回项目列表

手写笔

笔是手指的延伸,一支能够书写的笔,一支有智慧的笔。

职责 · 主导手写笔系统能力从 0 到 1 的定义 时间 · 2023 — 至今 平台 · vivo / iQOO Pad 全系 · 6 个 OS 大版本
01

一支笔的能力结构

笔是手指的延伸

4 个方向
输入
随手写
屏幕快捷方式
熄屏速记屏幕右上角内滑
笔身操作
双击轻捏长捏
隔空操作
隔空翻页屏幕指示器

一支能够书写的笔

3 个方向
涂鸦工具栏
公共能力自适应窗口适配多端
笔刷收藏夹
侧边常驻
一笔成形
停顿 0.5s 自动生成标准图形

一支有智慧的笔

3 个方向
智能算式
手写公式识别
字迹美化
自动美化手动美化
手写助手
自动纠正自动补全拼音转文字英文转中文
02

吸附即连接

手把 vivo Pencil2 贴到机身侧边,锁屏上弹出 100% 的连接提示
吸附后的提示:vivo Pad触控笔2 · 正在连接 吸附后的提示:vivo Pad触控笔2 · 正在充电,99% 吸附后的提示:vivo Pad触控笔2 · 解锁以连接 吸附后的提示:vivo Pad触控笔2 · 连接失败,点击重试

吸附即连接,随即进入充电状态

03

笔是手指的延伸

手指能做的,笔都能做。

随手写

在设置的搜索框里手写「随手写」,笔画即时转成文字 在设置里手写唤起随手写,屏幕上提示「扩展更多热区」,可在系统应用与自定义应用之间切换 在聊天界面底部手写,底部输入框自动抬高让出书写位置 一组笔势示意:单线删除、涂抹删除、画圈选中,以及对调、拆分

随手写写完转文字,中英混写也认。

网页登录页的验证码输入框:屏幕上显示来自短信的验证码,用笔手写数字即可识别填入 手写识别出候选之后,键盘弹出常用符号面板可手动挑符号

短信验证码随手写支持展示短信验证码

屏幕快捷方式

熄屏的深色屏幕上已经写满手写字迹,没有进任何应用 从屏幕右上角向内滑出全局标注:顶栏是关闭、取字、设置、裁剪四个入口,下方是正在标注的网页,红圈与箭头标出内滑的方向

笔身操作方式

一触即达,自在掌握

多种场景支持轻捏调取便捷工具栏、双击切换笔刷;滑动翻页,轻松切换 PPT 或者短视频等多种页面。

手持手写笔轻捏笔身,笔尖上方展开便捷工具栏:撤销重做、笔刷与笔尖、颜色轮 白色手写笔的握笔处亮起双击的蓝色圆点,下方工具栏里排着撤销重做、各支笔刷、色板与设置

隔空翻页与屏幕指示器

官方引导浮层「切换至下一页」:手指置于握笔区域,按压一次即可翻页 官方引导浮层「返回上一页」:按压握笔区域两次即可返回上一页
隔空翻页手指放在握笔区域,按压一次翻到下一页、两次回到上一页。
官方引导浮层「使用手写笔作为聚光灯」:深色屏幕上亮着一团光斑,手写笔在旁遥控,说明可通过悬浮球关闭或切换 屏幕指示器播放中用手写笔遥控屏幕上的聚光灯
04

一支能够书写的笔

模拟真实的纸笔接触效果。

手写笔在原子笔记里落笔写下一道蓝色线条,笔迹紧随笔尖无可见延迟

书写手感低延迟、压感、倾斜、侧旋、震感反馈

涂鸦工具栏

涂鸦工具栏:撤销重做、五支笔刷、橡皮擦、六个颜色与设置依次排在下方的工具条上 示意图:工具条可停靠在屏幕的上、下、左、右四边,四角是收起后的胶囊状态 笔刷面板:马克笔的笔迹预览、粗细与透明度滑块,以及直线绘制、置于笔迹底层两个开关 调色盘面板:网格与光谱两个页签,网格里是色块,下方是一排常用色 取色:圆形色环落在笔记正文上,环心的小方块标出取色位置 分屏:左边是笔记应用、工具条随窗口收窄,右边是桌面、顶部有退出分屏 小屏端:手机上的笔刷面板与工具条,以及平板竖屏下贴着底边的工具条

工具栏撤销重做、笔刷和工具、调色盘和设置

笔刷与图形

笔刷收藏夹弹窗:已收藏的四个笔刷,底部是「侧边常驻显示」开关 原子笔记里画出的圆、三角与矩形均被识别为标准图形,每个图形各占一笔
05

一支有智慧的笔

为手写板增加智能

算式与字迹

算式计算:手写的 Sin30°=0.5、27×28=756、60÷24×3=7.5 被识别并直接算出结果 手写笔在平板的手写笔记上写下一行中文,笔迹带明显的笔锋,底部是笔刷与颜色工具条

手写助手

汉字联想:手写「宝剑锋从磨砺出」,候选里给出下句「梅花香自苦寒来。」 自动补全写完上句,下句的联想已经在候选里。
英语助手:手写「that is the question」,question 一词下给出 question、questing、quest-on 三个候选 自动纠正连笔的英文按词识别,候选里点一个。
提笔忘字:手写「学而不思则 wǎng」,候选里给出「罔」 拼音转文字提笔忘字写拼音,候选里挑回那个字。
06

输出手写笔规范

这套能力要能被别人接着做下去,得先把方法写下来。

Design guideline 手写笔设计指导规范 已上线 vivo 开发者平台 HIG。 developers.vivo.com/hig ↗
07

体验一致性

涂鸦不是某一个模块的功能 —— 它是四个模块共用的一份能力。

涂鸦工具栏
原子笔记
手写与涂鸦
文档
文档上圈画
全局批注
任意界面划框
全局摘录
框选内容取走
交互一致
同一个手势,在哪个模块里做的都是同一件事。
布局一致
工具栏的位置、按钮的顺序与分组都不变。
规则一致
笔刷、颜色、压感共用同一套规则,换模块不用重新学。
白板上的涂鸦工具条:展开态摊成一道弧,依次是撤销、笔刷、橡皮、颜色与屏幕指示器
同一张白板上的涂鸦工具条:收起态是左侧一枚竖排胶囊,旁边是展开的「钢笔」面板
08

最近更新

全局标注升级为全局摘录

入口不变,功能全面升级

桌面上从右上角向内滑,屏幕顶部落下「全局摘录」浮层,带截屏、设置与关闭三个入口 桌面上拉出一个虚线选框圈住要摘走的内容,框下排着取消、编辑、分享与涂鸦四个按钮 屏幕左下角叠着一张摘录缩略图,角标是数字 3,旁边是「展开」按钮 左侧摊开成竖排的摘录缩略图列表,底部是「收起」与「选择」两个按钮 竖排列表里每张缩略图都带勾选标记,左下角显示已选 2 项,底部出现删除、编辑、分享等操作 摘录浮层停在桌面上,顶部展开分享面板:发送、原子笔记、创建笔记、保存到相册、电子邮件与智能识图 摘录下来的网页进到「涂鸦」页,顶部是裁剪、全屏、导出、图钉与完成,页面上的绿色笔迹正在圈画 摘录的图片进到「裁剪」页,网页内容上留着刚才的涂鸦笔迹

呼出全局摘录从屏幕右上角向内滑,呼出全局摘录

秀丽笔的笔刷面板:笔迹预览、粗细 12 与透明度 100%,下面是压力灵敏度滑块与毛笔、铅笔等笔刷列表 新增两个笔刷 · 毛笔与秀丽笔
课件上的记忆胶带面板:宽度 7.25 的滑块、图案选择与「显示全部胶带」开关 新增记忆胶带
选中的图形上方弹出删除、复制、剪贴、旋转与缩放、样式菜单,右侧是「样式」面板与「更多颜色」 新增图形库
09

结果

这套笔的能力,最终覆盖的设备范围。

18
Pad 机型
vivo 与 iQOO 双品牌,从首款 Pad 到 Pad6 Pro
4
手写笔
Pencil 2 / 2s / Air / 3 四代,含马达与无马达硬件版本
6
OS 大版本
能力与技术约束同步演进,逐版补齐
← 返回项目列表