试析网页设计与美学的结合.docVIP

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
PAGE PAGE 1 试析网页设计与美学的结合   摘要:本文阐述了网页设计的概念,将美学与实际的网页设计相结合,通过留白、意象、色彩、中国元素等审美元素来呈现现代网页设计的美学观点,以html、CSS等网页语言将艺术与商业相结合。   关键词:网页设计;美学;色彩;留白;中国元素   中图分类号:TP391文献标识码:A文章编号:1007-9599(2012)20-0000-02   网页设计是网站向网民提供信息产品和信息服务的一种方式,它是开展电子商务的基础设施和信息平台。网站同时也是通过网络平台宣传和反映网站企业的形象和文化的重要窗口。美学与商业的结合将使得美学更大众化,商业更艺术化,营造出一个双赢的局面。使用CSS和HTML技术可以实现这个目标,将网页设计与美学完美结合。   1CSS   级联样式表(CascadingStyleSheet)简称“CSS”,通常又称为“风格样式表(StyleSheet)”,它被用于网页的风格设计。通过设立CSS,能够统一管理HTML中各个标志的显示属性。CSS能够使网页设计师更有效地控制网页所呈现的外观。使用CSS,能够精确地控制网页元素的定位、外观呈现效果和其他的特殊效果。   做好CSS的布局,网页就成功了一半。我们要在开发中注意选择带有语义的标记,方便后续人员的开发,即id或class要让人见名知意。创建良好的标记首先要选择文档类型,再制定语言和字符集,接着制定标题。选用恰当的元素也同样重要,要避免过度地使用div和span元素,它们的少量和必要的合理使用可以增强文档的结构性,但若是发现自己过度使用了它们,那么请考虑一下是否还有更加适合的HTML元素能够来代替它们。   要尽可能地少使用标签元素。如果想创建良好的文档结构,那么请尽可能地少使用标签元素。只使用必要的标签,将其他不是必须的标签都删除。这样做的好处在于它不仅能够让文件保持适宜的大小,还能让浏览器迅速完成对文档的解析,得到更快的显示网页的速度。   在适当的时候使用id和class属性。为元素添加起标识作用的属性可以让你在稍后容易地将该元素与CSS或javascript关联起来。虽然如今依然有部分浏览器对clas和id的大小写名称不敏感,但为了方便调试和考虑到多浏览器的兼容性,还是区分为好。   另外,出于灵活性的考虑,给元素添加额外的class和span是十分有必要的。在页面的段落中声明内部元素,意味着在设计时我们可以为这些元素应用某些额外的样式。额外的span标签还有图像替换的功能。但为什么不使用同样具有该功能的img元素呢?这也是出于灵活性的考虑。若是图片的地址直接写入到HTML中,就不可能只通过替换样式文件让页面产生变化了。   2色彩   色彩是艺术表现的元素之一。在网页设计中,网页设计师根据内容和谐、布局平衡和突出重点的设计原则,将不同的色彩进行组合,搭配构成令人赏心悦目的网页页面[2]。同时,色彩对人们的心理也具有一定的影响力,网页设计师将合理地运用这一特点进行网页设计。   我认为在网页设计中起码应该把握以下几点色彩设计的原则:   2.1确定网页的主色调,选择衬托色彩,凸显网站内容和主题   平日里我们浏览的网页,一般都是以浅色调为主的居多,如:人人网()以较浅的蓝色为基调,豆瓣网()以浅绿色为基调,沪江网()以浅灰色为基调等。以浅色为底,给人柔和素淡的感觉,配合深色的文字,让人视觉上得到舒适的感觉。浅色的基调有利于整体页面的搭配,便于突出网页的重点内容,方便阅读。其他的如背景图片等次要内容,不能喧宾夺主,要采用不那么抢眼的颜色。而需要得到突出表现的内容,就适宜采用明亮的色彩,或者与背景色对比度大的色彩,对网页的浏览者产生强烈的视觉冲击,但不宜过多使用,否则反而会让页面变得繁杂混乱。   2.2在网页中运用同色系的色彩   使用同色系的色彩,会让人觉得页面赏心悦目,留下好印象。同色系的色彩易于搭配,不会使得页面显得杂乱,也不会让人视觉疲惫,可以大面积使用。但同色系的色彩搭配也存在弊端,它容易使得网页色彩单调,令人觉得乏味,为了解决这个问题,网页设计师可以采取局部使用对比色的图片来增加页面整体变化,增加一种轻松活泼的感觉。   2.3页面中对比或互补色的运用   通过使用对比互补的色彩,能够塑造轻松活泼,以及运动感强的网页效果,它适宜体现轻松主题的网站,既色彩丰富,又协调悦目。虽然对比色带来了如此的好处,它同样也存在着缺陷。过于丰富的色彩会造成视觉的疲惫和重点不清晰,譬如,过于丰富的背景色彩会影响前景图片和文字的取色,严重时会使文字融于背景中不易辨识。所以,在设计网页的时候,我们只用一到两种色彩占据主导地位,其他的对比色作为陪衬或点缀来调节整体效果,大面积的色彩填充宜用低比度色彩,所以背景色用单

文档评论(0)

gmomo-lt + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档