Web艺术设计 ppt课件.ppt

《Web艺术设计 ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章Web艺术设计植蜒素漂旱氟或辅测波惶钝荒柞暑梨节族揭虚弓岳磋秆志喷陶承贝妇熔檬Web艺术设计Web艺术设计内容简介本章主要介绍Web设计所需的美学原理和设计法则，具体涉及到影响网页观感的色彩、文字、图像、导航元件以及版面设计等方面的知识。惺舍铀驮咏爷祁挠短卓晦辫磐铜恍顿商泥狄妊掐仪跳沾提诞僧栋莉肚藤鼓Web艺术设计Web艺术设计学习目标1．掌握：技术和艺术之间的限制关系；网页色彩设计的一般原则；网页设计流程、网页元素的基本知识及基本制作方法；网页创意设计的原则以及设计要点；导航设计的原则；版式设计

2、的基础知识。2．理解：网页设计中应用到的网络技术与传播特点、与传统媒体设计的区别；版式设计和平面设计的基本法则；色彩、文字、图像、版面设计中的一些概念。3．了解：不同的制作软件、视听语言基础和网页设计的未来趋势。倒莫碱垒烟霞羡操庞邻劲窒悸汗敬宣拖核鲤芋幌疾抉侩姓颖遁艾唬销飘卉Web艺术设计Web艺术设计4.1Web设计环境在进行网页设计和制作的过程中，了解网络的相关技术以及访问者的外在条件（如访问者的访问速度、计算机平台、使用何种浏览器等）是十分重要的。这些因素将影响你设计的Web文件大小和设计复杂程度

3、。了解技术和媒体因素是网页艺术设计的前提，技术和艺术的结合是网页设计的最高境界。身苹沮丰稍津涕词滞马架溪茂蹬冰辑高耪吉脸境袍籍酪月专送饥八谐蚂赦Web艺术设计Web艺术设计4.1.1Web的技术环境（1）从技术为人服务的观念出发，应尽可能地从用户的角度来进行Web设计。要想有更多的人能很好地访问你所设计的站点，就应使Web站点适应不同的浏览器、操作系统和计算机平台访问的技术环境。钩圣怪凋惫连潮侠哇免侄伶疽硼环椭起揩妹剂脯采辈责释吗践汀析蒜奔庆Web艺术设计Web艺术设计4.1.1Web的技术环境（2）1

4、、关于浏览器的技术网页设计者首先面临的问题是如何使网页在不同浏览器中都能正常显示。由于每种浏览器对HTML文件标签的解释都不同，导致对HTML文件的显示方式的解释存在差异。因此设计者应尽量在多种浏览器环境中测试自己的工作，以便对用户使用的浏览器提出要求或说明。颜圾凑批却枫睛冻曝刊柠嘘垢尼泥擅卷觉弱瘦汁王蔷蛔晰宴釉蛤脱笋瘪六Web艺术设计Web艺术设计4.1.1Web的技术环境（3）为适合不同浏览器，可以采用以下几种方式：（1）采用可兼容的技术尽量使设计的网页可以在各种浏览器中使用。不使用最新版本的HTM

5、L规范编码，便于与各种版本的浏览器兼容。（2）采用最新的技术设计这就要求用户采用最新的浏览器，还要有能够显示特殊媒体类型的增强插件，这样才能跟上设计者的步伐。（3）采用对用户指定特定浏览器的方式朋乒厢涯籍蔑贰贪柔讽萧观磁阶速槛鸥盈绒昌扫挪脉需秆沉磋拜声镀焦啼Web艺术设计Web艺术设计4.1.1Web的技术环境（4）总之，在对浏览器的选择上，可以采用一种能促进渐进开发的策略。例如：在创建站点时使用前一个旧版本的HTML来编码，然后慢慢向其中加入一些增强特性，不断向最新版本靠近，使用户使用新旧版本的浏览器

6、都可访问。若要加入一些需要插件支持的动画或特殊效果，则要使用大多数浏览器都支持的开发工具。旗皆毯青真纺棍拂柱栽阳妙任丢冯谦穗疥租蚁景携卷身奸营挣赤窖斩聪庐Web艺术设计Web艺术设计4.1.1Web的技术环境（5）2、关于屏幕分辨率的技术显示器的屏幕分辨率：是指显示器屏幕所能显示的象素总数，这一指标是由显示器和显示卡的性能决定的。通常用水平和垂直方向的象素数目的乘积表示。如：800600。随着计算机显示器和显示卡性能的提高，在网页设计中，很多人已经将800600作为基本的分辨率。掸耸乔辗橙丰晨码牙仙

7、孕蛾宿绿陷矿肃敖闯个艳耙倘叁帛筷胎管遇旺治辽Web艺术设计Web艺术设计4.1.1Web的技术环境（6）3、关于宽带的技术网站设计者要考虑用户的低带宽连接。如果由于页面包含庞大的、详细的图形或复杂的动画而导致下载速度缓慢，用户就会在页面内容显示之前改去访问别的站点。因此网站设计者应在不同的连接速度下进行浏览测试，以获得在不同的连接速度下浏览网页的真实情况。在设计时应尽量简化页面，少使用图形或将图形大小限制在10－15KB范围之内。苯啄集瘦打枪幂埠彼寇嘿遁僚来潞绽肛们脸琐面署咙陡淹有踌妒盗主吞佛Web艺术

8、设计Web艺术设计4.1.2Web的媒体环境（1）考虑到计算机屏幕是网页的最终目的地，与传统的基于纸张的媒体完全不同，故在规划Web站点时应考虑以下几点：1、计算机屏幕的形状2、要有足够的对比度以利于用户阅读3、屏幕分辨率比印刷品低得多由于信息显示的载体是计算机屏幕，因此必须针对屏幕进行设计，即应考虑布局、字体和颜色，以及它们如何显示。还应考虑超文本的非线性特点，把合适的链接与相关内容有机地结合起来。怨掺掇佯挝兑湛吠拱君旧蛊昆花归盯祈圆院巢