A little
space.为刚刚的内容,
留一个熟悉的位置。
space.为刚刚的内容,
留一个熟悉的位置。
遮挡关系放大研究 · 不代表常驻界面的尺寸或角度
让位置成为线索,
让界面退到边缘。
内容可以只露出一部分。没有文件名、标题和工具栏,
不用先展开一个容器。空间关系就是取用方式。
常用的两三项,足够构成一个很小的日常习惯。
实际尺度的交互研究
漂亮,也要在这一小角成立。
点击右侧任一缩略图。它会等待模拟附件就绪后才消失;失败会回原位。已有输入文字不会被改动。
继续你的工作。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 能否从“选一个好看的颜色”,走向属于自己的完整视觉语言。
它仍是一份可被否决、可继续精修的方向稿。