APP深色背景与浅色背景的运用思考

版权申明：本文出自“丘丘的设计笔记”原创，感谢“丘丘的设计笔记”的原创文章分享！

当我们浏览以及想要寻找APP时，除了深入人心的品牌符号外，颜色是辅助品牌符号让用户定位的一个重要因素。色彩有语言，有情绪。在特定的环境和空间，总有最适宜的色彩搭配。在APP方寸之间也是如此。

市面上APP形色各异，缤纷多彩。除了品牌主色调外，大面积背景色的使用，会给用户不同的视觉感受和情绪传达。如下图，左侧：红色为品牌色；深蓝色为背景色。右侧：绿色为品牌色，；白色/浅灰色为背景色。

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

除了品牌色以外，他们大面积背景的颜色使用是遵循什么原则？还是只是设计师喜好？ 

改版背景

由于去年接手《FitForce》项目时：APP全一系深色调背景。在开始设计迭代之初，我以一个真实的用户姿态来体验APP整个流程，看整体页面，在体验的过程中开始质疑一些点以及有了想要动手优化的冲动。

当我下定决心做APP背景颜色的视觉优化时，因为涉及页面数量多，占据大量的开发时间，是个大工程。为了让此次改版有站得住脚的理论依据，也让团队成员了解：我不是主观上对之前设计的不认可；也不是为了设计而设计；更不是我的个人喜好问题。我开始为此次改版查找相关资料论证以及确认我的想法的可行性。

因为，"设计要基于不可辩驳的理由，设计是理性的，要有完整的推导过程"这是我之前看到的一句话，自从看到后，它就成了我的职业座右铭，不断提醒自己。

关于此次背景颜色的改版，从"战略层"和"视觉感知层"2个方面，结合调研数据分析讲述，并结合产品实际情况得出改版方向的结论。

1.产品战略层面

a.产品定位

定位："以运动干预为主要核心的个体健康管理"

使用人群：25-45岁；健身房人群

b.使用场景

关于"场"

时间：下班后+空间：健身房。下班后，前往健身房运动，由于健身房公共空间，会有可能出现4种打扰情况：

如：视频类软件，使用场景的不同，背景颜色会有所变化。白天在外的人们看视频一般都会用手机，在白天强光下和频受打扰的环境中，白底黑字更清晰更易阅读。晚上回到家，人们则更愿意拿起iPad享受大屏观影体验，在不易受打扰的环境，深色背景和夜晚更契合，让人更沉浸。

关于"景"

情景：拿着手机看教程 + 互动：跟着教程完成运动。在这样的情景中，以产品的"同理心"换位体验，跟着手机教程一起运动，应考虑到用户在使用的过程中（如：拳击；开合跳等幅度较大的动作）视线波动导致的视觉模糊的情况。

和keep做对比，发现两点问题：

1.深色背景，文字识别度缓慢困难；

2.动作视频教程：暗色调，视觉元素杂乱。当动态引起的视线模糊的时候，不易看清动作具体幅度。

综合以上问题，一款简洁，高易读性，信息层级明显的页面设计，在这样的场景中是必需。优秀的页面设计，不但可以更好的表达产品，还可以在帮助用户达成目标的同时给到更好体验。