网页设计中文字颜色的搭配技巧

最新推荐文章于 2025-06-11 09:49:15 发布
转载 最新推荐文章于 2025-06-11 09:49:15 发布 · 1.2k 阅读 · 1
本文提供了一系列关于网页设计中背景色的选择建议，包括不同颜色背景适用于的不同元素和风格，帮助开发者和设计师创建美观且有效的视觉体验。
原文网址：http://hi.baidu.com/life_on_the_way/blog/item/8bbdc9a49059cbf29152ee1d.html

　

　　 BgcolorΚ″＃F1FAFA″———做正文的背景色好，淡雅

　　 BgcolorΚ″＃E8FFE8″———做标题的背景色较好

　　 BgcolorΚ″＃E8E8FF″———做正文的背景色较好，文字颜色配黑色

　　 BgcolorΚ″＃8080C0″———上配黄色白色文字较好

　　 BgcolorΚ″＃E8D098″———上配浅蓝色或蓝色文字较好

　　 BgcolorΚ″＃EFEFDA″———上配浅蓝色或红色文字较好

　　 BgcolorΚ″＃F2F1D7″———配黑色文字素雅，如果是红色则显得醒目

　　 BgcolorΚ″＃336699″———配白色文字好看些

　　 BgcolorΚ″＃6699CC″———配白色文字好看些，可以做标题

　　 BgcolorΚ″＃66CCCC″———配白色文字好看些，可以做标题

　　 BgcolorΚ″＃B45B3E″———配白色文字好看些，可以做标题

　　 BgcolorΚ″＃479AC7″———配白色文字好看些，可以做标题

　　 BgcolorΚ″＃00B271″———配白色文字好看些，可以做标题

　　 BgcolorΚ″＃FBFBEA″———配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃D5F3F4″———配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃D7FFF0″———配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃F0DAD2″———配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃DDF3FF″———配黑色文字比较好看，一般作为正文

　 BgcolorΚ″＃F1FAFA″———做正文的背景色好，淡雅

　　 BgcolorΚ″＃E8FFE8″———做标题的背景色较好

　　 BgcolorΚ″＃E8E8FF″———做正文的背景色较好，文字颜色配黑色

　　 BgcolorΚ″＃8080C0″———上配黄色白色文字较好

　　 BgcolorΚ″＃E8D098″———上配浅蓝色或蓝色文字较好

　　 BgcolorΚ″＃EFEFDA″———上配浅蓝色或红色文字较好

　　 BgcolorΚ″＃F2F1D7″———配黑色文字素雅，如果是红色则显得醒目

　　 BgcolorΚ″＃336699″———配白色文字好看些

　　 BgcolorΚ″＃6699CC″———配白色文字好看些，可以做标题

　　 BgcolorΚ″＃66CCCC″———配白色文字好看些，可以做标题

　　 BgcolorΚ″＃B45B3E″———配白色文字好看些，可以做标题

　　 BgcolorΚ″＃479AC7″———配白色文字好看些，可以做标题

　　 BgcolorΚ″＃00B271″———配白色文字好看些，可以做标题

　　 BgcolorΚ″＃FBFBEA″———配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃D5F3F4″———配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃D7FFF0″———配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃F0DAD2″———配黑色文字比较好看，一般作为正文

　　 BgcolorΚ″＃DDF3FF″———配黑色文字比较好看，一般作为正文

