53.网页设计规则#2_配色

news2024/9/22 18:29:20

选择正确的颜色

  1. 让主色调与你的网站个性相匹配:颜色传递意义
    a. 红色吸引了很多人的注意,象征着权力、激情和兴奋。
    b. 橙色不那么具有攻击性,并传达出幸福、愉快和创造性。
    c. 黄色意味着快乐、光明和智慧
    d. 绿色代表和谐、自然、成长和健康
    e. 蓝色与和平、可信度和专业性有关。
    f. 紫色传递着财富、智慧和魔法
    g. 粉红色代表浪漫、关怀和爱意
    h. 棕色与自然、耐用和舒适有关
    i. 黑色象征着权力、优雅和极简主义,但也象征着悲痛和哀伤。

  2. 用好色调 不要随意选择一个色调或CSS命名的颜色,推荐一个工具,open colors
    https://yeun.github.io/open-color/
    在这里插入图片描述

  3. 你的调色板中至少需要两种颜色:一种主色,一种灰色

  4. 随着经验的增加,你可以添加更多的颜色:重点(辅助)颜色(使用工具)。
    在这里插入图片描述

  5. 为实现多样性,创造出较浅和较深的 “版本”(色调和阴影)。

  6. 使用你的主色调来吸引对页面上最重要元素的注意;
    在这里插入图片描述

  7. 使用颜色来增加有趣的点缀,或使整个组件或部分脱颖而出;

  8. 你可以尝试在图像和插图中策略性地使用你的颜色

颜色和排版
9. 在深色的背景上,尽量使用背景的一个色调(“浅色版本”)来书写文字;
10. 文字通常不应完全是黑色的。如果颜色变浅,看起来就会很沉重,不招人喜欢。
在这里插入图片描述

  1. 不要把文字写得太轻! 使用工具来检查文字和背景颜色的对比度。(为了让每个人都能阅读你的网站,即使视力障碍的人也能阅读你的文章)
    a. 普通文本的对比度需要至少4.5:1,大文本(18px以上)的对比度需要3:1。
    在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/465179.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

数学建模第六天:数学建模算法篇之插值及MATLAB实现

目录 一、前言 1、引例 2、插值与拟合模型 二、插值 1、插值相关定义 2、拉格朗日插值 3、分段线性插值 4、matlab实现 5、二维插值及matlab实现 一、前言 1、引例 伍老师最近苦不堪言,最近胡吃海喝,管不住嘴,感觉自己最近张胖了&am…

【数据去重】海量数据实时去重方案

文章目录 Prologue布隆过滤器去重什么是布隆过滤器实现的核心思想怎么理解 内嵌RocksDB状态后端去重引入外部K-V存储去重 Prologue 数据去重(data deduplication)是我们大数据攻城狮司空见惯的问题了。除了统计UV等传统用法之外,去重的意义更…

信号完整性分析基础知识之传输线和反射(四):不连续点和端接

每当信号遇到阻抗变化,就会出现反射现象,反射对信号质量影响很大。信号完整性工作最重要的部分之一就是预测不连续点对信号的影响,以及设计工程可接受的备选方案。 尽管电路板在设计上是可控阻抗互连,但是信号在以下结构中仍然会遇…

如何选择最佳的实时聊天软件

在客户服务和支持领域,实时聊天正在改变游戏规则已不是什么秘密。从推动销售到提升客户体验和提高保留率,实时聊天已成为与客户互动和支持的一种全新的方式。客户和支持专业人员都注意到了这一点。 研究发现,高达41%的消费者更喜欢实时聊天&…

李宏毅 深度学习

