在设计领域,iOS系统中的设计风格是绝对的风向标。随着2019年苹果推出深色模式后,各大APP都开始更新了深色模式。既然有深色模式,那必然有浅色模式,二者有什么区别呢?接下来我就给大家简单分析一下。

在了解深色模式和浅色模式之前,我们需要了解几个概念:

对比度极性:描述文本与背景之间对比度;

正对比极性(浅色模式):在浅色背景上显示深色字体文本;

负对比极性(深色模式):在深色背景(例如黑色)上显示浅色(例如白色)字体文本;

球差:球面像差(Spherical aberration),在光学中,球面像差是发生在经过透镜折射或面镜反射的光线,接近中心与靠近边缘的光线不能将影像聚集在一个点上的现象。

景深(DOF):是指在摄影机镜头或其他成像器前沿能够取得清晰图像的成像所测定的被摄物体前后距离范围。

光圈:是一个用来控制光线透过镜头,进入机身内感光面光量的装置,它通常是在镜头内。表达光圈大小我们是用F/数值表示。

一、深色模式和浅色模式使用场景分析

1、在具有正常视力(或矫正视力)的人群中,浅色模式下的视觉表现往往会更好;

2、对于一些因白内障而导致视觉减退的人来说,深色模式的表现形式可能会更好;

3、长期在浅色模式下阅读,有很大可能性会导致近视。

二、UI设计新手选择深色或浅色配色要参考哪些因素?

1、可读性和易读性

可读性定义了人们阅读单词、短语和文本块的难易程度;易读性衡量用户识别特定字体中字母的速度和直观程度。如果设计师能弄清楚不同背景图案上的文字观感,并仔细研究字体的选择,任何配色方案都可以具有很高的可读性。

2、可访问性

可访问性主要被定义为Web或移动界面能够被尽可能多的用户访问,所提供的功能人人可用,没有「功能歧视」。因此,「使用或不使用」的决定,必须基于用户的需求和偏好,而不是基于他们的身体能力。

3、清晰度

清晰度定义了在屏幕或页面上查看和区分所有核心细节的能力。它与导航的简单性和直观性相关,能够浏览布局并找到信息区域和交互元素。如果清晰度没有得到适当的测试,可能会导致视觉层次较弱,并且会使屏幕变得一团糟。

4、响应性

界面的响应性意味着无论用户在何种设备上都可以正常使用,由于配色方案直接影响颜色、形状和文本感知,所以在做出最终决定之前,应该在不同的设备上进行测试。

综合以上分享的来看,无论你选择深色模式还是浅色模式,都要根据实际情况和用户需求来设计。

UI界面设计怎么选配色方案,浅色or深色?相关推荐

  1. iPhone 6/6Plus UI界面设计和适配尺寸规范

    iPhone 6/6Plus UI界面设计和适配尺寸规范 发布于: 2014 年 12 月 10 日 by admin 对于iPhone 6/6Plus UI界面设计和适配尺寸规范的相关教程和知识点, ...

  2. UI培训教程分享:APP启动页UI界面设计

    本期为大家分享的ui培训教程是关于APP启动页面的UI设计方面,作为一名合格的UI设计师,APP产品的启动页是需要会的,下面就来看看详细的教程吧. UI培训教程分享:APP启动页UI界面设计 启动页面 ...

  3. 2018年Sketch UI界面设计套件前十了解下!

    Sketch近几年凭着大量的插件和免费教程迅速发展,而Sketch的忠实粉丝们也乐于将他们的免费模型分享出来.这也意味着你会在网上找到更多的免费Sketch素材,从完整的模型到内容详实的UI套件. 为 ...

  4. 移动端UI界面设计之-注册登录

    注册登录是移动端UI界面设计中最基础的板块之一,界面看似简单,但是想设计一个让人眼前一亮的注册登录界面并非易事.今天,小编将和大家一起来聊聊移动端UI界面设计之-登录注册那些事.希望能对设计的朋友有所 ...

  5. 【UI界面设计】PS基础学习笔记

    [UI界面设计]PS基础学习笔记 一.概述 1.行业规范: 2.介绍 二.PS入门 1.安装 2.基本介绍 3.新建项目 4.PS的基本使用流程 5.项目保存 6.抠图 7.修图 8.修人像图 9.如 ...

  6. android做试卷的页面,《Android UI界面设计》17移动互联网A卷试题和答案(3页)-原创力文档...

    广州市蓝天技工学校质量记录 期末考试试卷 编号:QD-0812-22 A/0 流水号: 2018 -2019 学年度第一学期 2017级移动互联网应用技术高技专业<UI界面设计>试卷答案 ...

  7. Android 基础 UI 界面设计

    前面Day2:Android项目的目录结构详解,我们了解了整个Android项目的目录架构.既然如此,我们就直接来写一个"Big Lottery"(利用计算机选号来产生乐透号码的程 ...

  8. Python学习笔记--exe文件打包与UI界面设计

    exe文件打包与UI界面设计 前言 一.基于tkinter实现的UI设计 1.1 库的选择及思路 1.2 定位方法的选用 1.3 Frame控件 1.4 变量设置 1.5 批量设置 1.6 Text文 ...

  9. Winform UI界面设计例程(一)多窗口主题搭配

    本专栏会有二十多篇关于winform UI界面设计的案例讲解,不使用任何第三方美化库,完全纯代码编写,写出的界面可以达到WPF界面的效果 本篇实现的效果如下图所示,不同界面自动切换主题配色,子界面嵌入 ...

最新文章

  1. 单招计算机考试知识点,单招考试数学必背知识点(11页)-原创力文档
  2. sqlmap报错注入
  3. 使用exe4j打包Java程序
  4. 前端工程师面经——概述及面试技巧加考点篇(一)
  5. 算法:位运算加减乘除
  6. 连载17:软件体系设计新方向:数学抽象、设计模式、系统架构与方案设计(简化版)(袁晓河著)...
  7. mysql查看所有触发器以及存储过程等操作集合
  8. 想要你的HTTP稳定不蹦,必须吃透「负载均衡」
  9. python3打造专属的下载软件
  10. Ubuntu 自动关机命令
  11. Java日志框架 -- Logback(Logback入门案例、logback配置(FileAppender、异步日志、拆分Appender、过滤器)、logback-access)
  12. jenkins中配置git下载代码
  13. OpenStack 虚机异常断电处理
  14. python 拼接 遥感影像_如何用Python| 制作遥感影像拼接
  15. 记一次win7 配置Windows Update 失败,还原更改,无法进入系统
  16. 一个好强的mm写给男朋友的绝交信
  17. java excel替换字符串_java操作excel 替换指定字符串
  18. win10下shell入门学习(一)
  19. php中date设置北京时区,PHP中设置时区方法小结
  20. #图书管理系统的设计与实现#

热门文章

  1. 【matlab函数】conv2、filter2、imfilter的区别
  2. 前端工程化——构建工具选型
  3. 虚拟病毒分析与清除方法
  4. python安装bs4几种方法_Python安装Bs4的多种方法
  5. Pascal Costanza 作品:极端片面的Lisp介绍 (zz)
  6. python中文路径与英文路径的拼接
  7. 李开复:真正成功的公司源于伟大的创业理念
  8. 网络基础,带你了解TCP/UDP,轻松理解DNS
  9. html 表格自动计算,JS实现相仿excel的表格数据输入,并自动计算的页面
  10. vue 校验规则 防止多次点击弹窗重新触发