提拉米苏x
关注
文字颜色搭配技巧
10-19
文字颜色搭配技巧,适合网页设计人员使用，常用的色彩运用知识。
js,html,css,倒计时的字体，背景颜色实时变化。
m0_58451019的博客
04-08 720
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div style="width: 100%;height: 900px; background-color: black;"> </div> <div id="show" style=" p.
网页制作02-html,css,javascript初认识のhtml的文字与段落标记
Ama_tor的博客
02-17 765
一般情况下特殊符号的代码组成为：&+字符名称+；
网页设计于制作流程
2301_79985896的博客
11-26 524
说明：text-decoration：underline属性定义添加到文本的装饰，包括下滑线，上划线，删除线等。使用css样式可以对文本进行简单的修饰，text属性所提供的text-decoration属性，主要实现文本加下划线，上划线，删除线及文本闪烁等效果。underline为下划线，blink为闪烁，overline为上画线， line-through为删除线。参数：color指定颜色，可以用颜色名，也可以使用十六进制颜色值，还可以用rgb函数值。
网页颜色搭配技巧 文字字体、字号、字体排版等
农村的我的专栏
12-14 4246
对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。 一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜 色。下面是我做网页和浏览别人
网页设计35种配色方案：视觉吸引力与用户体验的构建
weixin_35756624的博客
05-25 1404
色彩心理学是一门研究颜色如何影响人类行为的学科。它涉及到颜色对情绪、感受、认知和行为的影响。在这一节中，我们将探讨色彩心理学的基础原则，以及在不同文化背景下，色彩所承载的不同意义。通过这些案例，我们可以看到色彩设计对于网页成功的巨大影响。首先，色彩应用要与品牌形象和用户期望保持一致。其次，色彩设计需要简洁有序，避免使用过多的颜色导致混乱。最后，设计师应该考虑到可访问性，并在多种设备和分辨率上测试色彩的呈现效果。
转 网页设计中文字颜色的搭配技巧
weixin_30612769的博客
11-21 137
对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。 　　一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。下面是我做网页和浏览别人...
\t\t网页设计中文字颜色的搭配技巧
02-12 210
原文网址：http://hi.baidu.com/life_on_the_way/blog/item/8bbdc9a49059cbf29152ee1d.html 　 　　 BgcolorΚ″＃F1FAFA″———做正文的背景色好，淡雅 　
网页设计中文字颜色的搭配技巧(转)
三国杀怎么玩
07-01 135
http://hi.baidu.com/life_on_the_way/blog/item/8bbdc9a49059cbf29152ee1d.html
读书笔记：CSS禅意花园-文字排印
严番峰的专栏
06-15 637
文字是内容的核心，所以对于文字的排印是至关重要的，这一篇主要介绍文字排印对于网页中文字的处理技术。      先讲一下文字排印的一些基础，这里包括字体格式：磅重、姿态、宽度，字体对比度（一般用一种字体作为标题，另一种作为正文），字体色深（儿童类网站可以多一些，其他风格的不宜）。      在选择字体时一定要在最后加上备用字体这一项，因为不同的系统有不同的支持（通用的是Serif，cuisive
网页设计字体资源库：Photoshop专用
最新发布
weixin_42596214的博客
06-11 1101
方正兰亭中黑_GBK.TTF是一款在网页设计中广泛使用的中文字体，以其经典和易读性著称。该字体由方正字库设计，GBK编码，兼容性和显示效果都非常出色。在屏幕阅读环境下，方正兰亭中黑保持了清晰的笔画和适中的字重，适合正文阅读和长篇文本。字体具有以下特点：稳定性：在不同的显示设备和分辨率下，都能保持相对稳定的表现，不会因为字体渲染问题导致阅读困难。易读性：字体的设计注重易读性，字符间的间距适中，适合网页连续阅读。传统风格。
web 网页设计规范
xinyuerr的博客
01-31 1674
但没有栅格化设计经验的设计师需要注意，这里说的960是含边距部分，换句话说，在psd文档中，你的内容部分是950px，栅格化版面可以借助一些非常好用的在线工具，比如知名的Grid.Guide，这是12列栅格在内容宽度950下的三种版式规范，你也可以使用24列，灵活度更高。对于一些中规中矩的网站，或者说一般创意型的网站，栅格化设计还是非常推荐的，尤其是一些规模大周期长，后期需要不断迭代的项目，栅格化设计让网页呈现出专业可信赖感，并有助于后期的维护。“Main”是网站的主要区域，如果是博客的话它将包含的日志。
web网页设计规范
qq_73710216的博客
04-27 2663
但没有栅格化设计经验的设计师需要注意，这里说的960是含边距部分，换句话说，在psd文档中，你的内容部分是950px，栅格化版面可以借助一些非常好用的在线工具，比如知名的Grid.Guide，这是12列栅格在内容宽度950下的三种版式规范，你也可以使用24列，灵活度更高。对于一些中规中矩的网站，或者说一般创意型的网站，栅格化设计还是非常推荐的，尤其是一些规模大周期长，后期需要不断迭代的项目，栅格化设计让网页呈现出专业可信赖感，并有助于后期的维护。“Main”是网站的主要区域，如果是博客的话它将包含的日志。
web前端网页设计作业_干货！Web 网页设计规范
weixin_39710396的博客
11-28 3230
一、网页尺寸制作网页时，我们选用的分辨率是72像素/英寸，使用的画布尺寸1920px*1080px。但是并不代表我们可以在整个画布上作图。网页的布局主要有两种，左右型布局和居中型布局。布局的不一致，使得可设计的空间也不相同。1、左右布局灵活性强， UI的限制小，左边通栏为导航栏，宽度没有具体的限制，可根据实际情况调整；右侧为内容版块范围，是网站内容的展示区域。2、居中布局中间的黄色部分为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值