截图 · 剪贴板 · 屏幕边缘

不必找。
就在那儿。

刚刚截下、刚刚复制的内容,
安静地留在手边。记住位置,轻点取用。

预发布设计展示,客户端尚未开放下载。所有示例内容均为合成。

让位置成为线索,
让界面退到边缘。

内容可以只露出一部分。没有文件名、标题和工具栏,
不用先展开一个容器。空间关系就是取用方式。
常用的两三项,足够构成一个很小的日常习惯。

实际尺度的交互研究

漂亮,也要在这一小角成立。

点击右侧任一缩略图。它会等待模拟附件就绪后才消失;失败会回原位。已有输入文字不会被改动。

演示桌面输入框18:42
对话草稿 · 模拟界面
继续你的工作。Riftlet 只负责把刚刚的内容送到手边。
只进入草稿不会自动发送

右侧的 1、2、3 是待用截图。点击其中一项即可演示。

这是离线浏览器模拟:不读取系统截图或剪贴板,不连接 ChatGPT,不执行上传。缩略图最长边为 48 CSS px、外露区域为 29 CSS px;不是 macOS 逻辑点的实机标定。等待时长仅为演示。指针留在队列上时不填补空位,移开后再整理。未知项不会再次派发。

品牌颜色,不是界面涂色

Cool colour.
Warm presence.

青绿负责识别,近白色负责呼吸,杏色只提供一点冷暖对照。墨色把整个体系收住,而不是靠光晕和渐变制造“高级感”。

保留青绿,但不把六个孤立色块当成设计。真正要比较的是颜色、比例、形体与交互放在一起之后的效果。

近白底色#F7F8F4

大面积承载,不额外做仿旧纸纹。

墨色#26312D

文字、结构、主要按钮。

青绿主色#19B7A4

图标和少量品牌色块。

深青交互#087C70

浅底文字、链接与焦点。

浅青#D6EBE1

有限面积的材质与层次。

杏色#F1CDB5

品牌画面中的少量对照,不承担错误或成功状态。

16
24
32
同一种关系,不同尺度

大处有个性。
小处不打扰。

图形用一条明确的间隙组织前后关系,字标、官网意象和小尺寸标记沿用相同结构。它们不必长得一模一样,但不应该像三个互不相关的产品。

当前字标与 R 形图形是本次新做的形体研究,不是已批准的正式 Logo。文字使用本机字体栈;不同设备会有字形差异,未嵌入任何字体文件。

记得它在哪里,
然后忘记工具本身。

这份研究只回答一个问题:Riftlet 能否从“选一个好看的颜色”,走向属于自己的完整视觉语言。

它仍是一份可被否决、可继续精修的方向稿。

Riftlet · Art direction preview · 所有功能与附件状态均为模拟