DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。 官方网站:devui.design Ng组件库:ng-devui(欢迎Star) 引言深色模式(Dark Mode)在iOS13 引入该特性后各大应用和网站都开始支持了深色模式。在这之前,深色模式更常见于程序IDE开发界面和视频
在设计领域,iOS系统中的设计风格是绝对的风向标。随着2019年苹果推出深色模式后,各大APP都开始更新了深色模式。既然有深色模式,那必然有浅色模式,二者有什么区别呢?在了解深色模式和浅色模式之前,我们需要了解几个概念:杭州UI设计老师讲解深色模式和浅色模式对比度极性:描述文本与背景之间对比度;正对比极性(浅色模式):在浅色背景上显示深色字体文本;负对比极性(深色模式):在深色背景(例如黑色)上显
转载 2023-11-21 09:45:23
471阅读
4月8日,华为P40系列的国行版将正式发布,届时,华为P40系列的售价会正式公布,这是大家很期待的地方。除了售价让人关心,华为P40系列的颜值也让人喜欢。现在,笔者提前拿到了华为P40白色版,就是华为P40零度白版本,现在,就把这款手机带来的体验分享给大家,把我憋了一肚子的心里话,不吐不快说给大家。华为P40有五个颜色,分别是零度白/深海蓝/亮黑色/冰霜银/晨曦金,它们都是纯色设计,显得非常简洁,
中灰。     测光表为什么要定义18%反射率为测光依据呢?以反射式测光表为例,测光表测得的物体亮度有二个方面的因素所决定:光源照度和物体的反射率.这二个都是变量的话,那测光值是没有实用意义的!可以设想,黑卡纸在强光灯照射下测到的亮度,远比白纸在弱光下的亮度要高!那不要得出黑纸比白纸更亮的结论了吗?!所以测光表必须要将上面二个变量中的一个规定为常量(不变量),才能有"
STM32F407基础总结系列(二) Keil5在线调试汇总及基本操作教程STM32F407基础总结系列(二)前言一、在线调试基础介绍在线调试原理在线调试工具Keil5调试窗口控件介绍基本调试操作二、调试具体操作代码运行时长检测(断点时间测量)寄存器查看与操作外设寄存器查看寄存器直接操作断点详解断点分类断点操作存取断点执行断点条件断点变量查看回调栈局部变量窗口Command窗口操作自定义TOOLB
这篇随笔记录在开发Android手机应用过程中经常遇到的问题和解决方案,其中一些问题还没有完美解决,附参考链接供读者继续研究。 注:Android 5.0的问题总结在这个帖子里。1、用(SDK starter package)的installler安装Android SDK时提示无法找到JDK,但实际上机器上已经安装了JDK。一个对不少人有效的解决方法是
转载 2024-06-14 21:57:27
83阅读
这完全是个人习惯问题了,单从健康的角度考虑没有过多的争论浅色主题对眼睛会好一些,这在科学研究上早已经有了定论。写了十几年的程序,交往个几百个同事,从他们的个人行为上看喜欢深色的程序员多一点,浅色调容易提不起精神来,深色调整体感觉酷酷的,看起来更加有感觉。总体来讲完全是个人感觉,当然由于程序员工作相对比较枯燥会时常每隔一段时间,换一次主题,如同累了听听音乐放松一下,是一个道理。程序员绝大部分时间都需
苹果的新款14英寸和16英寸 #MacBook Pro#如何设置参考模式(1) 打开【系统偏好设置】,并点击【显示器】(2)在显示器选项中,可以直接选择【颜色描述文件】(3)退出系统偏好设置即可如何自定义颜色描述文件你也可以根据自己的颜色配置文件或为Mac电脑创建一个,操作步骤如下(1)打开【系统偏好设置】,并点击【显示器】(2)在显示器选项中,可以直接选择【颜色描述文件】(3)将菜单栏
1、问题:加载UIWebView底部有黑色边框问题。  设置UIWebView opaque为NO,然后设置其背景色为clearColor。2、问题:iPhone真机输出[UIScreen mainScreen].bounds.size.width 不符合常规逻辑问题。(iPhone6s输出320,iPhone6sp 输出375)  设置--》显示与亮度--》设置的视图为标准模式。(输出不正确是因
# Android Studio改为浅色 Android Studio是一款非常流行的集成开发环境(IDE),用于开发Android应用程序。默认情况下,Android Studio的主题是深色的,但是有些用户更喜欢使用浅色主题。在本文中,我们将介绍如何将Android Studio的主题改为浅色。 ## 步骤 ### 1. 打开Android Studio 首先,打开Android St
原创 2024-07-07 03:31:43
71阅读
前言嗯,深色模式在iOS13版本就已经出了,但是呢,我们的app并没有适配(我也不知道为啥,可能是因为懒吧。。。)最近用户使用的时候出问题了,首先是反馈说App里的字不显示 哎哟,我去。。 赶紧看一下 然后看到反馈的截图发现全是黑的, 不对呀,我们App设计的都是白色底色啊, 然后就突然想到iOS有个深色模式,果然在测试机上开启深色模式后,成功复现了问题。解决方案老规矩,先上答案,省的大家看我bb
# Android 深色浅色模式 在Android应用开发中,深色模式(Dark Mode)和浅色模式(Light Mode)成为了越来越流行的设计趋势。用户可以根据自己的喜好选择应用的主题模式,使得应用在不同场景下更加适应用户的需求。 ## 深色浅色模式的实现 在Android中,可以通过设置`AppCompatDelegate.setDefaultNightMode()`方法来实现深色浅
原创 2024-06-15 03:39:17
129阅读
我们都知道,证件照的底色有红白蓝三种,但是呢有时候需要用这个底色的证件照,有时候需要另一个颜色的证件照,我们有不能每次都去照相馆拍一次~今天小编就来叫大家一招,不用任何修图软件,怎么用Excel来给自己的证件照换底色呢?先给大家看看效果: 具体操作步骤:第一步:打开你的Excel表格,点击【插入】-【图片】,把你需要换底色的证件照导入你的表格中,并调整好适宜的大小。
转载 2024-10-17 08:58:52
52阅读
1、问题:加载UIWebView底部有黑色边框问题。  设置UIWebView opaque为NO,然后设置其背景色为clearColor。2、问题:iPhone真机输出[UIScreen mainScreen].bounds.size.width 不符合常规逻辑问题。(iPhone6s输出320,iPhone6sp 输出375)  设置--》显示与亮度--》设置的视图为标准模式。(输出不正确是因
Color Mode 颜色模式Chakra UI 内置支持管理应用程序的颜色模式,默认可配置的颜色模式有浅色模式(light)、暗色模式(dark)、系统模式(system)。大部分组件默认都支持暗色模式(dark mode)。Chakra 将颜色模式存储在 localStorage中,通过给 <body>附加一个类名确保颜色模式是持久的,切换暗色模式Chakra UI 模式使用的浅色
转载 6月前
57阅读
# iOS UIColor 深浅色判断实现指南 在开发 iOS 应用时,我们常常需要判断某种颜色是深色还是浅色。这在设计师和开发者之间可以保证色彩的细腻搭配,从而提升用户体验。本文将指导您完成这个功能的实现。 ## 流程概述 以下是实现 iOS UIColor 深浅色判断的基本流程: ```mermaid flowchart TD A[开始] --> B[获取 UIColor 对象
原创 8月前
58阅读
# SQL Server 的浅色主题 随着技术的发展,用户界面的友好性越来越受到重视。在这一背景下,SQL Server 也逐渐引入了不同的主题选项,浅色主题便是一个重要的内容。用户可以根据自己的喜好和工作环境选择合适的主题,以提升工作效率和舒适度。 ## 为什么选择浅色主题? 选择浅色主题的理由有很多,以下列出其中的一些: - **视觉舒适性**:对于许多人来说,浅色背景能够减少视觉疲劳
原创 7月前
33阅读
# 使用 jQuery 设置浅色表格边框线的指南 在现代网页设计中,表格是信息展示的重要工具。无论是在数据分析、在线商店还是内容管理系统中,表格都能清晰地呈现出许多信息。为了使表格在视觉上更加美观,许多开发者选择使用浅色边框线。本文将详细介绍如何使用 jQuery 轻松为表格设置浅色边框线,并提供可操作的代码示例。 ## 一、准备工作 在开始之前,请确保您的网页中已经加载了 jQuery。如
原创 2024-08-25 05:16:17
70阅读
# 实现 Android Studio 深浅色主题切换教程 ## 一、流程步骤 ```mermaid journey title 深浅色主题切换流程 section 开发者 开始 开发深色主题 开发浅色主题 切换主题 结束 ``` ## 二、具体步骤 ### 1. 开发深色主题 首先,你需要在
原创 2024-05-27 06:10:35
134阅读
DevUI是一支兼具设计视角和工程视角的团队,服务于华为云DevCloud平台和华为内部数个中后台系统,服务于设计师和前端工程师。引言深色模式(Dark Mode)在iOS13 引入该特性后各大应用和网站都开始支持了深色模式。在这之前,深色模式更常见于程序IDE开发界面和视频网站界面。前者通过降低屏幕亮度,使得使用人员长时间盯着屏幕眼睛没有那么疲惫;后者通过深色模式来降噪,从而突出主体内容部分。快
  • 1
  • 2
  • 3
  • 4
  • 5