这个想法是启用黑暗模式并

Showcase, discuss, and inspire with creative America Data Set.
Post Reply
Joywtome231
Posts: 627
Joined: Sun Dec 22, 2024 3:58 am

这个想法是启用黑暗模式并

Post by Joywtome231 »

这只是为企业通讯工具 Compass 创建黑暗主题计划的一小部分
团队以迭代的方式开展工作:

设计师开发了几个黑暗主题模型。
随后,团队互相打电话,在 Figma 网站上在线研究布局,并做出调整。
当一切准备就绪后,原型就交给开发人员进行布局。设计师开始创建新的布局。
一旦开发人员完成布局,团队就会开始测试。
根据他们的结果,界面和设置再次被改变。我们尝试选择一个黑暗的主题和所有让用户尽可能舒适的界面元素。
真实测试
设计团队从企业通讯工具的主屏幕(聊天和侧边菜单)开始开发深色主题。

iOS 应用程序开发人员已经准备了几个深色主题屏幕,并将它们添加到 TestFlight 网站进行 Beta 测试。之后,整个团队开始在真实条件下测试暗色界面。

在不同的场景中尝试它。例如,了解深色主题在公园 哥伦比亚电报筛选 明亮的阳光下会是什么样子。在阴天、光线较暗的情况下看书、看视频、看文件,眼睛会疲劳吗?

了解外界如何看待所选的解决方案非常重要。您需要尝试站在现代用户的立场上思考。


团队对新界面的开发和测试进行了如下报告:
为了准确覆盖所有黑暗主题使用场景,我们在白天和晚上的不同时间测试了该应用程序。该设计在不同的照明条件和各种房间下进行了评估。这帮助我们了解,如果人们在交通工具、工作中或街道上使用即时通讯工具,黑暗模式是多么方便。
Compass 的 UI 设计师 Veronica

团队在 Compass 信使中进行了整个开发过程。所有想法均在一次特别聊天中收集。之后,他们进行了研究和测试,并得出结论:应该实施什么,应该删除什么。

如果黑暗主题或其个别元素效果不佳,则原型会被重新制作。他们就这样不断努力,直到应用程序屏幕在任何房间、任何灯光下看起来都完美无缺。

必须找到一种平衡,以便按钮和盘子在不同条件下看起来都很完美。这是一个挑战,但我们重新设计了界面以改善黑暗主题。
Compass 的 UI 设计师 Veronica

例如,在测试过程中,我们决定让按钮的背景更亮。这些细微差别对于黑暗主题的感知非常重要。它们增加了界面的舒适度,这对于应用程序和网站来说都很重要。
Post Reply