10. 品牌一致性(菜单页)
菜单内第一层级icon使用品牌辅助色,避免像市场上竞品使用与品牌色无相关的五彩色。使用辅色可以增强品牌的一致性以及特有的品牌认知,区别与竞品的彩色化。使整个产品的用色更有依据,逐渐给用户记忆点。
11. 情感化设计(信息流loading)
在loading区域,可以在保持风格一致的前提下,进行个性化设计。结合印度网络环境不稳定的背景,将tab下频道符号化处理,联系起来进行连播式设计,传达产品的内容及特性。
在情感化方面,当网络情况不好的场景下,可能给用户小惊喜。
下拉刷新最先展示品牌符号(地球元素),在连播过程中,依次展示视频,资讯,图片,游戏娱乐等类目符号,采用路径追踪的形式有效衔接起来五个符号。
12. 跟进行业主流趋势( Dark Mode,2019年11月已上线)
用户使用暗黑模式的场景很多,第一种是在暗光环境下可减少视觉疲劳,另外在白天很多用户也会长期打开深色模式。
这意味着在暗黑模式下首先要考虑产品的可读性,需要满足WCAG 2.0 (Web内容可访问性指南)中规定的AA级标准,即最低4.5:1的对比度。
Material Design 中推荐暗黑模式默认最底层颜色为#121212,而在这之上的层级则使用不同透明度的白色透明层遮罩获得层级区分。
层级越高,对应的不透明度越大,本次Dark Mode设计,概括定义7个层级,便于后续场景拓展设计。
以下是核心页面视觉效果: