相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

关于深色主题设计的8个小技巧

专注发布于:2019-11-21 21:22 |原作者: 未知_Jreey|
专注
辽宁省 鞍山市 摄影师
发私信 + 关注
简介: 随着苹果iOS13和谷歌深色模式的推出,已经有越来越多的产品和用户,运用和注意到这种风格的设计。

版权申明:本文出自“未知_Jreey”原创,感谢“未知_Jreey”的原创文章分享!

关于深色主题设计的8个小技巧 飞特网 设计理论

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

前言

深色模式成为2020年的新趋势,Android推出了两种深色模式,分别叫Force Dark Mode和System Dark Mode。

随着主题更新的发布,苹果和谷歌都将深色主题作为UI的重要组成部分。许多设计师将会选择在他们的设计中使用这一模式,所以预计在未来会看到越来越多的深色模式。关于深色主题设计的8个小技巧 飞特网 设计理论

来自apple ios13官网截图


ios13已经推出深色ui模式,作为设计师,是不是给自己的产品设计一套深色系UI。深色系UI虽然酷炫,但是对于深色配色方案的选择,我们不得不从多方面去考虑。今天的文章主要介绍下深色主题下的8个小技巧,希望可以对你的设计有帮助,下面我们来看看:

一、避免使用纯黑色

深色主题不必是纯黑色背景上的纯白色文本。实际上,这种高对比度会看起来很痛苦,在深色主题中,用户会很难适应这两种色彩亮度。

关于深色主题设计的8个小技巧 飞特网 设计理论

二、避免使用饱和度

使用较浅的色调(200–50范围内的颜色),在深色主题上具有更好的可读性。较浅的颜色不会降低UI的视觉表现力,但可以帮助你保持适当的对比度而不会引起眼睛疲劳。饱和度低的色彩能提高可读性,减少用户视觉震动。

关于深色主题设计的8个小技巧 飞特网 设计理论


三、符合无障碍颜色对比标准

确保你的内容在深色主题下保持更好的可读性,深色主题背景必须足够暗才能够保证显示你的白色文本。谷歌的设计指南中建议文本和背景之间至少使用15.8:1的对比度。可以使用颜色对比工具测试对比度。

关于深色主题设计的8个小技巧 飞特网 设计理论


12下一页
32

好评
26

差评

刚表态过的朋友 (58 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

专注
辽宁省 鞍山市 摄影师
+关注 发私信
  • 国外啤酒LOGO设计
  • 儿童公益组织VI设计
  • 电脑线上销售平台标志设计
  • 儿童智力开发学校VI设计
  • 简约风格建筑材料公司标志设计
  • 物流公司标志设计

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
    2020 新飞特 从心开始
    • 我们一直在进步...
    • 2022年3月27日,飞特派单系统第三次升级调整结束,订单匹配更快、更精准.
    • 2022年3月飞特派单系统日均派单量超过20单.
    • 2022年1月1日飞特系统派单数量达到2013单.
    • 2021年11月1日飞特需求方订单数量增长超过200%.
    • ...
    • 备案编号( 滇ICP备08100602号 )
      滇公网安备:53010302000278
    • Processed in 0.193382 second(s), 23 queries , Gzip On © 2008-2020 飞特网 All rights reserved!
      GMT+8, 2024-11-22 05:47