目录 深度学习与自然语言处理 | 斯坦福CS224n 课程带学与全套笔记解读(NLP通关指南完结)pytorch快速入门csdn快速入门OS包PIL包Opencv包Dataset类Tensorboard的使用torchvision.transforms 的使用torchvision中数据集的使用DataLoader的使用(torch.util…

【C++】:想知道如何实现互译字典吗?来看二叉搜索树

二叉搜索树好文! 文章目录 前言一、实现搜索二叉树二、二叉搜索树的应用 1.K模型2.KV模型总结 前言 二叉搜索树概念 : 二叉搜索树又称二叉排序树,它或者是一棵空树 ,或者是具有以下性质的二叉树 : 若它的左子树不为空&#xff0…

Orcale中OCILogon和OCIServerAttach登录方式的区别分析

参考文档《Oracle Call Interface Programmers Guide》 在Orcale和DM数据库提供的API中,通过OCI方式接口连接数据库的方法有多个,这里只讨论OCILogon和OCIServerAttach的比较。 1、官方描述 根据文档里的描述: OCILogon():This function is…

DJ4-5 路由和选路

目录 一、路由与转发的相互作用 二、路由的基本概念 1. 默认路由器 2. 路由算法 三、网络的抽象模型 1. 节点图 2. 费用 Cost 四、路由算法分类 1. 静态路由算法 2. 动态路由算法 3. 全局路由算法 4. 分布式路由算法 一、路由与转发的相互作用 二、路由的基本概念 …

美团赴抖音之“约”:让本地生活补贴大战来得更猛烈些?

面对抖音在本地生活领域的强势挑战,美团似乎准备好了正面迎战。 近期,美团动作频频。最开始,美团在美团App美食页面下的“特价团购”打出“限时补贴,全网低价”的口号。对此,一位行业人士分析称,“之前美团…

java commons-io 工具类的使用

commons-io是第三方程序员编写的工具类,并不是java本身带的方法。是在java提供的工具类基础上,开发的工具类。简化了代码的用法,可以提升开发效率。 用法 1.下载jar包 2.在程序中新建lib目录,把jar包放进去 3.在jar包上右键&…

learn_C_deep_6 (布尔类型、布尔与“零值“、浮点型与“零值“、指针与“零值“的比较)

目录 语句和表达式的概念 if语句的多种语法结构 注释的便捷方法(环境vs) if语句执行的过程 逻辑与&& 逻辑或|| 运算关系的顺序 else的匹配原则 C语言有没有布尔类型 C99标准 sizeof(bool)的值为多少? _Bool原码 BOOL…

音视频八股文(6)-- ffmpeg大体介绍和内存模型

播放器框架 常用音视频术语 • 容器/文件(Conainer/File):即特定格式的多媒体文件, 比如mp4、flv、mkv等。 • 媒体流(Stream):表示时间轴上的一段连续数据,如一 段声音…

dubbogo如何实现路由规则功能

dubbo-go中如何实现路由规则功能 路由规则( routing rule )是为了改变网络流量所经过的途径而修改路由信息的技术,主要通过改变路由属性(包括可达性)来实现。在发起一次 RPC 调用前起到过滤目标服务器地址的作用&…

Node第三方包 【node-xlsx】

文章目录 🌟前言🌟node-xlsx🌟安装🌟导出xlsx文件🌟解析xlsx文件🌟另外:其他支持读写Excel的Node.js模块有:🌟直接导出excel文件 🌟写在最后 🌟前…

麒麟信安联合主办 | openEuler Developer Day 2023召开 openEuler全场景走向深入

【中国,上海,2023年4月21日】openEuler Developer Day 2023于4月20-21日在线上和线下同步举办。本次大会由开放原子开源基金会、中国软件行业协会、openEuler社区、边缘计算产业联盟共同主办,以“万涓汇流,奔涌向前”为主题&#…

【FTP工具】- Win10下免费的FTP服务器搭建 - FileZilla 的下载、安装、使用

目录 一、概述二、下载、安装2.1 下载2.2 安装 三、FileZilla服务器的使用3.1 连接服务器3.2 配置用户权限 四、在windows访问该Ftp服务器4.1 查看Ftp服务器IP4.2 访问Ftp服务器 一、概述 FileZilla服务器是一个免费的开源FTP和FTPS服务器,是根据GNU通用公共许可证条…

HTB靶机03-Shocker-WP

Shocker scan 2023-03-30 23:22 ┌──(xavier㉿xavier)-[~/Desktop/Inbox] └─$ sudo nmap -sSV -T4 -F 10.10.10.56 Starting Nmap 7.91 ( https://nmap.org ) at 2023-03-30 23:22 HKT Nmap scan report for 10.10.10.56 Host is up (0.40s latency). Not shown: 99 clos…

QT-day(2)-(常用类、信号与槽.....)

题目:编写一个登录功能的界面,在登录框项目中,将登陆按钮发射的tclicked信号,连接到自定义的槽函数中,在槽函数中,判断u界面输入的用户名是否为"admin ,密码是否为"123456如果验证成功&#xff0…

数据结构_时间复杂度/空间复杂度

目录 1. 数据结构在学什么 2. 数据结构的基本概念 3. 算法和算法评价 3.1 算法的基本概念 3.2 算法的特征 3.3 算法效率的度量 3.3.1 时间复杂度 3.3.2 空间复杂度 1. 数据结构在学什么 常言道:学以致用;学习完基本C语言程序,我们希…

AB数对 码蹄集

题目来源:码蹄集 题目描述: 大致思路: 遍历输入的n个整数,将每个数存入哈希表中,key为数值,value为该数出现的次数。 再次遍历这n个整数,对于每个数x,计算出x-C和xC的值&#xff0…