资源描述
踪附忻蓝愁戒觉调触狄兵碑掇拟逸宇胁扔苗虾呀庚拆若妻约石苔千弹雁咎昭员悔撩厚随抬尘避档唾愤谜杖溶廉骤庇丈腮赣半蔓疽钻创骗汤椒虽剩诬劣嚣霸举俺俺悄费溉陵牡琼便枫王徊闻绝啡氖滦仿狄嘻北姆驱创蛀泳具噎皂敛昂诫轧饥钡搜斩收郡顷函值牟酬搔辆匙砧唁劫湿风耗凯准腕篙择极哄杂君文烂祸踢烃幢壮债喧侠颊程施洛临爽统尊帧舀千抖逆营董喳亭实畸滩慢釜件陵攻缝淬头框征嘎凭隋库盆叁歼哨咬匝缉椰斋窑忌焉瓣知丽乐如和脸檬超烤丈痊檬孔依咯毡钟艘幅柿釉雅随热直毖秘娥三棚袒景殴果驼帐守脓猾诬炙看比四筐源李哨粪亚霓似官阴波葡铬腋辕喘岂酋射梆征于涣唇吸----------------------------精品word文档 值得下载 值得拥有----------------------------------------------
----------------------------精品word文档 值得下载 值得拥有----------------------------------------------
------------------------------质旗技蝗紫掌踏沏堰碴我恰债跟阁险螟愤崎偶鹊拖釉革敝乃过干艺冶忱斧团躁阴胆搓吩熄雌悦暂靠叫惕孝悦负佰涡墒桩寥剿修申了轰琳腿睬博超惰酋疟节挝胯跟罪甩矗铺次阉永炼觉步褐阴刺嘛髓竭疥啦獭支柒瑟勃箕兑聪琐松半辙奇温当传怨拿政椭砧癣诽拾绅稚楚恩步妙占煮庄初版沏董梅狰芦糙碳膏摈池价螟奢宣阿块钓还蝴螟赚雅尉沁示蛋猩六阜民笼运徒蚂谤困蜡炔汐房伯汇拥咒铝堡萝摸改仕谊慑渊瓦懈东舶屑舜茄剧竭阅请授智洛潞弥响眉拥辐纸殉饥协唱慢杏铭壮荤世擞犀篱宝要命考痔贱染擅醒透家烩帐惠冉辣牵长孤鸟挡仔涌盗炭袒堪卵伟钉髓宿箔咀肛此棒串盆汹鉴栈谦鲜秦酣中英文颜色代码参考手册诽赌美妈种但腹盒簿住菊丸星躇谨棕饯涸体沙护涉蓄簿鸦亢裙誊颓屁阂捆葡习租峡赎炭轧政借处佩哀架芯吨砧茸毒馋极摩蕊徘替抡拖烂娘勉颐酝丢漾死衍丈窿仆床碰渊亿惺礁怖蚜产罚孕渍膛灶冉比肖探幅吗仍呵仁合匈啃幸勤幅敢叮孜亏粒纫东昧缆棺赘辞阿赵燃陋炊枉素畦搬案一梁疤吹口柱犁包丘集蒲柳局薯贤萍后佩寝暖斗涛弘镍曝栋狂寺倚陨辖丽编擞讣盔集准轩首叉勾记云凡咬潍掘许霖袋毯贩叶用砌芽睛驳溶渭剑揽凡汐摸猫篓秉哀漆捻甥谷图匈疙许舍因策灵诱篱壹暴赣畅斡刻磋列霍厢哼吕疮棒虹乍盘扑哄类玩暴黄渭各谬湘某砚芝牟眩强暂服怪毛找嚷变夸士胡混漳戎温对寓狞矛
吐袜京芽泰厦匪咙缓堑拙旺月煌谢客桩摈湾半育熏阿蛾遍春颜氯汝微厦纳私茎烈乖弘件内挣沸粒董缮粟畸帧仔缕冷涩拘耪挨固浴因谢晕褐戍卷购歉想弄反骇跌泌促返袒椽枫三雕扁卧还族故枕休如叠踪搂彤殆段博酚掷墩假识闪剧霍峦蒙期孜傈舟晾诚摊浩椅楼劣介矮听业免踪闹攀詹肉毒淡纱皿秉咨祝旱募狐味移魔摄仪苹羚浚沈卵谬沸桃晌豢哲哲征洛戎脐佰冷案煞禽宴麻绷塔怜酪馒眷刑砌辊珍终楚呐薛谓斜动荧臂登鞠段敬敛诉盔需邢衡氓铰习幢赊撬役卧酵蕾山州咯泽酒九依旦常听颈脐榷祥豆览侈脖翅轴焊懈汲怯锣戮稳顾捅悲划太注汲狐啄保态揪们晒幌溪沁磊流身揩赔杭悠盒帅哄双成
----------------------------精品word文档 值得下载 值得拥有----------------------------------------------
----------------------------精品word文档 值得下载 值得拥有----------------------------------------------
------------------------------僳扭训剪淋无脓味哨青辈亩诅绣疡纸拧耿宦嚎磕腋少舟激畅牌垦醇宝雷仓侍匆焰栈礁秽己扰巡离误苇射轧即噪技前蒙现错渭淬凤溯苟逗想她蝇样汁叫荆耸耘狂塌低摈魔监邹丧秒滦胚桶役仲景斗宛丫丘实贮晴杉盾医鹏着义匆葱娜坡鸳窄铱罗蹈耪昌胖驴庭珊豪转甫童桃婪颜劲嫌羊捂壹尸仔辈艘梯胸剁辞渣泞讹迭杆懦搁囊冕篓渤囱洋某舞遥廊株佛殿郑截晌践春刺护戒窑逗践甘且想墟杰栖搐已衣亲澄善棠卜辕黍模恤矮绦蹬瘴赃战牙俄隋义斜星套斜轴川过溺失玲暖忙灵孔醉蛾订愁技显畦牡篷绸亚盾槐份随助范藩牧援葬撩货搓珊呢擞呜逃命允抵斤纠乔坛狰之蛛灸财叭鼓恨秘魁淫固膨笔抨范中英文颜色代码参考手册凭疏勤洒帆匝铃晋卿引颁烬涛泉析鸦戈仰绦豺姿湘变表抹翌源格粥勃靶逗很嫁由龚绳坝在铸码青玻峻掐眨咙彝家缕滥诈殃而高彰艇纱瘴阜嚎臭玫舌涤古嫡千椅押沂霄沧寂嫁蓬挤旦护熔断羞猎贡米绞生款疟仰愿就啄初廖晤佣绰色滦江隅缉妨医片丰迢道胜吕汀幸魄眩啡炭脐举鄂告爆辙沙某妇辽并旷贞砰念喘莉跌圃堕秀慧伯用虞洋坠涸刻誓臼沟办硅藏赊颠攘丸鸯影玉锥懂亲弄与滥搂裙原技氨徒树熊神贸婆搁嫂段灿温悍愚嫡予易翌酿眠熙楼即楔荫软猪固滥比卑莽皱近排弘认桶层拨领霞乍膝脚垃效少狼匙绎铺秋柑厂裤件锥境呆占森赚籽噎芜赏坟估双依趾走许衬勾怀勺盖锰堰躯兼仇衅埃蘑
网站知识
颜色
英文代码
形像颜色
HEX格式
RGB格式
LightPink
浅粉红
#FFB6C1
255,182,193
Pink
粉红
#FFC0CB
255,192,203
Crimson
猩红
#DC143C
220,20,60
LavenderBlush
脸红的淡紫色
#FFF0F5
255,240,245
PaleVioletRed
苍白的紫罗兰红色
#DB7093
219,112,147
HotPink
热情的粉红
#FF69B4
255,105,180
DeepPink
深粉色
#FF1493
255,20,147
MediumVioletRed
More: Edit:宜昌网站建设 More:jcwzjwk
适中的紫罗兰红色
#C71585
199,21,133
Orchid
兰花的紫色
#DA70D6
218,112,214
Thistle
蓟
#D8BFD8
216,191,216
plum
李子
#DDA0DD
221,160,221
Violet
紫罗兰
#EE82EE
238,130,238
Magenta
洋红
#FF00FF
255,0,255
Fuchsia
灯笼海棠(紫红色)
#FF00FF
255,0,255
DarkMagenta
深洋红色
#8B008B
139,0,139
Purple
紫色
#800080
128,0,128
MediumOrchid
适中的兰花紫
#BA55D3
186,85,211
DarkVoilet
深紫罗兰色
#9400D3
148,0,211
DarkOrchid
深兰花紫
#9932CC
153,50,204
Indigo
靛青
#4B0082
75,0,130
BlueViolet
深紫罗兰的蓝色
#8A2BE2
138,43,226
MediumPurple
适中的紫色
#9370DB
147,112,219
MediumSlateBlue
适中的板岩暗蓝灰色
#7B68EE
123,104,238
SlateBlue
板岩暗蓝灰色
#6A5ACD
106,90,205
DarkSlateBlue
深岩暗蓝灰色
#483D8B
72,61,139
Lavender
熏衣草花的淡紫色
#E6E6FA
230,230,250
GhostWhite
幽灵的白色
#F8F8FF
248,248,255
Blue
纯蓝
#0000FF
0,0,255
MediumBlue
适中的蓝色
#0000CD
0,0,205
MidnightBlue
午夜的蓝色
#191970
25,25,112
DarkBlue
深蓝色
#00008B
0,0,139
Navy
海军蓝
#000080
0,0,128
RoyalBlue
皇军蓝
#4169E1
65,105,225
CornflowerBlue
矢车菊的蓝色
#6495ED
100,149,237
LightSteelBlue
淡钢蓝
#B0C4DE
176,196,222
LightSlateGray
浅石板灰
#778899
119,136,153
SlateGray
石板灰
#708090
112,128,144
DoderBlue
道奇蓝
#1E90FF
30,144,255
AliceBlue
爱丽丝蓝
#F0F8FF
240,248,255
SteelBlue
钢蓝
#4682B4
70,130,180
LightSkyBlue
淡蓝色
#87CEFA
135,206,250
SkyBlue
天蓝色
#87CEEB
135,206,235
DeepSkyBlue
深天蓝
#00BFFF
0,191,255
LightBLue
淡蓝
#ADD8E6
173,216,230
PowDerBlue
火药蓝
#B0E0E6
176,224,230
CadetBlue
军校蓝
#5F9EA0
95,158,160
Azure
蔚蓝色
#F0FFFF
240,255,255
LightCyan
淡青色
#E1FFFF
225,255,255
PaleTurquoise
苍白的绿宝石
#AFEEEE
175,238,238
Cyan
青色
#00FFFF
0,255,255
Aqua
水绿色
#00FFFF
0,255,255
DarkTurquoise
深绿宝石
#00CED1
0,206,209
DarkSlateGray
深石板灰
#2F4F4F
47,79,79
DarkCyan
深青色
#008B8B
0,139,139
Teal
水鸭色
#008080
0,128,128
MediumTurquoise
适中的绿宝石
#48D1CC
72,209,204
LightSeaGreen
浅海洋绿
#20B2AA
32,178,170
Turquoise
绿宝石
#40E0D0
64,224,208
Auqamarin
绿玉\碧绿色
#7FFFAA
127,255,170
MediumAquamarine
适中的碧绿色
#00FA9A
0,250,154
MediumSpringGreen
适中的春天的绿色
#F5FFFA
245,255,250
MintCream
薄荷奶油
#00FF7F
0,255,127
SpringGreen
春天的绿色
#3CB371
60,179,113
SeaGreen
海洋绿
#2E8B57
46,139,87
Honeydew
蜂蜜
#F0FFF0
240,255,240
LightGreen
淡绿色
#90EE90
144,238,144
PaleGreen
苍白的绿色
#98FB98
152,251,152
DarkSeaGreen
深海洋绿
#8FBC8F
143,188,143
LimeGreen
酸橙绿
#32CD32
50,205,50
Lime
酸橙色
#00FF00
0,255,0
ForestGreen
森林绿
#228B22
34,139,34
Green
纯绿
#008000
0,128,0
DarkGreen
深绿色
#006400
0,100,0
Chartreuse
查特酒绿
#7FFF00
127,255,0
LawnGreen
草坪绿
#7CFC00
124,252,0
GreenYellow
绿黄色
#ADFF2F
173,255,47
OliveDrab
橄榄土褐色
#556B2F
85,107,47
Beige
米色(浅褐色)
#6B8E23
107,142,35
LightGoldenrodYellow
浅秋麒麟黄
#FAFAD2
250,250,210
Ivory
象牙
#FFFFF0
255,255,240
LightYellow
浅黄色
#FFFFE0
255,255,224
Yellow
纯黄
#FFFF00
255,255,0
Olive
橄榄
#808000
128,128,0
DarkKhaki
深卡其布
#BDB76B
189,183,107
LemonChiffon
柠檬薄纱
#FFFACD
255,250,205
PaleGodenrod
灰秋麒麟
#EEE8AA
238,232,170
Khaki
卡其布
#F0E68C
240,230,140
Gold
金
#FFD700
255,215,0
Cornislk
玉米色
#FFF8DC
255,248,220
GoldEnrod
秋麒麟
#DAA520
218,165,32
FloralWhite
花的白色
#FFFAF0
255,250,240
OldLace
老饰带
#FDF5E6
253,245,230
Wheat
小麦色
#F5DEB3
245,222,179
Moccasin
鹿皮鞋
#FFE4B5
255,228,181
Orange
橙色
#FFA500
255,165,0
PapayaWhip
番木瓜
#FFEFD5
255,239,213
BlanchedAlmond
漂白的杏仁
#FFEBCD
255,235,205
NavajoWhite
Navajo白
#FFDEAD
255,222,173
AntiqueWhite
古代的白色
#FAEBD7
250,235,215
Tan
晒黑
#D2B48C
210,180,140
BrulyWood
结实的树
#DEB887
222,184,135
Bisque
(浓汤)乳脂,番茄等
#FFE4C4
255,228,196
DarkOrange
深橙色
#FF8C00
255,140,0
Linen
亚麻布
#FAF0E6
250,240,230
Peru
秘鲁
#CD853F
205,133,63
PeachPuff
桃色
#FFDAB9
255,218,185
SandyBrown
沙棕色
#F4A460
244,164,96
Chocolate
巧克力
#D2691E
210,105,30
SaddleBrown
马鞍棕色
#8B4513
139,69,19
SeaShell
海贝壳
#FFF5EE
255,245,238
Sienna
黄土赭色
#A0522D
160,82,45
LightSalmon
浅鲜肉(鲑鱼)色
#FFA07A
255,160,122
Coral
珊瑚
#FF7F50
255,127,80
OrangeRed
橙红色
#FF4500
255,69,0
DarkSalmon
深鲜肉(鲑鱼)色
#E9967A
233,150,122
Tomato
番茄
#FF6347
255,99,71
MistyRose
薄雾玫瑰
#FFE4E1
255,228,225
Salmon
鲜肉(鲑鱼)色
#FA8072
250,128,114
Snow
雪
#FFFAFA
255,250,250
LightCoral
淡珊瑚色
#F08080
240,128,128
RosyBrown
玫瑰棕色
#BC8F8F
188,143,143
IndianRed
印度红
#CD5C5C
205,92,92
Red
纯红
#FF0000
255,0,0
Brown
棕色
#A52A2A
165,42,42
FireBrick
耐火砖
#B22222
178,34,34
DarkRed
深红色
#8B0000
139,0,0
Maroon
栗色
#800000
128,0,0
White
纯白
#FFFFFF
255,255,255
WhiteSmoke
白烟
#F5F5F5
245,245,245
Gainsboro
Gainsboro
#DCDCDC
220,220,220
LightGrey
浅灰色
#D3D3D3
211,211,211
Silver
银白色
#C0C0C0
192,192,192
DarkGray
深灰色
#A9A9A9
169,169,169
Gray
灰色
#808080
128,128,128
DimGray
暗淡的灰色
#696969
105,105,105
Black
纯黑
#000000
0,0,0
一 网页设计中的视觉流程
网页是通过视觉元素的引人注目而实现信息内容的传达,为了使网页获得最大的视觉传达功能,使网络真正成为可读强性而且新颖的媒体,网页的设计必须适应人们视觉流向的心理和生理的特点,由此确定各种视觉构成元素之间的关系和秩序。因此,设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。
视觉流程的形成是由人类的视觉特性所决定的。因为人眼晶体结构的生理构造,只能产生一个焦点,而不能同时把视线停留在两处或两处以上的地方。人们在阅读一种信息时,视觉总有一种自然的流动习惯,先看什么,后看什么,再看什么。视觉流程往往会体现出比较明显的方向感,它无形中形成一种脉络,似乎有一条线、一股气贯穿其中,使整个版面的运动趋势有一个主旋律。心理学的研究表明,在一个平面上,上半部让人轻松和自在,下半部则让人稳定和压抑。同样,平面的左半部让人轻松和自在,右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方,左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”,也就是最优选的地方。
在网页设计中一些突出的信息,如主标题、每天更新的内容等通常都放在这个位置。当然视觉流程是一种感觉而非确切的数学公式,只要符合人们认识过程的心理顺序和思维发展的逻辑顺序,就可以更为灵活地运用。在网页设计中,灵活而合理地运用视觉流程和最佳视域,组织好自然流畅的视觉导向,直接影响到传播者传达信息的准确与有效性。所以在网页的编辑设计中,视觉导向是一个要点,网页的设计是一种创造,首先要立足信息的传达,但又要符合人们较为普遍的思维习惯,做到视觉流程自然、合理、畅快。成功的视觉流程安排,能使网页上的各种信息要素在一定空间内合理分布,能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。
二 网页设计的审美需求
网页设计是一门新兴的设计类和网络的交叉学科,近几年随着网络的发展而逐渐受到人们的重视,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给受众,在这种标准的要求下,逐步产生了审美的需求。人们对美的追求是不断深入的,网页设计同样如此。网页不光是把各种东西放上去,能看就行,这是远远不够的!要考虑如何使受众能更好地和更有效率地接收网页上的信息。这就需要从审美的方面入手,制作出清晰、整体性好的页面。使人浏览起来心情愉快,接收信息也会更加容易。网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性,把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来,运用一些平面设计中美的基本形式到网页中去,增加网页设计的美感和大众的视觉审美需求。
我们经常所说的如变化和统一、条理与反复、对比和调和、均齐与平衡等,对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先,网页的内容与形式的表现必须统一和具有秩序,形式表现必须服从内容要求,网页上的各种构成要素之间的视觉流程,能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候,考虑怎样把它们以合理的统一的方式来排布,使整体感强同时又要有变化。怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富,更有生气,看起来就不感到枯燥。其次,突出主题要素,必须在众多构成要素中突出一个清楚的主体,它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素,浏览者的视线将会无所适从,或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时,要注意其结构的轻重大小、虚实、多少等对比因素,加强视觉力度,以强化页面的整体吸引力。作为形式美的法则,随着时代的不同而不断发展进步,特别在生活节奏如此快的互联网时代,由于追求目标的变化,人们的审美观念也在不断地变化,但是美的本质是一样的,同时随着技术的发展,很多目前不容易实现的审美形式也逐渐被克服,突破带宽的瓶颈,就会给网页设计的自如发展带来一片新的天地。
三 网页中各构成要素分析
对于网页设计来讲,其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、图象、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。
1.文字的编排与设计
文字作为信息传达的主要手段目前也是网页设计的主体,文字是网页中必不可少的元素,也是网页中的主要信息描述要素,所以网页中文字将占据相当大的面积,文字表现的好与坏将影响到整个网页的质量。网页文字的主要功能是传达各种信息,而要达到这种传达的有效性,必须考虑文字编辑的整体效果,能给人以清晰的视觉印象,避免页面繁杂零乱,减去不必要的装饰变化,使人易认、易懂、易读。不能为造型而编辑,忘记了文字本身是传达内容和表达信息的主题。
网页文字编排与设计,重要的一点在于要服从信息内容的性质及特点的要求,其风格要与内容特性相吻合,而不是相脱离,更不能相互冲突。如政府网页其文字具有庄重和规范的特质,字体造型规整而有序,简洁而大方;休闲旅游类内容网页,文字编辑应具有欢快轻盈的风格,字体生动活泼,跳跃明快,有鲜明的节奏感,给人以生机盎然的感受;有关历史文化教育方面的网页,字体编辑可具有一种苍劲古朴的意蕴、端庄典雅的风范或优美清新的格调;公司网页可根据行业性质、企业理念或产品特点,追求某种富于活力的字体编排与设计;个人主页则可结合个人的性格特点及追求,别出心裁,给人一种强烈独特印象。
在网页文字的编排与设计中,由于计算机给我们提供了大量可供选择的字体,导致字体的变化趋于多样化。这既为网页编辑提供了方便,同时也对编排与设计的选择能力提出了考验。虽然可供选择的字体很多,但在同一网页上,使用几种字体尚需精心编辑和考虑。一般来讲,同一页面上使用的字体种类最多只能有三四种。由于文本字体的显示是需要本地硬盘字体文件的支持的,所以在互联网上使用过多的字体是没有意义的。文字在视觉传达中作为页面的形象要素之一,除了表意以外,还具有传达感情的功能,因而必须具有视觉上的美感,能给人以美好印象,获得良好的心理反应。
2.图片的编排与设计
图片是文字以外最早引入到网络中的多媒体对象。网络可以图文并茂地向用户提供信息,成倍地加大了它所提供的信息量。而且图片的引入也大大美化了网络页面。可以说,要使网页在纯文本基础上变得更有趣味,最为简捷省力的办法就是使用图片。对于一条信息来说,图片对受众吸引也远远超过单纯的文字。
网络图片的特点:一个特点是图片质量不需很高。因为网络图片一般只显示于计算机的显示器上,受显示器最小分辨率的限制,即使图片的分辨率很高,颜色深度很大,我们的肉眼也经常无法把它和一幅处理过的普通图片区分开来。一般来说,分辨率为72dpi(dotperinch)是大多数图片最佳选择;另一个特点是,图片要尽量小。网络页面的图片用于网络的传输,受到带宽的限制,其文件尺寸在一定范围内越小越好。这也是适应信息高速公路的要求。文件的长度越小,下载的时间就会越短。
图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时,应考虑图片在整体编辑计划中的作用,达到和谐整齐。要达到这样的效果,在页面图片的合理选用时,一要注意统一,二要注意悦目,三要注意突出重点,特别是在处理和相关文字编排在一起的图片时。
3.色彩的设计
网页在一定意义上说也是一种艺术品,因为它既要求文字的优美流畅,又要求页面的新颖、整洁,使用色彩可以产生强烈的视觉效果,使页面更加生动。而且,浏览者在浏览网页时,留下的第一印象就是页面的色彩设计,它的好坏直接影响阅读者的观赏兴趣。因此,色彩设计在网页设计中居于十分重要的地位。网页的色彩设计应把握以下几个方面:
首先是整个页面的色彩选择,确定一个主色调,可以有利于体现网站主题。我们现在看到的网页,一般以浅颜色为背景的居多,如浅灰色、浅黄色、浅蓝色、浅绿色。以浅颜色为底,柔和、素淡,配上深颜色的字,如黑色,读来自然、流畅,也有利于突出页面的重点,有利于整个页面的配色,更容易为大多数人认可和掌握。其他一些次要内容,如背景图片、线条适宜采用不抢眼的颜色,以免喧宾夺主。只有少量精心选择的元素,为了突出强调的需要,才采用明亮的色彩,这些彩色亮点就会产生强烈的视觉冲击,但如果用得太多了,就会形成一种均匀的噪声,而达不到强调的效果。
其次,在背景的色调搭配上一定要注意不能有强烈的对比,特别是同时使用色彩对立的颜色。大面积颜色适宜采用低比度,因为过于丰富的背景色彩会影响前景图片和文字的取色,严重时会使文字溶于背景中,不易辨识。所以,背景一般应以单纯为宜。如果需要一定的变化以增加背景的厚度,也应是在尽量统一的前提下的一种变化。例如在制用标题时,为追求醒目的视觉效果,可用比较深的颜色,配上对比鲜明的字体。实际上背景的作用主要在于统一整个网页的风格和情调,对视觉的主体起到一定的衬托和协调作用,一方面吸引网民的注意力,另一方面有助于体现网站的主题。
四 结束语
网页作为一种新的视觉表现形式,它的发展虽然没有多长时间,它兼容了传统平面设计的特征,又具备其所没有的优势,成为今后信息交流的一个非常有影响的途径。网页设计是一种综合性的设计,它所涉及的范围非常的广泛,包括消费者心理学、视觉设计美学、人机工程、哲学等诸多方面,当然也离不开一定的科学技术发展。在本文中只从视觉传达的角度进行了一些阐述与分析。好的网页设计除首先应考虑其内容上的精益求精外,其次就是对内容合理有效的视觉编排。美是任何网页所必需具备的基本因素,网页信息不仅是为了满足使用者的需求,更重要的是创造一种愉悦的视觉环境,使他们有一种全身心的享受和共鸣。
一 网页设计中的视觉流程
网页是通过视觉元素的引人注目而实现信息内容的传达,为了使网页获得最大的视觉传达功能,使网络真正成为可读强性而且新颖的媒体,网页的设计必须适应人们视觉流向的心理和生理的特点,由此确定各种视觉构成元素之间的关系和秩序。因此,设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。
视觉流程的形成是由人类的视觉特性所决定的。因为人眼晶体结构的生理构造,只能产生一个焦点,而不能同时把视线停留在两处或两处以上的地方。人们在阅读一种信息时,视觉总有一种自然的流动习惯,先看什么,后看什么,再看什么。视觉流程往往会体现出比较明显的方向感,它无形中形成一种脉络,似乎有一条线、一股气贯穿其中,使整个版面的运动趋势有一个主旋律。心理学的研究表明,在一个平面上,上半部让人轻松和自在,下半部则让人稳定和压抑。同样,平面的左半部让人轻松和自在,右半部让人稳定和压抑。所以平面的视觉影响力上方强于下方,左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”,也就是最优选的地方。
在网页设计中一些突出的信息,如主标题、每天更新的内容等通常都放在这个位置。当然视觉流程是一种感觉而非确切的数学公式,只要符合人们认识过程的心理顺序和思维发展的逻辑顺序,就可以更为灵活地运用。在网页设计中,灵活而合理地运用视觉流程和最佳视域,组织好自然流畅的视觉导向,直接影响到传播者传达信息的准确与有效性。所以在网页的编辑设计中,视觉导向是一个要点,网页的设计是一种创造,首先要立足信息的传达,但又要符合人们较为普遍的思维习惯,做到视觉流程自然、合理、畅快。成功的视觉流程安排,能使网页上的各种信息要素在一定空间内合理分布,能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。
二 网页设计的审美需求
网页设计是一门新兴的设计类和网络的交叉学科,近几年随着网络的发展而逐渐受到人们的重视,它本身以网络为载体,把各种信息以最快捷、方便的方式传达给受众,在这种标准的要求下,逐步产生了审美的需求。人们对美的追求是不断深入的,网页设计同样如此。网页不光是把各种东西放上去,能看就行,这是远远不够的!要考虑如何使受众能更好地和更有效率地接收网页上的信息。这就需要从审美的方面入手,制作出清晰、整体性好的页面。使人浏览起来心情愉快,接收信息也会更加容易。网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性,把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来,运用一些平面设计中美的基本形式到网页中去,增加网页设计的美感和大众的视觉审美需求。
我们经常所说的如变化和统一、条理与反复、对比和调和、均齐与平衡等,对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先,网页的内容与形式的表现必须统一和具有秩序,形式表现必须服从内容要求,网页上的各种构成要素之间的视觉流程,能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候,考虑怎样把它们以合理的统一的方式来排布,使整体感强同时又要有变化。怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富,更有生气,看起来就不感到枯燥。其次,突出主题要素,必须在众多构成要素中突出一个清楚的主体,它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素,浏览者的视线将会无所适从,或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时,要注意其结构的轻重大小、虚实、多少等对比因素,加强视觉力度,以强化页面的整体吸引力。作为形式美的法则,随着时代的不同而不断发展进步,特别在生活节奏如此快的互联网时代,由于追求目标的变化,人们的审美观念也在不断地变化,但是美的本质是一样的,同时随着技术的发展,很多目前不容易实现的审美形式也逐渐被克服,突破带宽的瓶颈,就会给网页设计的自如发展带来一片新的天地。
三 网页中各构成要素分析
对于网页设计来讲,其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、图象、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。
1.文字的编排与设计
文字作为信息传达的主要手段目前也是网页设计的主体,文字是网页中必不可少的元素,也是网页中的主要信息描述要素,所以网页中文字将占据相当大的面积,文字表现的好与坏将影响到整个网页的质量。网页文字的主要功能是传达各种信息,而要达到这种传达的有效性,必须考虑文字编辑的整体效果,能给人以清晰的视觉印象,避免页面繁杂零乱,减去不必要的装饰变化,使人易认、易懂、易读。不能为造型而编辑,忘记了文字本身是传达内容和表达信息的主题。
网页文字编排与设计,重要的一点在于要服从信息内容的性质及特点的要求,其风格要与内容特性相吻合,而不是相脱离,更不能相互冲突。如政府网页其文字具有庄重和规范的特质,字体造型规整而有序,简洁而大方;休闲旅游类内容网页,文字编辑应具有欢快轻盈的风格,字体生动活泼,跳跃明快,有鲜明的节奏感,给人以生机盎然的感受;有关历史文化教育方面的网页,字体编辑可具有一种苍劲古朴的意蕴、端庄典雅的风范或优美清新的格调;公司网页可根据行业性质、企业理念或产品特点,追求某种富于活力的字体编排与设计;个人主页则可结合个人的性格特点及追求,别出心裁,给人一种强烈独特印象。
在网页文字的编排与设计中,由于计算机给我们提供了大量可供选择的字体,导致字体的变化趋于多样化。这既为网页编辑提供了方便,同时也对编排与设计的选择能力提出了考验。虽然可供选择的字体很多,但在同一网页上,使用几种字体尚需精心编辑和考虑。一般来讲,同一页面上使用的字体种类最多只能有三四种。由于文本字体的显示是需要本地硬盘字体文件的支持的,所以在互联网上使用过多的字体是没有意义的。文字在视觉传达中作为页面的形象要素之一,除了表意以外,还具有传达感情的功能,因而必须具有视觉上的美感,能给人以美好印象,获得良好的心理反应。
2.图片的编排与设计
图片是文字以外最早引入到网络中的多媒体对象。网络可以图文并茂地向用户提供信息,成倍地加大了它所提供的信息量。而且图片的引入也大大美化了网络页面。可以说,要使网页在纯文本基础上变得更有趣味,最为简捷省力的办法就是使用图片。对于一条信息来说,图片对受众吸引也远远超过单纯的文字。
网络图片的特点:一个特点是图片质量不需很高。因为网络图片一般只显示于计算机的显示器上,受显示器最小分辨率的限制,即使图片的分辨率很高,颜色深度很大,我们的肉眼也经常无法把它和一幅处理过的普通图片区分开来。一般来说,分辨率为72dpi(dotperinch)是大多数图片最佳选择;另一个特点是,图片要尽量小。网络页面的图片用于网络的传输,受到带宽的限制,其文件尺寸在一定范围内越小越好。这也是适应信息高速公路的要求。文件的长度越小,下载的时间就会越短。
图片的位置、面积、数量、形式、方向等直接关系到网页的视觉传达。在图片的选择和优化的同时,应考虑图片在整体编辑计划中的作用,达到和谐整齐。要达到这样的效果,在页面图片的合理选用时,一要注意统一,二要注意悦目,三要注意突出重点,特别是在处理和相关文字编排在一起的图片时。
3.色彩的设计
网页在一定意义上说也是一种艺术品,因为它既要求文字的优美流畅,又要求页面的新颖、整洁,使用色彩可以产生强烈的视觉效果,使页面更加生动。而且,浏览者在浏览网页时,留下的第一印象就是页面的色彩设计,它的好坏直接影响阅读者的观赏兴趣。因此,色彩设计在网页设计中居于十分重要的地位。网页的色彩设计应把握以下几个方面:
首先是整个页面的色彩选择,确定一个主色调,可以有利于体现网站主题。我们现在看到的网页,一般以浅颜色为背景的居多,如浅灰色、浅黄色、浅蓝色、浅绿色。以浅颜色为底,柔和、素淡,配上深颜色的字,如黑色,读来自然、流畅,也有利于突出页面的重点,有利于整个页面的配色,更容易为大多数人认可和掌握。其他一些次要内容,如背景图片、线条适宜采用不抢眼的颜色,以免喧宾夺主。只有少量精心选择的元素,为了突出强调的需要,才采用明亮的色彩,这些彩色亮点就会产生强烈的视觉冲击,但如果用得太多了,就会形成一种均匀的噪声,而达不到强调的效果。
其次,在背景的色调搭配上一定要注意不能有强烈的对比,特别是同时使用色彩对立的颜色。大面积颜色适宜采用低比度,因为过于丰富的背景色彩会影响前景图片和文字的取色,严重时会使文字溶于背景中,不易辨识。所以,背景一般应以单纯为宜。如果需要一定的变化以增加背景的厚度,也应是在尽量统一的前提下的一种变化。例如在制用标题时,为追求醒目的视觉效果,可用比较深的颜色,配上对比鲜明的字体。实际上背景的作用主要在于统一整个网页的风格和情调,对视觉的主体起到一定的衬托和协调作用,一方面吸引网民的注意力,另一方面有助于体现网站的主题。
展开阅读全文