我们提供上海松江网站维护服务,以实惠、方便、快捷著称!一次服务,终身朋友! ·付款帐号 ·联系我们
上海松江网站维护
网站维护热线: 网站维护咨询热线 网站维护:
网站建设: 网站建设
首页
维护介绍
维护套餐
案例分享
维护申请
维护反馈
维护知识
行业动态
联系我们
建站服务请点这里>>
网站维护申请
当前位置:首页 > 维护知识

网站设计中色彩运用技巧

来源:维护啦 作者:www.weihula.com 人气: 2010-11-29
内容提示:一旦你开始对网站设计用CSS定义的时候,你就会发现在颜色定义上面的一些奇怪事情。你在#后面看到的不是6位数码而是三位数码(例如:#c9f)。

    颜色简写

    一旦你开始对网站设计用CSS定义的时候,你就会发现在颜色定义上面的一些奇怪事情。你在#后面看到的不是6位数码而是三位数码(例如:#c9f)。这就是我们所说的颜色简写。网页安全颜色调色板一直使用的是成对的三元组。所以你可以大胆方便地使用颜色简写方法。

    例如:

    白色的简写是:#fff

    黑色的简写是:#000

    红色的简写是:#f00

    绿色的简写是:#0f0

    蓝色的简写是:#00f

    以此类推等等……

    寻找三色点组合

    三色点组合是几种搭配很和谐的,能够给设计带来灵性的颜色组合。利用十六进制的颜色代码很容易从调色板中搭配出三色点组合。很基本的一组三色点组合可能是橘黄色、紫色和海绿色。即:#fc0, #c0f, 和 #0fc。在这一组三色点组合中有三个字母:f, c, 和0。通过改变这三个字母的不同顺序,你可以创建出搭配相互和谐的不同色彩。方法是这样的:

    1. 选择基本色

    在上面的色彩方案中,我用的是橘黄色:#fc0

    2.调换字母顺序使三个字母分别在不同的位置上。

    我把f放在最后, c放在第一位,0放在中间。这样就产生了紫色:#c0f

    3. 再一次调换字母位置,就产生了海蓝色:#0fc

    对非网站安全色这种方法也同样适用,把另个相同的字母当作一个单独的字母。例如, 在网站设计中我使用了:蓝色:#859CFE, 粉红色: #FE859C, 和绿色:#9CFE85。三个重复的字母组合是:85,9c, 和fe。

    网站安全色是不是真正必须的呢?

    几星期之前我们发表了一篇有浏览器安全网站色彩的文章。我们收到了一封来自“Jason”的电子邮件。邮件中提到:“不要试图鼓动这些网站设计新手利用那些过时的所谓网站安全调色板去制作更垃圾更腐臭的网站。”邮件后面的内容更针对我。即使让人觉得他很粗鲁,他的确有他自己的想法和观点。

    浏览器安全色大约是在七八年之前被提出来的,因为那时大部分电脑的显示器是8位的,只能支持256种颜色。这也就意味着如果你使用了非网站安全色彩,这些颜色就会发生抖动而产生失真现象。我曾经碰到过这样的情况,一种非常亮的绿色在只有8位分辨率的电脑屏幕上看起来近乎是粉红色的。

    情况是……

    如果你不知道谁会浏览你的网站(或许因为你没有浏览器和显示器数据或许因为你没有使用它们),你就不会知道在他们那里你的网站是什么样子的。使用浏览器安全色是保险的选择。并且不会跟上面Jason所说的一样,利用浏览器安全色是可以设计出好看漂亮的网页的。同样,利用非网站安全色也很容易设计出非常丑陋难看的网页。

    有关浏览器安全色或非安全色的一个很重要的事情就是你要明智的选择使用哪一种。我曾经选择非安全色来设计一个网站因为我觉得非安全色最适合我的网站。但是,如果我当初知道我的顾客可能使用的是8位的显示器,那么我就不会选择使用非安全色。

    在选择网站色彩的时候,你必须懂得用色原则只有这样你才能很好的搭配色彩。同时,你应该为顾客考虑,在不要的时候选择使用网站安全色调色板。

【声明】本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请与本站联系,我们将在第一时间删除内容!
上一篇 上一篇:网站域名概念大扫盲
下一篇 下一篇:网站设计的六大元素
返回维护知识
维护动态 网站维护案例 更多动态 维护动态
积木人展览展示
海德睿工程
创际门窗
天津雷公
利君云商
维护动态 行业动态 更多动态 维护动态
谷歌悄然删去人工智能团队网页中
谷歌Colab推出数据科学助手
天价域名再现:ai.com挂牌
京东云发布八大领先智算产品 五
全球开源大模型榜单揭晓,阿里通
维护动态 网站维护知识 更多动态 维护动态
网站中木马了怎么办,怎么清除?
企业建设网站的好处
网站维护的工作内容有哪些?
制作网站需要关注这些核心要素
网站优化中十分影响排名的是什么
网站维护申请 网站维护申请点此进入 网站维护意见反馈 反馈意见

网站维护电话咨询

返回顶部
关于我们 | 案例分享 | 维护套餐 | 维护申请 | 意见反馈 | 维护知识 | 行业动态 | 联系方式
2025 © 网站维护 www.weihula.com 版权所有