DayZ 是一款只存在你自己设备上、注重隐私的日记 App。整套界面追求「温润、克制」:浅色像暖白的纸、深色像柔和的炭,中文排版优先,还有雾紫 / 暖黄 / 雾绿三套可随心切换的主题色。试试右上角的色环、明暗与纸色开关。
下面几条,是 DayZ 想给人的感觉——安静、克制、像纸一样温润。它们不是规则,而是每当拿不准一个设计该不该做时,回来对一对的准星。
为长久书写而设计。大面积留给纸与墨,颜色只在关键处轻轻一点,不喧哗、不抢镜——注意力始终在你写的字上。
不堆数字、图标、花哨的装饰。每样东西都要挣得自己的位置;与其多加一样,先问能不能减一样。一千个「不」,换一个「是」。
浅色是暖白纸、深色是暖炭黑,都不用刺眼的纯白纯黑。背景是一张可更换的「纸」,文字是温润的墨——像在真实的本子上书写。
提示、状态靠一点点颜色或一个小图标说清,而不是一整块刺眼的红绿。能用一丝暗示讲明白的,就不立一面墙。
中文写得舒服,排在第一位。正文用更耐读的字、行与行之间留足呼吸,长时间读也不累——先把中文照顾好,再兼顾英文。
每套都是一个完整、独立的强调色体系——不是同一个色相的深浅,而是三种气质。强调色用于按钮、选中态、链接、图标点缀,以及日记本(journal)的着色;大面积仍由中性色承载,保持安静。整套色板都饱和度克制,适合长期注视。
上方第一行随顶部主题切换实时联动;后两行固定展示对应主题,方便横向对比。每个色值在浅 / 深模式下都有对应取值。
中性色只随明暗模式变化。浅色不是纯白,而是带暖调的纸色,减少长时间阅读的反光疲劳;深色不是纯黑,而是暖炭黑,柔和而不刺眼。文字用「墨」的层级表达主次。
在中性暖纸之外,再给几套浅淡、适合长时间阅读的纸:浅绿(豆绿护眼)、雾蓝(清冷低眩光)、云灰(中性沉静)。另有 主题微染(在白纸上轻轻染一点当前主题色)与 自定义(拖色相滑块生成)。每套都让卡片比底色更亮,内容浮起、主体清楚。切换即时作用于整篇文档;明暗各自成立。
中文为主。正文与日记内容用衬线(Noto Serif SC / Newsreader),带来书卷气与长文阅读的温度;界面文字用无衬线(Noto Sans SC / Hanken Grotesk),清晰利落。中文行高放宽至 1.8 以保证阅读舒适。
间距以 4px 为基准,构成节奏一致的留白。圆角偏柔和,呼应温润气质。投影是暖调、轻薄的,深色模式下更多依赖描边与表面分层而非重阴影。
组件全部基于上面的 token 构建,跟随主题与明暗实时变化。以下示例可点击交互,感受不同主题色落到真实界面里的样子。
全局提示条 toast:底部浮现、自动消失、可堆叠(最多 3 条)。底色保持中性(深色款 / 表面款),语义只靠图标点色承载——成功/信息用主题色、危险用 --danger、收藏用 --favorite,克制不喧哗。可带一个操作(撤销 / 查看 / 重试)。点下面的按钮看效果。
删除后会进入回收站,30 天内可恢复;超过期限将彻底移除且无法找回。
多图日记的网格。列数随张数变(更克制的朋友圈式):2 张两列、3 张三列、4 张田字(2×2)、≥5 张三列铺满。超出 9 张的在第 9 格盖「+N」收起,阅读页里点它展开全部。
组件组合成时间线主界面。导航收在左侧抽屉里,底部不再放标签栏——只留一个 FAB:轻点直接写日记,长按展开拍照 / 语音 / 清单,让「记录」这件事永远只差一步。切换主题色与明暗,观察整体氛围如何随之微调。
这是嵌入的真实页面,与产品同源——轻点 FAB 写日记,长按(约 0.35 秒)展开拍照 / 语音 / 纯文字。
手机端从左滑出的抽屉,承载全局导航。结构(与真实页面一致):账户 → 日记本(带色点与计数)→ 浏览(往年今日 / 收藏 / 日历 / 回收站)→ 底部设置。搜索不放在抽屉里,统一走顶栏放大镜;抽屉底色用暖纸 --bg(非纯白),日记本色点对应 journal 的 color 字段;选中态 accent-soft 底 + 左侧色条。点下方顶栏的菜单图标试试。
这是真实页面,抽屉已展开;点遮罩处可关闭,再点左上角菜单图标重新打开。