恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
无人机项目暗黑模式-文字颜色复盘
0.0°
2019-08-20 原创文章 经验/观点 举报 779 2 1 0

在无人机项目被虐无数稿后,我决定深刻剖析这个项目给我带来的多重反思,以此作为下次项目进阶的指南!

ip发布要出暗黑模式后,无人机甲方要求顺应趋势,白色app界面文字颜色可以参考“369c”,那么深色模式呢?

以下是我的一些思考,不足之处多多谅解,同时希望我的思考也能给你带来一些启发~

图一:

Image title

图二:(是根据图一规律加上甲方要求做的调整)

Image title

总结:

1、在白色背景为主的app设计中,当背景为#ffffff时,采用的文字内容设计规范值为“369c”,这种设计规范不会出错。

2、假定一个纯黑色色块#000000,依次调整色块的不透明度为80、60、40、20、10依然可以得到“369c”的设计定律;

3、以此类推,当app的设计界面为纯黑色时,根据调整不透明度的原则,假定白色色块其色值是#ffffff,以此调整不透明度“86421”即可得出想要的色值。但是根据文字配色的基本原则:纯白背景上不要出现纯黑字色,黑色背景上不要出现纯白字色,因为这两种方式都会增大眼疲劳。也就是说暗黑模式下不会出现纯黑色界面,这个问题又该如何解决呢?

4、根据以上情况,假定做的项目背景色为有色彩倾向的颜色,首先确定背景的颜色,以我此次跟进的项目无人机为例,经过前期调研和后期沟通,确定大面积的背景色 采用机身机器化硬朗的颜色,即背景色#0d1b2a b16,以白色色块为例调整色块的86421的不透明度即可得到正文标题和内容的颜色。

5、在此次无人机项目中,甲方提出的要求是不想要白色不透明度的80%做为标题文字的颜色,我的解决方案所以在白保持色相不变得情况下调整调整饱和度的值为30左右即得到标题文字的颜色 #b2daff,以此为基础在运用86421的方法即可同时满足,1.字与背景色的对比度;2.字与白色的对比度;3.字与字的对比度,这三个限定条件。同时也是科学的暗黑模式文字规范色。(详情见图二)最终甲方拍定了图三配色作为使用色。

6、我的反思:在决定颜色配色时,由于对深色模式设计规范和品牌背景以及用户人群的不了解,导致在设计、适配上出现了很严重的反复改稿,所以在当前处的中小型公司里,设计想要做到积极推进项目实施,不仅自己设计专业水平够硬外,还要从各种理论层面帮助经理做出决策,当然也要做好设计稿件的多种版本,因为好的设计是需要打磨的。仅此做出无人机项目的首次复盘。


更新:2019-08-20

收藏

2人已收藏

蓝婷00

不断投入 持续输出

  • 2

    作品

  • 1

    粉丝

  • 14

    关注

  • 无人机2.0重构
相关标签
ui经验设计

    猜你喜欢

      2019-08-20 原创文章 经验/观点 举报 779 2 1 0

      无人机项目暗黑模式-文字颜色复盘

      0.0°

      你确定要举报无人机项目暗黑模式-文字颜色复盘

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2019年08月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      2
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录