首页 » 博客 » 浅色主题标题已更改为白色

浅色主题标题已更改为白色

 

在不久的将来,我们将更新 VKUI 文档并收集更多有关我们设计团队工作的信息——其中会有很多有趣的事情。

Messenger 的单独主题

VK Me 目前仅在哈萨克斯坦进行测试,是一款独立 印度尼西亚数据 的通讯应用,可使用电话号码进行注册。在其中,我们不仅简化了功能,只留下通信,而且还简化了设计。以专注于沟通,蓝色变得更亮、更饱和。

VK Messenger 的独立主题

 

该信使建立在主应用程序的消息模块之上,这意味 如何在艰难的行业中获取链接 着它使用相同的组件和相同的模式来描述所有颜色。例如,要重新着色标题和搜索,必须替换相应标记的值:header_background、header_tint、header_text、search_bar_background、search_bar_field_background、search_bar_field_tint 等。

通过一种相当简单的方法,我们能够在短时间内重新着色整个应用程序,创建一个新的设计主题。

处理图形

应用程序中使用的整个图标集都是白色的,可以使用方案中的令牌轻松地重新着色。

双色图标出现了困难:以徽章形式叠加在头像上方的图标需要白色轮廓,因此需要用两种颜色进行裁剪。重新粉刷这样的建筑并不容易。我们将这样的图标分成前景和背景两层,作为蒙版,剪出需要的形状。

双色图标

 

Android 还具有 9-patch 图形,例如,可用 电话线索 于绘制带有阴影的卡片。其中的阴影是黑色,卡片的填充是白色。为了不在这里将图形分成两层,开发人员使用了 Multiply 颜色混合模式——这样黑色阴影就不会重新着色,并且颜色只会应用于图片的白色区域,这正是我们所需要的。

滚动至顶部