网络日益发展的今天，单纯的文字和数字网页已经不复存在了，取而代之的是形式和内容上极其丰富的页面。网页界面设计也具有了统一的设计特点，并且兼备了新时代的艺术形式。
交互性与持续性
网页不同于传统媒体之处，就在于信息的动态更新和即时的交互性。即时的交互性是Web成为热点的主要原因，也是网页设计时必须考虑的问题。传统媒体都以线性方式提供信息，即按照信息提供者的感觉、体验和事先确定的格式来传播。而在Web环境下，人们不再是一个传统媒体方式的被动接受者，而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互，使网页艺术设计不像印刷品设计那样，发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标，配合网站不同时期的经营策略，以及用户的反馈信息，经常对网页进行调整和修改。例如为了保持浏览者对网站的新鲜感，很多大型网站总是定期或不定期进行改版，这就需要设计者在保持网站视觉形象一贯性的基础上，不断创作出新的网页设计作品。如图1-5所示为网页界面交互性的体现。
图 1-5
多维性
多维性源于超链接，主要体现在网页设计中对导航的设计上。由于超链接的出现，网页的组织结构更加丰富，浏览者可以在各种主题之间自由跳转，从而打破了以前人们接收信息的线性方式。例如可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂，不仅使浏览者检索和查找信息增加了难度，也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息，设计者必须考虑快捷而完善的导航设计。在替浏览者考虑得很周到的网页中，导航提供了足够的、不同角度的链接，帮助读者在网页的各个部分之间跳转，并告知浏览者现在所在的位置、当前页面和其他页面之间的关系等。而且每页都有一个返回主页的按钮或链接，如果页面是按层次结构组织的，通常还有一个返回上级页面的链接。对于网页设计者来说，面对的不是按顺序排列的印刷页面，而是自由分散的网页，因此必须考虑更多的问题。如怎样构建合理的页面组织结构，让浏览者对你提供的巨量信息感到有条理？怎样建立包括站点索引、帮助页面、查询功能在内的导航系统？这一切从哪儿开始，到哪儿结束？如图1-6所示为网页界面中出色的导航页。
图 1-6
多媒体的综合性
目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等，随着网络带宽的增加、芯片处理速度的提高，以及跨平台的多媒体文件格式的推广，必将促使设计者综合运用多种媒体元素来设计网页，以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面，在数据压缩技术的改进和流技术的推动下，Internet出现实时的音频和视频服务，典型的有在线音乐、在线广播、网上电影、网上直播等。因此，多种媒体的综合运用是网页艺术设计的特点之一，也是未来的发展方向，如图1-7所示为在网页界面中应用动画和视频等多媒体元素。
(www.chuimin.cn)
图 1-7
版式的不可控性
网页版式设计与传统印刷版式设计有着极大的差异，一是印刷品设计者可以指定使用的纸张和油墨，而网页设计者却不能要求浏览者使用什么样的计算机或浏览器，二是网络正处于不断发展之中，不像印刷那样基本具备了成熟的印刷标准，三是网页设计过程中有关Web的每件事都可能随时发生变化。
网络应用处在发展中，关于网络应用也很难在各个方面都制订出统一的标准，这必然导致网页版式设计的不可控制性。其具体表现为：一是网页页面会根据当前浏览器窗口大小自动格式化输出，二是网页的浏览者可以控制网页页面在浏览器中的显示方式，三是不同种类、版本的浏览器观察同一个网页页面，效果会有所不同，四是用户的浏览器工作环境不同，显示效果也会有所不同。
把所有这些问题归结为一点，即网页设计者无法控制页面在用户端的最终显示效果，但这也正是网页设计的引人之处。如图1-8所示为在不同版式下的网页界面效果。
图 1-8
艺术与技术的紧密性
设计是主观和客观共同作用的结果，是在自由和不自由之间进行的，设计者不能超越自身已有经验和所处环境提供的客观条件限制，优秀的设计者正是在掌握客观规律的基础上得到了完全的自由，一种想象和创造的自由。网络技术主要表现为客观因素，艺术创意主要表现为主观因素，网页设计者应该积极主动地掌握现有的各种网络技术规律，注重技术和艺术密结合，这样才能穷尽技术之长，实现艺术想象，满足浏览者对网页信息的高质量需求。如图1-9所示为设计精美的网页界面。
图 1-9
有关Photoshop网站UI设计的文章
本实例制作的是一款网页小图标，整个图标以白色作为主色调，辅色用到了深蓝色和淡蓝色两种，同时搭配了阴影的效果，为图标增加了质感。图 2-21图 2-2202 单击工具箱中的“椭圆工具”按钮，在画布中绘制任意颜色的圆形，如图2-23所示。按住Shift+Alt快捷键的同时，拖动鼠标可以绘制正圆形。最后选择“投影”选项，设置如图2-26所示的参数。图 2-35图 2-3609 使用相同方法完成相似内容的制作，图像效果如图2-37所示。建议在存储时保存PSD格式，以方便日后进行修改。......
2023-11-17
作为完整的页面往往包含很多个部分，例如Logo、导航、Banner、菜单、主体和版底等，使用Photoshop设计界面时，按照规定的准则命名图层或图层组，不仅有利于快速查找和修改页面效果，还可以大幅提高切图和后期制作的工作效率，如图1-32所示为一款结构完整的网页界面设计。图 1-32下面列举了一些常用的CSS标准化设计命名，在使用Photoshop设计页面时，可以用英文名来命名每个部分。头：he......
2023-11-17
在使用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
色彩视觉是人对色彩的视觉反应，既受到生理、大脑视觉神经的限制，又取决于色彩的属性、特点、情感，以及不同的色与色、色与光对视觉的作用。光与色光是以波动的形式进行直线传播的，具有波长和振幅两个因素。不同的振幅强弱大小产生同一色相的明暗差别。光直射时直接传入人眼，视觉感受到的是光源色。图 3-5计算机色彩显示彩色显示器产生色彩的方式类似于大自然中的发光体。......
2023-11-17
配色的一般规律就是，任何颜色都可以以主色的身份存在，并与其他色相搭配，组合成对比色，互补色，邻近色或其他同类色关系的色彩组合。由此可知，光学混合模式中的次生色就是色彩混合中的原色，因此加法混合与减法混合之间存在相互关系。由于红、绿、蓝和青、洋红、黄互为次生色，因此在12色环中，除原色之外的其余颜色都是三次色。事实上，对比色的视觉对立感仅次于互补色。......
2023-11-17
网页界面根据具体内容和风格的不同，大致可以分为三大类型：环境性界面、情感性界面和功能性界面。如图1-2所示为两款环境性网页界面。网页界面设计也会受到社会环境和主流文化的直接影响，网站页面的风格、版式和内容只有在顺应社会主流文化和符合大众需求的情况下才能被接受。一款优秀的功能性网页界面应该能使浏览者快速了解该网页最终的目的或产品信息，并能根据需求快速检索到需要的信息，如图1-4所示。......
2023-11-17
打开文件的方法有很多，可以使用命令打开，也可以使用快捷键打开，还可以直接将图像拖入软件界面打开。接下来为用户介绍几种常用的打开方式。使用“打开”命令打开文件执行“文件＞打开”命令，弹出“打开”对话框。在“打开”对话框中，可以对“查找范围”“文件名”和“文件格式”进行设置，如图2-13所示。图 2-13提示要打开连续的文件，可以单击第1个文件，然后按下Shift键，再单击需要同时选中的最后一个文件，单击“打开”按钮即可。......
2023-11-17
网页界面中的多媒体元素主要包括GIF、音频和视频。这些多媒体元素的应用能够使网页更时尚、更炫酷，但使用前需要确认用户的带宽是否能够快速下载这样的高数据量。不要单纯地为了炫耀高新技术而降低了用户的体验，这样做很不明智。GIF动画GIF原意是“图像互换格式”，是一种基于LZW算法的连续色调的无损压缩图像格式。如图1-20所示为使用GIF的网页界面效果。图 1-21音频音频是多媒体网页的一个重要组成部分。......
2023-11-17
相关推荐