超多用户受益,Web端网页设计配色方案和配色原则

2023-12-15 02:20

本文主要是介绍超多用户受益,Web端网页设计配色方案和配色原则,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

网站配色除了要考虑网页自身特点外,还要遵循相应的配色原则,避免盲目使用色彩造成网页配色过于杂乱。网页的配色原则包括确定主辅色和遵循配色方案,具体介绍如下。

1.确定主辅色

网页中运用的色彩通常分为主题色、辅助色、点睛色三类,具体介绍如下。

1)主题色

主题色是网页中最主要的颜色,网页中占面积较大的颜色、装饰图形颜色或者主要模块使用的颜色一般都是主题色。在网页配色中,主题色是配色的中心色,主要是由页面中整体栏目或中心图像所形成的中等面积的色块为主。图1所示为选用黑色作为主题色的网站。

1699845252558_神州互动.jpg

2)辅助色
一个网站页面通常都存在不止一种颜色,除了主题色之外,还有作为呼应主题色而产生的辅助色。辅助色的作用是使页面配色更完美更丰富。辅助色的视觉重要性和体积仅次于主题色,常常用于陪衬主题色,使主题色更突出。

3)点睛色
点睛色通常用来打破单调的网页整体效果,营造生动的网页空间氛围。在网页设计中通常以对比强烈或较为鲜艳的颜色作为点睛色。
通常在网页设计中,点睛色的应用面积越小,色彩越强,点睛色的效果越突出。下图所示为选用灰色色作为点睛色的网站。

1699845605941_点睛色.png

2.遵循配色方案

1)使用同类色

同类色是指色相一致,但是饱和度和明度却不同的颜色。尽管在网页设计时要避免采用单一的色彩,以免产生单调的感觉,但通过调整色彩的饱和度和明度也可以产生丰富的色彩变化,可使网页色彩避免单调。图1-33所示的网站选用了不同明度的蓝色,不仅整体性很强,而且符合科技郑公司自身的特色。

同类色

2)使用邻近色
邻近色是12色相环上间隔30°左右的颜色,色相彼此近似、冷暖性质一致。邻近色之间往往是你中有我、我中有你。例如朱红色与橘黄色,朱红色以红色为主,里面却涵盖着少量黄色;而橘黄色以黄色主,里面含有少量的红色。朱红色和橘黄色在色相上分别属于红色系和橙色系,但是二者在人眼视觉上却很接近。采用邻近色设计网页可以使网页达到和谐统一,避免色彩杂乱。

1699847271170_临近色设计.png

3)使用对比色

对比色是24色相环上间隔l20°~180°之间的颜色。对比色包含色相对比、明度对比、饱和度对比等,例如黑色与白色、深色与浅色均为对比色。对比色可以突出重点,产生强烈的视觉效果。在设计时以一种颜色为主题色,对比色作为点睛色或辅助色,可以起到画龙点睛的作用。

这篇关于超多用户受益,Web端网页设计配色方案和配色原则的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/494736

相关文章

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

无人叉车3d激光slam多房间建图定位异常处理方案-墙体画线地图切分方案

墙体画线地图切分方案 针对问题:墙体两侧特征混淆误匹配,导致建图和定位偏差,表现为过门跳变、外月台走歪等 ·解决思路:预期的根治方案IGICP需要较长时间完成上线,先使用切分地图的工程化方案,即墙体两侧切分为不同地图,在某一侧只使用该侧地图进行定位 方案思路 切分原理:切分地图基于关键帧位置,而非点云。 理论基础:光照是直线的,一帧点云必定只能照射到墙的一侧,无法同时照到两侧实践考虑:关

高效+灵活,万博智云全球发布AWS无代理跨云容灾方案!

摘要 近日,万博智云推出了基于AWS的无代理跨云容灾解决方案,并与拉丁美洲,中东,亚洲的合作伙伴面向全球开展了联合发布。这一方案以AWS应用环境为基础,将HyperBDR平台的高效、灵活和成本效益优势与无代理功能相结合,为全球企业带来实现了更便捷、经济的数据保护。 一、全球联合发布 9月2日,万博智云CEO Michael Wong在线上平台发布AWS无代理跨云容灾解决方案的阐述视频,介绍了

Android平台播放RTSP流的几种方案探究(VLC VS ExoPlayer VS SmartPlayer)

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候,不知道如何选的好,本文针对常用的方案,做个大概的说明: 1. 使用VLC for Android VLC Media Player(VLC多媒体播放器),最初命名为VideoLAN客户端,是VideoLAN品牌产品,是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式,并支持DVD影音光盘,VCD影

Java Web指的是什么

Java Web指的是使用Java技术进行Web开发的一种方式。Java在Web开发领域有着广泛的应用,主要通过Java EE(Enterprise Edition)平台来实现。  主要特点和技术包括: 1. Servlets和JSP:     Servlets 是Java编写的服务器端程序,用于处理客户端请求和生成动态网页内容。     JSP(JavaServer Pages)

怎么让1台电脑共享给7人同时流畅设计

在当今的创意设计与数字内容生产领域,图形工作站以其强大的计算能力、专业的图形处理能力和稳定的系统性能,成为了众多设计师、动画师、视频编辑师等创意工作者的必备工具。 设计团队面临资源有限,比如只有一台高性能电脑时,如何高效地让七人同时流畅地进行设计工作,便成为了一个亟待解决的问题。 一、硬件升级与配置 1.高性能处理器(CPU):选择多核、高线程的处理器,例如Intel的至强系列或AMD的Ry

BUUCTF靶场[web][极客大挑战 2019]Http、[HCTF 2018]admin

目录   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 [web][HCTF 2018]admin 考点:弱密码字典爆破 四种方法:   [web][极客大挑战 2019]Http 考点:Referer协议、UA协议、X-Forwarded-For协议 访问环境 老规矩,我们先查看源代码

JavaFX应用更新检测功能(在线自动更新方案)

JavaFX开发的桌面应用属于C端,一般来说需要版本检测和自动更新功能,这里记录一下一种版本检测和自动更新的方法。 1. 整体方案 JavaFX.应用版本检测、自动更新主要涉及一下步骤: 读取本地应用版本拉取远程版本并比较两个版本如果需要升级,那么拉取更新历史弹出升级控制窗口用户选择升级时,拉取升级包解压,重启应用用户选择忽略时,本地版本标志为忽略版本用户选择取消时,隐藏升级控制窗口 2.

基于51单片机的自动转向修复系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订阅👇🏻 单片机