Page 1 of 1

这是应用程序浅色主题下侧面菜单的样子

Posted: Thu Mar 20, 2025 10:27 am
by joyuntochandr656
5. 移动版制定以下规则:

为了突出文本的主要重点,我们选择了 70-100% 范围内的不透明度。
对于低强调元素(提示),使用 30–50% 范围内的不透明度。
对于非活动状态,我们选择 15–20% 范围内的最小不透明度值。
6. 在 Messenger 中,作者可以撰写消息并使用颜色突出显示部分文本。在浅色主题中,明亮的颜色用于此,但它们不适合深色主题。

这就是我们为其单独选择颜色的原因。这个解决方案有其优点。带有柔和色彩的深色主题在人眼看来更加和谐。


比较哪种格式看起来更赏心悦目,哪种格式让人感到不舒服
滑动功能
在通讯程序中,您可以通过滑动屏幕从聊天转到带有聊天列表的侧面菜单。在灯光模式下,这些屏幕具有不同的背景颜色。

当侧面菜单打开时,用户会在屏幕右侧看到一条亮光带——这是聊 推特数据 天背景。这个图形设计解决方案有助于理解需要做什么才能实现转变:将一个屏幕移动到另一个屏幕。


但在深色主题中,这些屏幕具有相同的背景。因此,有必要提出一种从一个屏幕转换到另一个屏幕的新机制。

以下是深色主题中滑动的操作方式:

侧面菜单中还有一个聊天栏。它不是很亮,但只是比菜单背景稍微亮一点。设计师通过不透明度参数设置为 3% 的条带实现了这一点。在顶部添加了白色条纹,选择不透明度 2%。
如果用户从菜单切换到聊天,白条就会消失。这会将聊天背景更改为默认背景,并使其与侧面菜单中的背景相同。此时,黑色的颜色变化平滑,层次感得以保持。

使用深色主题应该会让人感觉舒服。因此,充分研究所有功能和小细节非常重要。
主要元素的颜色
在浅色主题中,链接、其他用户通过@的提及以及评论都以相同的蓝色突出显示。但这种解决方案不适合深色主题:元素的层次结构受到了破坏。

因此,每种乐器都选择了不同的颜色:

评论非常生动。这是信使的主要功能之一,它应该脱颖而出。
对于参考和链接,我们决定在界面中加入不太强烈的蓝色。