网页界面中的多媒体元素主要包括GIF、音频和视频。这些多媒体元素的应用能够使网页更时尚、更炫酷，但使用前需要确认用户的带宽是否能够快速下载这样的高数据量。不要单纯地为了炫耀高新技术而降低了用户的体验，这样做很不明智。
GIF动画
GIF原意是“图像互换格式”，是一种基于LZW算法的连续色调的无损压缩图像格式。它不属于任何应用程序，目前几乎所有相关软件都支持它。在网页中使用动画可以有效地吸引浏览者的注意。由于活动的对象比静止的对象更具有吸引力，因而网页上通常有大量的动画。动画的功能是提供信息、展示作品、装饰网页和动态交互。如图1-20所示为使用GIF的网页界面效果。
图 1-20
HTML 5 动画
HTML 5 动画有三种实现方式：一是canvas代码元素结合JavaScript语言，二是纯粹的CSS3动画（暂不被所有主流浏览器支持，比如IE），三是CSS3结合Jquery框架实现，如图1-21所示为HTML 5 动画。
图 1-21
音频(www.chuimin.cn)
音频是多媒体网页的一个重要组成部分。当前存在着一些不同类型的声音文件和格式，也有不同的方法将这些声音添加到Web页中。在决定被添加声音的格式和方式之前，需要考虑的因素是声音的用途、声音文件的格式、声音文件的大小、声音的品质和浏览器的差别等。不同的浏览器对于声音文件的处理方法是非常不同的，彼此之间很可能不兼容。
用于网络的声音文件格式非常多，常用的是MIDI、WAV、MP3和AIF等。一般来说，不要使用声音文件作为网页的背景音乐，那样会影响网页的下载速度。可以在网页中添加一个链接来打开声音文件作为背景音乐，让播放音乐变得可以控制。
提示
浏览器不同，处理声音文件的方式也会有很大差异和不一致的地方，最好将声音文件添加到Flash影片，然后嵌入SWF文件以改善一致性。
视频
在网页中视频文件格式也非常多，常见的有RealPlayer、MPEG、AVI、DivX和MP4等。视频文件的采用让网页变得非常精彩而且有动感。网络上的许多插件也使向网页中插入视频文件的操作变得非常简单。如图1-22所示为使用视频插件的网页界面设计。
图 1-22
有关Photoshop网站UI设计的文章
在使用Photoshop之前，需要首先在计算机上安装该软件。本书中所有实例均是使用Photoshop CC 2018制作的。找到Photoshop CC最新版本，鼠标单击“试用”按钮，进行软件下载。当下载的软件解压完成后，Adobe Creative Cloud会继续帮助用户安装Pho-toshop CC软件，如图2-4所示。Photoshop CC会自动在Windows开始菜单中添加一个快捷方式，如图2-6所示。图 2-5图 2-604 单击“开始”按钮，选择“所有程序＞Adobe Photoshop CC 2018”选项，如图2-7所示。弹出Photoshop CC启动界面，如图2-8所示。......
2023-11-17
配色的一般规律就是，任何颜色都可以以主色的身份存在，并与其他色相搭配，组合成对比色，互补色，邻近色或其他同类色关系的色彩组合。由此可知，光学混合模式中的次生色就是色彩混合中的原色，因此加法混合与减法混合之间存在相互关系。由于红、绿、蓝和青、洋红、黄互为次生色，因此在12色环中，除原色之外的其余颜色都是三次色。事实上，对比色的视觉对立感仅次于互补色。......
2023-11-17
色彩视觉是人对色彩的视觉反应，既受到生理、大脑视觉神经的限制，又取决于色彩的属性、特点、情感，以及不同的色与色、色与光对视觉的作用。光与色光是以波动的形式进行直线传播的，具有波长和振幅两个因素。不同的振幅强弱大小产生同一色相的明暗差别。光直射时直接传入人眼，视觉感受到的是光源色。图 3-5计算机色彩显示彩色显示器产生色彩的方式类似于大自然中的发光体。......
2023-11-17
打开文件的方法有很多，可以使用命令打开，也可以使用快捷键打开，还可以直接将图像拖入软件界面打开。接下来为用户介绍几种常用的打开方式。使用“打开”命令打开文件执行“文件＞打开”命令，弹出“打开”对话框。在“打开”对话框中，可以对“查找范围”“文件名”和“文件格式”进行设置，如图2-13所示。图 2-13提示要打开连续的文件，可以单击第1个文件，然后按下Shift键，再单击需要同时选中的最后一个文件，单击“打开”按钮即可。......
2023-11-17
色彩三要素是用色相、饱和度和明度来描述的，人眼看到的任一彩色光都是这三个特性的综合效果，这三个特性即是色彩的三要素。其中色相与光波的波长有直接关系，亮度和饱和度与光波的幅度有关。图 3-7提示色相环是以黄、红和蓝三色为基础，由此三原色配置组合而成。饱和度饱和度是指色彩的鲜艳程度，也称色彩的纯度。饱和度取决于该色中含色成分和消色成分的比例。图 3-8明度表示色所具有的亮度和暗度被称为明度。......
2023-11-17
网页界面设计也具有了统一的设计特点，并且兼备了新时代的艺术形式。如图1-5所示为网页界面交互性的体现。图 1-5多维性多维性源于超链接，主要体现在网页设计中对导航的设计上。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的引人之处。......
2023-11-17
网站建设就是根据用户在互联网上传递的信息进行网站功能策划，然后进行页面设计与美化的工作。对网站的整体风格和特色作出定位，规划网站的组织结构等。因此，建议在网页设计中尽量避免使用过多的图片及体积过大的图片。主要页面的容量应确保普通页面的等待时间不超过10 秒。......
2023-11-25
2）适用性设计原则适用性设计原则是指在使用上能满足用户个性化需求的设计，包括协议、定制、可拓展和快速性。这里的协议是指系统化的设计方法，保持各设计内容的相互一致。协议不是强制性的标准，而是得到最多使用者和设计者认可的做法，由界面设计人员自动遵守和模仿而成。设计中应尽可能预测未来发展方向，按照规范和协议使用技术，使系统具有较好的可扩展性，且易于学习和使用，使设计在不同情况下仍然可以延续使用。......
2023-06-24
相关推荐