网页设计网页设计.pptVIP

网站的体系结构互联网的特点没有拥有者没有范围感没有方向感没有位置感无限制的传播极大的信息量多样的传达形态时效性强交互传达自由性网页中的界面设计UI——UserInterface，用户界面。用户界面是指人与系统的连接空间，通过此界面用户能够从中获得并处理信息，最充分地实现此过程的互动。HCI——Human－ComputerInteraction，人与计算机的相互作用。HCI主要研究人如何能更容易地掌握计算机的使用技术，HCI结构的完善可以使界面技术得到飞跃和发展。GUI——GraphicalUserInterface，图形用户界面。图形用户界面是相对纯文本而言的，它通过图形构成用户与系统间的界面。设计者的任务确定网站CI创建交互界面实现不同的功能完善网页之间的链接关系创造视觉美感网页构图特点交互性设计动态更新多维性结构网页版面的不可控性多种媒体的综合页面大小与分辨率浏览器的屏幕空间大小取决于显示器的实际尺寸及显卡所能支持的分辨率大小。分辨率是指单位面积中像素的个数，也可以说是图像文件的精确程度。分辨率的单位是Dpi，它意味着每一英寸的像素个数。通常我们说的显示分辨率为800像素×600像素，就是显示器显示了横向800个像素和纵向600个像素。如今大多数用户使用17英寸的显示器来访问网络，分辨率大多为800×600（像素）或1024×768（像素），有的低一点，如640×480（像素），有的高一点。一般以800×600（像素）的分辨率为基准的话，横向就设置为580～780（像素）。为了适应有限的空间，按照最低标准设计——640×480（像素）的屏幕分辨率来设计——是一些网页设计者应对多变的网络设计环境的对策。有些网站不固定横向和纵向的像素值，而是利用相对的百分比值来布局页面，从而使网站内容的大小根据分辨率的变化而变化。界面风格网页在传达信息的同时，不同的界面风格也在感官上产生不同的美感，带来不同的精神享受。界面的设计风格取决于它的观众和目标，例如以搜寻为诉求的内容网站界面往往简洁明了；以服务为诉求的购物网站界面往往多姿多彩；以表现自我风格为诉求的个人网站界面往往华丽而怪异；以公司作业为主的内部网站往往界面严肃而端庄……等等。一旦网站的性质确立，就可以设计其界面风格。界面设计风格根据其空间表现形式又可以分为：2维、2?维或3维2维2维2?维2?维3维3维网页配色色相——不同波长的颜色构成了不同的色相。这是大家最直观感受到的色彩的相貌。如果对不同色相的色彩分别加上黑或白，色相并不会变化，发生的变化只是明度。明度——颜色的明暗程度。它主要取决于该颜色吸收光的程度，进光量越大，物体对光的反射率越高，明度则越高；进光量越小，物体对光的反射率越低，明度则越低。明度最高是白色，明度最低的是黑色。饱和度——颜色的纯度，或是与中性灰的差别。凡具有色相的所有色彩都有一定的饱和度，无彩色没有色相，饱和度也为0。网页构成元素设计网页构成元素包括背景与底纹、按钮和控件、导航器和目录、文字和内容、网页标志、图片、动画、多媒体等多种元素。背景和底纹通常，最佳的可读性要求正文和背景之间采用高对比度的色彩。在设计者思考是用单色还是有肌理的底纹创建背景时，页面视觉效果并非创建背景样式的决定因素，工作量和文件大小都将影响背景的设计。这是因为背景颜色比图像加载速度快得多，同时也为页面提供了亮丽的外观，所以有些网站宁愿用没有纹理的单色作网页背景。不过，背景图形可以采用尺寸非常小的图案，通过精心构造的形状将它们平铺显示以充满整个窗口，最终成为其他所有图片的视觉基础，甚至还可以成为重要的界面组成部分。平铺的图案可以采用无损的压缩技术，例如利用GIF、PNG格式，而压完的图像应尽量控制在20K以内。按钮和控件不管按钮在形式上是2维、2?维，还是3维的，在技术上它们都必须设计出两种或两种以上的状态。第一种状态是所有按钮都共有的状态，即代表静止——也就是按钮未被用户激活的状态。第二种状态是大部分按钮都具有的激活状态——当按钮被单/双击时，它出现了与之前不同的状况。当然，它也许有第三种状态——当光标移动到按钮之上，该按钮出现了高亮等状态。