飞特网 顶部通栏广告

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

远航发布于:2019-9-11 12:11 |原作者: 丘丘的设计笔记
简介: 在APP设计中,你是否纠结背景颜色的使用?本文从实际案例来说背景颜色的使用,愿能帮助到你!

版权申明:本文出自“丘丘的设计笔记”原创,感谢“丘丘的设计笔记”的原创文章分享!

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

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

APP深色背景与浅色背景的运用思考 飞特网 设计理论

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

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

改版背景

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

APP深色背景与浅色背景的运用思考 飞特网 设计理论

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

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

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

1.产品战略层面

产品背景:这是一款联合国内顶尖生命科学家、运动科学研究员,给教练团体和个体用户精准定制运动健康计划解决方案APP。

a.产品定位

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

使用人群:25-45岁;健身房人群

b.使用场景

梁宁说过,"场景"包括两个概念:场:时间+空间;景:情景+互动 。

关于"场"

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

1.? 视线打扰:环境物体杂乱;2.?人员打扰:教练;其他健身者等活动的外界因素;3.?声音打扰:跑步声,音乐声,说话声等;4.?中断打扰:一个意外来电,得回公司处理紧急事务;

APP深色背景与浅色背景的运用思考 飞特网 设计理论

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

APP深色背景与浅色背景的运用思考 飞特网 设计理论

关于"景"

情景:拿着手机看yabovip2018.com--任意三数字加yabo.com直达官网 + 互动:跟着yabovip2018.com--任意三数字加yabo.com直达官网完成运动。在这样的情景中,以产品的"同理心"换位体验,跟着手机yabovip2018.com--任意三数字加yabo.com直达官网一起运动,应考虑到用户在使用的过程中(如:拳击;开合跳等幅度较大的动作)视线波动导致的视觉模糊的情况。

和keep做对比,发现两点问题:

1.深色背景,文字识别度缓慢困难;

2.动作视频yabovip2018.com--任意三数字加yabo.com直达官网:暗色调,视觉元素杂乱。当动态引起的视线模糊的时候,不易看清动作具体幅度。

APP深色背景与浅色背景的运用思考 飞特网 设计理论

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

123下一页
2

好评

差评

刚表态过的朋友 (2 人)

远航
河北省 石家庄市?平面设计师
+ 关注 私信
  • APP深色背景与浅色背景的运用思考
  • PS绘制绿色游戏宝石yabovip2018.com--任意三数字加yabo.com直达官网
  • PS合成枪战电影海报yabovip2018.com--任意三数字加yabo.com直达官网

最新评论

我来说两句:
您需要登录后才可以评论和提交作业 登录 | 立即注册

上传作业

?
关于飞特| 广告服务| 付款方式| 友情链接| 网站地图| 联系我们| 加入我们| 举报| 飞特网旧版| 飞特网