Page 1 of 1

最终我们采用了这种设计格式

Posted: Wed Feb 19, 2025 5:21 am
by Joywtome231
在测试过程中,一些员工开始注意到侧面菜单和主屏幕上的相同背景不利于用户体验。

因此,最终团队决定开发一个暖色调的深色主题,但带有一些细微差别:

侧面菜单背景比聊天背景更浅。这使得划分工作区域成为可能。这样用户就可以专注于聊天。
聊天中的文本不透明度增加到 75%。新的背景使工作窗口看起来更好。
将名称的不透明度降低至 75%。现在文本和名称同样明亮,但它们不会融合。

弹出窗口和悬停窗口
与移动应用程序一样,桌面版决定将弹出窗口的界面进一步变暗。


这种调暗不会分散弹出窗口的注意力。在开发网站时考虑这一点很重要。
甚至在推出深色主题之前,就需要考虑鼠标悬停在对象上时的反应;这种效果称为悬停。例如,当用户将鼠标悬停在浅色主题的按钮上时,按钮就会变暗。

但这种场景不适合深色主题:看起来很笨拙。因此设计师想出了另一种选择。当您将鼠标悬停在按钮上时,图标和按钮名称将以蓝色突出显示。


深色和浅色主题按钮背光对比
要在桌面应用程序中激活 Messenger 的深色主题,您需要单击 约旦电话号码数据 您的个人资料。在配置文件窗口的底部有一个名为“主题”的字段。在这里您可以选择以下选项之一:浅色主题、深色主题或系统主题。

第四阶段:更改入职屏幕
您在了解应用程序的阶段就可以使用深色主题。为了帮助用户在新设计中探索通讯功能,设计师还为入职屏幕创建了一个深色主题。


如果你在进入应用程序后立即从浅色主题切换到深色主题,则可以在新设计中进行入门
第 5 阶段:添加最终调色板
为了简化对暗主题的支持并在将来轻松更改某些参数,值得创建一个通用的调色板。