2
Just Paper
Just Paper 是联想 35 周年纪念双屏笔记本 Thinkpad Tizio 中的原生笔记软件，我们旨在结合双屏的产品特点为用户构建笔记使用新体验。
我参与了包括其核心视觉系统的 100+ 数量的 Icon 组件库搭建、设计规范制定、智能硬件协同及第二屏幕创新交互与产品体验的核心定义设计。
TIZIO
双屏
产品硬件特性
Tizio 拥有上下双屏的产品硬件特性。上下双屏一体化设计，上屏专注内容呈现， 下屏可作为交互控制区，双屏无缝协同，打破传统单屏限制。专为高效办公、创作与多任务场景打造， 以硬件形态革新，带来更灵活、更高生产力的移动使用体验。在目标用户上，以对科技、新鲜事物抱尝试心态、 愿为科技消费、有一定消费水平的 30–40 岁男性为主。
我们基于硬件特性，重构笔记类应用的界面逻辑与交互体验，实现「上屏专注、下屏高效、 双屏协同」的设计目标，打造轻量化、沉浸式、高效率的双屏原生笔记体验。
上屏专注内容呈现
下屏交互控制区
Problem
便捷高效
明确软件职责，打造 “操作不遮挡、内容不被打断” 的核心体验，从而提升个人工作效率。
最大化产品原生的使用体验，保证上下屏的联动性，降低操作路径。
交互体系
学习成本
降低学习成本，做到自然、直觉、不增加操作步骤。
功能布局
在高效功能与沉浸之间找到最优布局，强化书写与阅读专注度，突出内容优先的设计价值观。
多场景体验
阅读、编辑、参考、整理等多场景频繁切换，保持体验统一不中断。
界面简洁、层级清晰、反馈明确，适配双屏比例与触控操作，让新用户快速上手、老用户无缝迁移。
直观清晰
核心挑战与设计目标
我们调研了市场上各个笔记软件的问题及优点，从入口、布局、路径、交互等各个层面找到笔记软件究竟如何才能最大程度顺应用户的使用习惯，结合以自身的产品特性推导出核心挑战与设计目标。
Strategy
一致性原则
自适应原则
高效性原则
人性化原则
事件
用户
WCAG
高效工具
极佳体验
Design
设计原则
WCAG原则通常作为设计的小点而遵循，但我们希望它是贯彻整个设计的核心原则：
采用响应式设计思路，组件和页面布局可根据屏幕尺寸自动调整，适配不同设备的使用场景。同时，支持黑暗模式、浅色模式等不同主题的自适应切换。
在组件样式、交互逻辑、视觉语言等方面保持统一，确保用户在不同产品、页面间的使用体验连贯。例如，所有按钮组件的hover效果、点击动效保持一致。
关注用户的实际使用习惯，通过清晰的视觉引导、简洁的交互流程降低用户学习成本。
通过标准化的组件库和设计规范，减少重复设计工作，提升设计与开发效率。
目标场景定义。
布局方案推导
交互手势图
我们围绕不同笔记习惯对 Just Paper进行了多套布局方案探索并进行投票，包括Infinite Canvas、File List、Waterfall等Layout设计，整理出所有的见解。并通过多版布局对比与迭代进一步筛选，不断寻找产品的最佳体验方案。针对不同工具，不同触点，不同使用需求的场景下整合出Just Paper切换层级时应有的交互逻辑。
/
Mouse/keyboard
Fingers
Pen
Touchapd
Move canvas
“Space” Key+drag
two fingers move
/
“Space” Key+drag
two fingers move
Multi Selected
Box selection
shift+click
pressing files
Box selection
pressing files
Box selection
pressing files
Box selection
shift+click
pressing files
Enter Canvas
Double click files
Double tap files
Double tap files
Double click files
Selected
click file
tap file
tap file
click file
Edit/Write
right click-menu-edit
hover+icon
Selected→ tap icon
Selected→ tap icon
right click-menu-edit
hover+icon
Create files
click button
dragging button
Empty space-right click-menu
tap button
dragging button
Double tap empty space-menu
tap button
dragging button
Double tap empty space-menu
click button
dragging button
Empty space-right click-menu
Move files
press+drag
press+drag
press+drag
press+drag
Switch page
swipe right/left
hover+icon
swipe right/left
Selected→ tap icon
swipe right/left
Selected→ tap icon
swipe right/left
hover+icon
Create folders
Empty space-right click-menu
Double tap empty space-menu
Double tap empty space-menu
Empty space-right click-menu
Move to folder
Right click-menu-move
two finger tap-menu-move
/
Right click-menu-move
Move to drawer
Right click-menu-move
two finger tap-menu-move
/
Right click-menu-move
Merge Files/Folder（pop up）
press+drag
press+drag
press+drag
press+drag
Zoom in/out
mouse wheel
Click slider
pinch
Tap slider
pinch
Delete
Right click-menu-delete
press+drag-trash can
drag-trash can
two finger tap-menu-delete
drag-trash can
two finger tap-menu-delete
Right click-menu-delete
press+drag-trash can
Rename
Click- title area
Double tap- title area
Double tap- title area
Click- title area
布局方案草图（例）
布局方案草图（例）
Untitled 2025-12-15
2025-12-16
Untitled 2025-12-15
2025-12-16
Untitled 2025-12-15
2025-12-16
2025 Retrospective
25 Files
Blank Quick Notes
布局视觉草图（例）
我们在概念稿中选取了接受度最高的几种布局进一步设计，并且从次序和数量/差异和屏效/浏览和深度等视角探讨布局最健康的比例。
在设计的过程中，以三个维度进行设计。一、视觉层：建立品牌认知度，贴合产品的品牌调性，同时呼应概念层核心内涵。二、框架层：具体的交互逻辑、层级划分、功能模块，组件化设计，保持页面的统一和可复用性。三、概念层：所有设计均需围绕概念词展开，不偏离设计的底层核心场景，不添加与概念词无关的功能与设计元素，确保产品内核统一、调性一致。
Homepage布局
我们确定了最终方案，理由如下：内容缩略图直接呈现，代替简单的文件排列，用户操作清晰便捷。前文所述多种交互方式，包括笔写、OSK、手动拖拽等方式提高用户操作效率，减少操作层级，打开无需寻找创建便可以点击记录信息，更贴合现实层面的笔写使用体验。将单一与多种文件进行归属，不同文件分配状态清楚易理解，适应各种编辑场景。
组件库视觉方案
由于Thinkpad Tizio是联想成立35周年所推出的纪念机型，因此我们选用了联想早期配色为基底搭配复古色调，场景物选用轻拟物形式，还原质感的同时呼应品牌基因。内容上统一项目Icon视觉风格、规范使用标准，降低设计与开发沟通成本，提升协作效率。组件库包含统一的视觉、尺寸、命名及适用性规范，可供设计与开发人员直接取用，提升协作效率与页面成品质量。
对我而言，这是第一次与开发共同协调出覆盖Tizio项目当前及未来场景组件库的尝试；输出设计与交互规范文档，增加设计可复用性。从用户视角分析各类使用场景，并总结设计框架加以综合核心问题给出方案。
从Just Paper的整体来看，它没有寻找某项大的特征作为产品的突破点，而是从各个小的方面进行从0至1的体验优化。对于体验上，相较于营造亮眼的视觉效果，我更希望产品实现功能体系的均衡与交互状态的稳定性，通过科学的功能布局与路径优化，将便捷与舒适性融入用户的使用习惯中。项目仍处于开发阶段，将于2027年上线Thinkpad Tizio。
Outcome
当然，一个完整的项目肯定不止这些，这仅是我所参与的部分，感兴趣的话找我聊聊。