网页设计中的色彩应用 |
1、色彩基本概念
自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。任何一种彩色具有三个属性: (1)色相(Hue):
也叫色泽,是颜色的基本特征,反映颜色的基本面貌。 (2)饱和度(Saturation):
也叫纯度,指颜色的纯洁程度。 (3)明度(Brightness或Lightness |
网页配色之黄金分割法 |
众所周知,数学上有一个黄金分割点--0.618。据说用次比例数分割是最具美感的, 从美眉身材到高楼建筑,从艺术到绘画无不出其之左,因此被称为"神奇的"黄金分割点 。与此同时,人们也对其进行了大量的研究,研究结果更是大量的"神奇"说法。不过, 我辈是现实主义者,"神奇"就不谈了,还是看看咋用它的"神奇"解决我的问题吧--网页 配色之黄金分割法。 诸位制作过烘培鸡(Homepage)的大虾们都知道,制作网页时网页背景与前景的字 体配色比较麻烦的。如果背 |
网页设计中排版与布局小基础 |
|
有些人始终认为,网页最主要是内容,不需要再搞些门面上的东西,还拿出MUD来比 喻。可是,红花还需要绿叶陪衬。想想,若MUD不只是单纯的文本,还有画面出来, 那么,它所吸引的何止现在的这些MUD迷呢? 那么,我所要说的到底是什么呢?初学者如果能够了解一些设计上的东西,那么, 自己的页面不会显得乱,自己看了也开心,别人看了也开心,何乐而不为呢?
|
背景与字体的搭配经验 |
bgcolor=“#f1fafa” //做正文的背景色好,淡雅
bgcolor=“#E8FFE8” //做标题的背景色好,与上面的颜色搭配很协调这两种颜色可以配黑字或FONT COLOR=“#800080”
bgcolor=“#E8E8FF” //做正文的背景色好,字体配黑色较好
bgcolor=“#8080C0” //上 |
色彩的基本知识 |
1.颜色是因为光的折射而产生的。
2.红,黄,蓝是三原色,其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如:红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的“bgColor=#FFFFFF”就是指背景色为白色。
3.颜色分非彩色和彩色两类。非彩色是指黑,白,灰系统色。彩色是指除了非彩色以外的所有色彩。
|
网页背景设计全攻略(1) |
| 网页中的背景设计是相当重要的,尤其是对于个人主页来说,一个主页的背景就相当于一个房间里的墙壁地板一样,好的背景不但能影响访问者对网页内容的接受程度,还能影响访问者对整个网站的印象。如果你经常注意别人的网站,你应该会发现在不同的网站上,甚至同一个网站的不同页面上,都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景,还有它们
|
网页背景设计全攻略(2) |
5.复合背景 如果你在练习上面的“照片背景”时“不小心”也设置了<body>标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的
|
网页色彩搭配的内涵 |
网页的色彩搭配往往是网友们感到头疼的问题,尤其是那些完全没有美术基础的网友。到底用什么色彩搭配好看呢?让我们来看看吧! 一、红色的色感温暖,性格刚烈而外向,是一种对人刺激性很强的色。红色容易引起人的注意,也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。 1、在红色中加入少量的黄,会使其热力强盛,趋于躁动、不安。 2、在红 |
网页上的视觉传达与艺术表现 |
一:信息爆炸时代最热门的人际沟通方式 人类即将进入二十一世纪,一个信息爆炸时代。在这时代,最热门的人际沟通方式是多媒体的沟通方式。 人类生活在这个世界,经常运用五种不同的感觉﹝sense﹞与外界沟通。同时也运用表征﹝representation﹞的方式将我们从外界所得到的讯息组织起来,进一步再将它们诠释。 人类透过不同感觉所得到的不同讯息之间会互相影响。为了增 |
网页色彩 |
色彩是人视觉最敏感的东西。不同色彩之间的对比会有不同的效果,当两种颜色同时在一起时,这两种色各自走向自已的极端,例如红色与绿色对比,红的更红,绿的更绿,黑色与白色对比,黑的更黑,白的更白。由于人的视觉的不同,对比的效果通常会有不同。当大家长时间的看一种纯色,例如红色,然后再看看周围的人,你会发现周围的人脸色会成绿色,正是因为红色与周围的对比,形成了对我们视觉的刺激 ! 色彩的对比会受很多因素影响,例如色彩的面积、时间、亮度等等。 色彩的对比有很多方面, |
色彩的象征 |
也要考虑色彩的象征意义。颜色得配置,可以流露你的心情和喜好,也会暴露你对颜色的驾驭程度。
在色彩的运用上,可以根据主页内容的需要和自己的喜好,分别采用不同的主色调。因为色彩具有象征性,例如:嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色,例如:军警的橄榄绿,医疗卫生的白色等。色彩还具有明显的心理感觉,例如冷、暖的感觉,进、退的效果等。另外,色彩还有民族性,各个民族由于环境、 |
网页设计配色精彩2例 |
颜色的使用在网页制作中起着非常关键的作用,有很多网站以其成功的色彩搭配令人过目不忘。但是对于刚开始学习制作网页的人来说,往往不容易驾驭好网页的颜色搭配。除了学习各种色彩理论和方法之外,笔者认为多学习一些著名网站的用色方法,对于我们制作美丽的网页可以起到事半功倍的作用。所以,笔者总结了一些著名网站的颜色搭配方法,这些方法可以让我们的学习少走弯路,快速提高我们的网页制作水平。
一、网页颜色原理和象征意义
我们所有网页上颜色,在HTML下看到的是以颜色英文单 |
绿色按钮的制做 |
[dvnews_page] 制作方面还是非常简单的,运用的工具是photoshop7.0,主要运用了渐变:
新建一文件,用圆角矩形工具画一个80X30、半径为8的圆角矩形,然后在图层面板里双击该图层(默认的命名为“形状1”),打开图层样式,按照以下设置:
1.设置渐变叠加: 具体的颜色值为:#66CC33、#3BA51F、#20920E、 |
酷酷字体浮水面 |
[dvnews_page]先看一下效果:
原图:
第一步很简单,先把字打上。
|
WEB设计经验 |
[dvnews_page]作为设计主管,Peter Stern 已经领导 microsoft.com 重新设计了主页并且开发了五个不同的交互工具,这些工具被用于下载中心、产品目录、配置文件中心、 搜索 和注册等联机功能。 他为几个内部工具设计了用户界面,并且正致力于创建将于今年晚些时候发布的下一代主页。
从头衔上,您可能认为我主要关心的是 microsoft.com Web |