数字艺术设计概论周苏主编第4-1讲：网页艺术设计及其计算环境课件教学.pptVIP

数字艺术设计概论 周 苏 教授 浙江大学城市学院计算机学院 Zs@ QQ:第4章 网页艺术设计 网页艺术设计及其计算环境 Fireworks Web图形制作初步 Fireworks Web图形制作技巧 4.1 网页艺术设计及其计算环境 20世纪人类最重要的发明可能就是计算机及其网络技术了，因特网改变着世界，促成了网络经济的形成与电子商务的发展。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的主流传播媒体。 4.1 网页艺术设计及其计算环境 从技术上讲，网络技术带来了通信革命，它使人们的信息交流变得方便快捷； 从经济上讲，网络技术带来了电子商务，使传统产业及其商业模式都面临巨大的机遇、改造与挑战； 从文化上讲，网络技术把我们真正带入了信息社会，给人们的生产方式、生活方式、思想观念都带来新的变化； 4.1 网页艺术设计及其计算环境 从认知科学的角度来说，因特网是一种新的认知结构，通过它个体与社会相互作用，使知识得到延伸。网络空间中的网页体现给认知工效学提出了新的挑战。这个挑战及其内容和理论体系，形成了在超媒体环境中更容易获取知识的观点。 4.1.1 基于信息的网络界面设计 网络界面设计主要是网页设计，人性化设计是网络界面设计的核心，如何根据人的心理、生理特点，运用技术手段，创造简单、友好的界面，是网络界面设计的重点。 4.1.1 基于信息的网络界面设计 (1) 网页设计与传统平面设计的异同 由于计算机及其网络技术条件的限制，网页设计与传统平面设计的主要区别有三个方面： 4.1.1 基于信息的网络界面设计 1) 介质不同。传统平面设计作品大多是以印刷品的形式出现；而网页则主要出现在计算机显示器上。显示器的分辨率比较低，较细的线条不易显示，一般达到72dpi即可，色彩显示为RGB模式；印刷品要求分辨率须达到300dpi以上，色彩模式是CMYK。了解这一特点，在网页设计时应扬长避短，追求网页的色彩效果，避免过于在细节上做文章。 4.1.1 基于信息的网络界面设计 2) 页面大小的限制。大多数电脑用户的显示环境为800×600 (pixels) ，大多数门户网站的横幅为800pixels。这样，为达到不做滚屏便可显示完整页面，在上下与左右滚动条 (scroll) 中就只能选择其一。 另一方面，下载速度的快慢直接关系到网页的访问率，要想提高网页的生命力，就必须在各方面下功夫，提高访问速度和下载速度。 4.1.1 基于信息的网络界面设计 3) 交互性设计。几乎所有网页都有一个以上的链接或按钮，选择它们可以切换到其他网页或网站。更重要的是，用户通常可以通过网页参加讨论组、聊天、电子商务等，因此，应该尽可能减少不必要的交互障碍。 4) 多媒体功能。网站的最大资源优势在于它的多媒体功能。因特网可以利用文字、声音、图像、动画，甚至虚拟显示技术等与用户交互。但如果想在网页中添加音乐，应该添加一个按钮，可以让用户选择打开或关闭它。 4.1.1 基于信息的网络界面设计 (2) 网络界面设计中用户的地位 由于因特网具有的无限延伸性，数以万计的信息在网络上传递，不同的人群对信息的需求也各不相同。但是，在商业网站中，用户的需求是第一位的，在商业网络界面设计中，网站对网络界面的要求就是网站用户的需求。只有充分分析、了解网站的用户需求，才能准确地把握设计的方向和尺度，设计出令人满意的界面。 4.1.1 基于信息的网络界面设计 一般地，用户上网主要有两种方式：搜索和浏览。搜索过程包含了用户下意识的活动，而浏览则更多的是一个无意识的过程。他们通常都不是针对某一项专门的任务，更多的是由于好奇心与求知欲，或者仅仅是为了娱乐。另外，浏览本身或多或少地被局限于个人兴趣。 设计网站时，要将注意力集中于两个方面：内容选择和内容描述 (信息是什么和怎么样) 。在这里，设计问题必须考虑网页导航 (描述) 和用户兴趣 (选择) 。 4.1.1 基于信息的网络界面设计 (3) 网络界面设计中对信息的分析与控制 网络是现代信息传播的主要载体，因此，在网页界面设计中，对信息进行有效的分析与控制，是十分必要的。 4.1.1 基于信息的网络界面设计 1) 对信息的分析。一个网站通常都是由一系列的网页界面组成的。在网页界面设计中，设计师为保证用户在恰当的位置获得恰当的信息，首先要对信息进行分析。网站的信息有层次性的，各层次传达的信息都不相同。其中，网站首页传递的信息最为重要，如同门面。因此，首页的设计要体现网站的风格，突出网站的特点，向用户传达网站的概要内容，提供网站的最新消息等等。 4.1.1 基于信息的网络界面设计 2) 网站信息繁多，而用户耐心有限。在商业网络界面设计中，如何对信息进行控制，建立快捷