二、新的布局,新的视觉方式
1. 反 Box 布局
所谓反 Box 布局,就是不再拘泥与传统的 Box 布局模型,而是采用一种更有创意的布局,然而需要指出,这种创意布局需要非常注意易用性问题,一种新的创意布局需要时间去慢慢成熟。
2. 单页布局
单页布局是使用一个单一的页面展示站点的全部内容,这并不意味着站点内容少,这个页可能很复杂,包含了大量图形和动画效果,加载的时间也会有些长。比如,用户点击导航菜单后,该栏目下的新内容会在旧内容处通过渐入渐出,滑入滑出等动画效果显示出来,而页面其它部分始终保持不变。
3. 多栏布局
多栏布局(大于3栏)通常比较复杂,但通过适当设计,会对访问者带来更好的访问体验。最近几年,Web 内容爆炸,用户停留在一个网站的时间越来越少,就要求 Web 设计者尽可能有效地展示数据,既要让访问者多停留,又要让他们更容易发现他们希望看到的内容。
4. 巨型插图式与多变背景设计
象巨型字体主导当前 Web 设计一样,巨型插图风格设计似乎也正流行起来,巨型插图可以和巨型字体的结合使用,带来更吸引人,更生动的效果。
另外,设计师们越来越喜欢使用那些色彩鲜艳的图形提供背景,包含各种风格,抽象画,剪贴画,剪贴簿,装饰画,怀旧,水彩,有机纹理以及照片背景等。
5. 更多留白
这是近年来最值得期待,也是最有意义的 Web 设计风潮,设计师们在页面留白方面越来越慷慨。
6. “社会”设计元素
任何人都喜欢流量与认可,在 Web 设计中加入社会网络元素,可以鼓励你的访问者参与进来。
7.带“说明”的导航
传统的水平导航条,一般是一些标题连接或图标链接,用户很难从这些短短的信息中真正知道这些导航所代表的内容,解释性导航会在栏目导航菜单上提供进一步解释内容,让用户更好地理解这些栏目代表的内容。这类导航一般使用更容易表达内容的大图标,加解释性文字,鼠标 Hover 效果也必不可少。
8. 动态 Tabs 标签
这类设计一般在页面加载时,将多个 Tab 中的内容一次性加载,通过 Javascript 或 CSS 效果,实现鼠标指向某个 Tab 时,该 Tab 中的内容立即显现。(微软官方站近一年来一直是这个设计风格的代表。)
第二部分 网页色彩
色彩是自然界最简单,也是最复杂的事物。计算机显示器是利用光的三原色,按照加色原理在屏幕上显示成千上万种色彩。在网页设计中,结合美学原理恰当地运用色彩,不但能给浏览者留下深刻的印象,有助于浏览者深入了解网页的主题和相关内容,还能使整个网站达到内容突出、风格统一,便于浏览的效果。如我们见到的浙江卫视的蓝、江西电视台红色经典频道的红,就给我们留下深刻的独特的形象。因此,色彩作为网页设计的重要视觉元素之一,在设计中占有非常重要的地位。
一、 色彩的一些基本概念
自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。任何一种彩色具有三个属性:
(1)色相(Hue):
也叫色泽,是颜色的基本特征,反映颜色的基本面貌。
(2)饱和度(Saturation):
也叫纯度,指颜色的纯洁程度。
(3)明度(Brightness或Lightness或Luminousity):
也叫亮度,体现颜色的深浅。
非彩色只有明度特征,没有色相和饱和度的区别。
2、色彩的三原色
电脑屏幕的色彩是由RGB(红、绿、蓝)三种色光所合成的,而我们可通过调整这三个基色就可以调校出其它的颜色,在许多图像处理软件里,都有提供色彩调配功能,你可输入三基色的数值来调配颜色,也可直接根据软件提供的调色板来选择颜色。
二、色彩的心理效应
色彩在人们的生活中都是有丰富的感情和含义的。心理学家对此曾做过许多实验。他们发现,在红色环境中,人的脉搏会加快,血压有所升高,情绪兴奋冲动。而处在蓝色环境中,脉搏会减缓,情绪也较沉静。有的科学家发现,颜色能影响脑电波,脑电波对红色反应是警觉,对蓝色的反应是放松。
红色代表热情、活泼、热闹、温暖、幸福、吉祥
橙色代表光明、华丽、兴奋、甜蜜、快乐
黄色代表明朗、愉快、高贵、希望
绿色代表新鲜、平静、和平、柔和、安逸、青春
蓝色代表深远、永恒、沉静、理智、诚实、寒冷
紫色代表优雅、高贵、魅力、自傲
白色代表纯洁、纯真、朴素、神圣、明快
灰色代表忧郁、消极、谦虚、平凡、沉默、中庸、寂寞
黑色代表崇高、坚实、严肃、刚健、粗莽
三、 黑白灰的运用
黑白灰是万能色,可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候,不防试试用黑白灰。当你觉得两种色彩的搭配不协调,试试加入黑色,或者灰色,或许会有意想不到的效果。
白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间,作为网站的一个组成部分。留白,给人一个遐想的空间,让人感觉心情舒适,畅快。恰当的留白对于协调页面的均衡起到相当大的作用。
四、 色彩的搭配原则
一个网站不可能单一的运用一种颜色,让人感觉单调,乏味;但是也不可能将所有的颜色都运用到网站中,让人感觉轻浮,花俏。一个网站必须有一种或两种主题色,不至于让浏览者迷失方向,感到单调,乏味。但也尽量不要超过4种色彩。
色彩搭配既是一项技术性工作,同时它也是一项艺术性很强的工作,因此,设计者在设计网页时除了考虑网站本身的特点外,还要遵循一定的艺术规律,从而设计出色彩鲜明、性格独特的网站。
相近色:如黄绿色,黄色和桔黄色三种相邻颜色。相近色的搭配给人的视觉效果很舒适,很自然。所以相近色在网站设计中极为常用。
互补色:如亮绿色跟紫色两种相对的色彩,另外如红色跟绿色,蓝色和橙色等。对互补色,调整一下补色的亮度,有时候是一种很好的搭配。
暖色:如黄色,橙色,红色,紫色等都属于暖色系列。暖色跟黑色调和可以达到很好的效果。
冷色:如绿色,蓝色,蓝紫色等等都属于冷色系列。冷色一般跟白色调和可以达到一种很好的效果。
色彩均衡:网站让人看上去舒适,协调,除了文字,图片等内容的合理排版,色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色,所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡,包括色彩的位置,每种色彩所占的比例,面积等等。比如鲜艳明亮的色彩面积应小一点,让人感觉舒适,不刺眼。这就是一种均衡的色彩搭配。
随着时代的发展,互联网的飞速更新,人们审美观念的变化,以及技术的发展,都将促进技术与艺术的紧密结合,网页的设计将成为一门永远也学不完的学问,并且它会跟着你的成长而变化,直到形成你的一种风格。网页的艺术设计需要大胆创新,需要新的思维,需要不断的努力。
网页设计过程中的色彩的把握(二)
Tags:网页设计色彩 网页色彩搭配 网页设计及色彩 色彩设计
2010-1-29 15:18:14 | 发布:ntsem | 分类:电脑常识荟萃 | 评论:0 | 引用:0 | 浏览:
- 相关文章:
网页设计过程中的色彩的把握(一) (2010-1-29 14:54:20)
如何用PS设计网页-PS设计网页全过程(一) (2010-1-5 15:6:22)
- 2018 July (1)
- 2016 December (1)
- 2016 August (2)
- 2016 July (2)
- 2016 June (9)
- 2014 May (1)
- 2014 April (1)
- 2014 March (2)
- 2014 February (4)
- 2013 December (2)
- 2013 October (3)
- 2013 July (1)
- 2013 June (2)
- 2013 May (3)
- 2013 April (5)
- 2013 March (14)
- 2013 February (12)
- 2011 November (7)
- 2011 August (1)
- 2010 November (2)
- 2010 September (5)
- 2010 August (4)
- 2010 July (11)
- 2010 June (5)
- 2010 May (13)
- 2010 April (13)
- 2010 March (19)
- 2010 February (10)
- 2010 January (30)
- 2009 December (12)
- 2009 November (30)