首页 > Illustrator > qq怎么改背景颜色设置-QQ设计团队评测:QQ极简和夜间模式设计
2023
12-18

qq怎么改背景颜色设置-QQ设计团队评测:QQ极简和夜间模式设计

本文聊聊QQ近期在极简设计和人性化体验设计上的探索和思考,一起欣赏吧~

据说年轻人喜欢用QQ。 他们精力充沛,乐于交友,在社交时有强烈的自我表达欲望。 QQ中的个性化穿搭可以满足年轻人自我展示的需求。

然而,随着年轻人的成长和社会角色的变化,他们开始需要在学习和工作中频繁地与不同的人交往。 涉及的使用场景多样化,沟通逐渐要求更高的效率。 本文介绍了QQ近期在极简设计和人性化体验设计方面的探索和思考。

1.简单模式

各类产品陆续回归追求体验式服务本质的初衷。 产品体验也在做减法和细化,更加关注用户的核心诉求,追求更极简的体验。

用户通信的起源是信息的交换。 QQ引入了极简模式,将聊天设计为降低噪音,重新强调聊天信息,回归沟通的本源。

简单模式可以让用户切换到更纯粹的聊天体验,但不会改变用户原有的个性化设置。 用户可以根据需要随时恢复自己的个性化外观。

1.QQ简约模式设计策略

QQ拥有数量庞大的用户。 用户一直呼唤纯粹的聊天沟通体验。 回归沟通的本源,聚焦极简的沟通和聊天体验,是一个化繁为简的减法过程。 我们整理了QQ简约模型。 设计策略。

2. 信息降噪

头像和聊天气泡是信息的主要载体。 简约模式阻隔个性化装饰,让信息的展示更加纯粹、清晰。

3. 功能简化

为了让用户更方便地发送不同类型的消息,QQ的输入区域显示了相册、照片、红包等功能。 但在非娱乐场景聊天时,这些功能的使用率较低。 简单模式简化了工具栏和图标样式。 简化了图标形状和颜色,采用纯黑和白色,方便界面更好地突出信息和内容。 整体区别与默认模式不同,用户的简洁感更强。 。

4.纯粹的沟通

QQ的关卡体验满足了部分年轻人的比较需求,但在某些场景下(如办公、学习等),关卡可能会给沟通带来一定的压力和干扰。 简单模式只保留纯粹的聊天信息,让用户体验更清爽、无压力的沟通。

5、中性风格

简约模式的界面设计风格更加中性、去个性化。 设计细节的优化,比如分割线的处理、灰色的运用、图标的形状等都更加内敛和精简。 整体视觉体验以黑、白、灰为主qq怎么改背景颜色设置,辅以色彩点缀和高对比度,像容器一样呈现出最有价值的内容和信息。

6.简化图形

极简主义还体现在界面的图标语言上。 简单模式图标延续了.0风格的图标形状。 在此基础上,我们追求更加极致的减法设计。 通过细化图标形状的轮廓并使用更精致的细线图标,我们可以减少图标的数量。 画中没有多余的笔触,细节处彰显匠心。

7. 简单模式设置路径

未来将添加丰富多彩的选项。 如果你喜欢简约风格,那么QQ简约模式一定不能错过。 欢迎前来体验。

QQ升级到8.1.0版本的用户可以从抽屉进入设置页面,点击常规,开启简单模式。

2.夜间模式

人眼可以根据环境光线自动调节。 在弱光环境下,人眼对明暗更加敏感,但对颜色不太敏感。 同时qq怎么改背景颜色设置,人眼在视觉上是惰性的。 晚上长时间使用手机,更容易感到眼花缭乱。

大多数手机系统主要通过环境光自动调节屏幕亮度,以降低手机明暗对比度,减少亮度对眼睛的刺激。 它们通常也适用于不同类型的移动电话应用程序。

为了给用户提供更舒适的夜间体验,一些手机系统逐渐推出了深色模式,一些应用程序也定制了深夜模式。

1.QQ夜间模式设计策略

夜间是QQ用户活跃的高峰期之一,重点关注夜景使用痛点和行业趋势。 技术很好,设计也应该如此。 因此,QQ夜间模式体验定位更加护眼舒适,为用户提供更加人性化的体验。 我们梳理了夜间模式的设计策略并重新设计。

2.保护眼睛和舒适度

(1)降低对比度

夜间模式界面通过降低信息与背景的对比度以及使用彩色图片/图标的遮罩来达到减少眼睛刺激的目的。 更柔和,更适合用户在夜间弱光环境下使用。

降低信息与背景之间的对比度可以减少对人眼的刺激。 我们首先降低界面信息的对比度,降低颜色亮度,以适应不同背景下不同亮度的文本信息。 通过暗光环境下的人眼真机体验测试,并经过对文字颜色与背景对比度的多轮优化,在保证识别的基础上,整理出了适合在以下环境下使用的对比度:夜间在完全黑暗的环境和任何屏幕亮度下。 对比度控制采用三档组合,不存在纯粹的黑白对比度。

(2)降低图像和颜色的亮度

界面信息还包括彩色图形、文本和图形。 高纯度的颜色在深色背景下很容易引起眼睛刺激和疲劳。 我们使用掩模来降低此类信息的亮度。 在保持系统色彩纯度的基础上,我们降低亮度,达到柔和护眼的效果。

(3)组件化

QQ夜间模式适配覆盖率高,涉及接口较多。 我们对夜间模式组件进行了梳理和适配吉祥物设计,也提高了适配效率。 目前核心路径场景的夜间体验已经适配。 我们正在和开发同学一起努力适配更多的接口。 随着适配的不断深入,我们将为用户提供更加完整、舒适的夜间体验。

情感化设计

为了加强用户对夜间模式的认知,提高用户夜间场景的体验。 我们采用情感化设计,情感化从以下三个维度体现。

(一)主题背景

黑色的大界面难免会显得有些单调、冰冷。 与手机系统和应用程序不同,QQ夜间模式保留了上一版本的星空元素吉祥物,并将其继承到新版本的设计中。 夜间模式启动后,通过星空背景元素与夜间环境建立联系。

(2) 有趣的图标

当用户开启夜间模式时,我们设置了复活节彩蛋,发现个别图标会发生变化,变成与夜晚相关的图形语言。 更多有趣的图标将在后续更新中添加。 我们也希望通过引入有趣的表达元素来建立用户对QQ夜间模式的好感度。

(3) 运动效果

在使用切换操作时,添加适度的过渡动画,进一步增强用户对夜间模式的感知。 用户可以点击抽屉页面切换到夜间模式。

对于夜间模式体验路径,用户进入QQ后,可以右滑或点击一级界面左上角的个人头像进入抽屉页面,点击左下角的夜间图标即可切换到夜间模式。

结论

除了简单模式和夜间模式之外,QQ未来还将探索更多的主题设计,通过探索使用场景为用户提供更加人性化、有趣的服务。 目前,两种模式均已上线,并收到了大量的反馈和建议。 还请用户朋友体验一下,持续关注QQ更新。

最后编辑:
作者:nuanquewen
吉祥物设计/卡通ip设计/卡通人物设计/卡通形象设计/表情包设计