第二节 Web设计与数字产品设计

早期的数字产品设计是以Web设计、视觉效果和内容的表达为主的，随着移动互联网的发展，大量App被开发和使用。虽然设计的目的和部分方法有所变化，但设计的基础和架构未变。因此，这里的Web设计在一定程度上包括App设计。

一、Web设计及发展

Web设计是一个跨学科和跨领域的知识综合体，它兼顾内容、技术和外观三个方面的设计，包括Web界面设计、Web前端设计、Web程序设计等。

最早的Web网站基本只包括文本和为数不多的图片。后来，Web网站开始出现了表格布局、动画及层叠样式表（Cascading Style Sheets，CSS）的设计。其中，一个重要的转折点是在1995年，表格、切片设计（Slicing Design）、JavaScript等网页设计语言的迅猛发展，使单色像素的显示屏得到了很大的改善。但是，静态的网页及文字与图片的简单排版并不能满足人们对网页内容和形式的双重审美需求，于是更多的新技术开始出现，它们使网页更有创意、有活力，也使用户的体验更加舒适。CSS就是其中主要的设计语言，它将网页的内容与样式进行了分离，能够比较高效地定义网页的格式及设计效果的属性。与此同时，栅格与框架的出现使网页能够在不同的移动端上保证内容不变的同时，根据不同移动端的情况进行布局与排列，这使网页的设计效果和内容的加载速度有了质的提升，也使用户的体验更加舒适。

随着移动互联网的迅猛发展，Web设计发生了很大的改变，分为桌面端（PC端）和移动端（App端），简洁、明快、扁平化、响应式的设计成了设计的主流标签。越来越多的数字产品从原有的PC端向多终端的方向发展，尤其是向App端发展。数字产品的基本特征之一是通过多终端的无缝连接，从PC端到App端全方位满足用户的需求，抢占用户的时间和心智。由于不同终端的特征各异，因此，同一数字产品在App端和PC端的设计也存在差异。

在移动互联网时代，用户的时间被碎片化地分割，这导致用户需求呈现“场景化”的特点。当场景不同时，用户需求就不同，用户心理也不同，所设计的功能点的优先级也会出现变动，进而影响界面控件和信息元素。例如，用户在登录购物网站时更倾向于“逛”和选购，但用户在App端时，因碎片化和实时在线的特点，他们更喜欢“闪购”“秒杀”等产品形态。因为PC端的展示面积比较大，展示效率比较高，用户更有耐心，所以它适合展示比较丰富的内容；但是App端与PC端的展示情况恰恰相反，设计者必须突出重点，尽可能将产品链路设计得短一些。

从界面的布局来看，PC端屏幕宽大，布局灵活，设计者在设计时需要把信息有序地组织起来，将导航和重要的区块放在网页的首页，在网页的中部放置操作比较复杂和内容有吸引力的区域。App端的可视区域小，设计者在布局时应该充分利用有限的空间展示信息，更精准地把握用户需求，更准确地呈现元素。App端的页面流程应该简单清晰，设计者尽量将复杂的操作分段展示。由于在App端用户是直接用手指操作的，上下滑动的体验更好，因此面向App端的数字产品在布局上大多采取上下排列的方式。

当以网页为主体的互联网网站和移动App融合成主流的时候，其他数字产品也在快速发展，如追求互动性与沉浸感的数字叙事，内容形态多样化、具有强互动性的有声读物，内容简洁、发布速度较快、用户参与感较强的短视频等。

二、数字产品设计

信息的数字化是数字产品产生的根本。数字化带来了多媒体，带来了软件，也带来了移动电话、数字电视、数字广播、数字电影等。在一定程度上，数字产品是因为数字化信息的存在而存在的。信息的保存、流动、更改都需要一定的介质，数字产品作为一种载体而存在是必然的结果。数字产品可以被划分为有形数字产品和无形数字产品。有形数字产品是指基于数字技术的电子产品，如数码相机、数字电视机、数码摄像机等。无形数字产品是指能经过数字化并通过数字网络传输的产品。无形数字产品包括工具类（如计算机软件等）、内容类（如金融信息、新闻、搜索、书刊、音乐影像、电视节目、在线学习和虚拟主机服务等）和在线服务类（常见问题解答和在线技术支持、售后客户关系管理等）等不同类型的产品。

数字产品设计是产品设计的分支，从产品设计发展而来。产品设计即对产品的造型、结构和功能等方面进行综合性的设计，以便生产制造出符合人们需要的实用、经济、美观的产品。但是在数字化的环境下，数字产品的设计更加注重用户的体验和对用户的服务，不断满足用户因接触数字信息而引发的各项需求。

物质技术的飞速发展和人类情感需求的增长与变化对设计领域的影响表现为数字产品的功能与形式的含义及相互关系正在不断变化。数字产品与工业制造产品原有的机电一体化不同，数字产品的设计形式在相当程度上发生了根本的改变，尤其是从表面上它已经摆脱了工业产品的功能约束。数字产品所谓的“功能”不仅包括使用功能，还包括认知功能、审美功能和文化功能。因此，数字产品设计主要从为用户提供更合理的交互的角度来确定数字产品的形式。数字产品与用户的关系的转变意味着“用户行为”不再是单纯的“行为”，而可能是“数字产品”的一个构成部分；“数字产品”也不再是单纯的“产品”，而必须依靠某种“用户行为”的参与。由此，数字产品设计从强调产品的功能和形式转换为强调产品与用户更灵活的关系，甚至是用户自己参与、探索和创造的过程，数字产品变得越来越个性化、人性化。同时，用户在使用数字产品的过程中主动体验数字产品，创造新的使用方法，这也延伸了数字产品的功能。

数字产品设计也强调数字产品与整体环境的协调性。数字产品整体环境的形成离不开对用户需求的挖掘和对用户体验的关注。数字产品整体环境是一系列人和物的行为状况，是主观的内在“情”和客观的外在“境”相互作用的产物，它使设计价值“不是只在单个的孤立物体中，而是在物体和它的环境关系中”。数字产品设计能够根据数字产品的造型、材料等去营造某种表达自己观念的情境，用户在使用数字产品的过程中能不断加深对数字产品的认识，由情境带来的一切情感体验和感受都是为了满足用户的情感需求。合适的情境能够使用户通过感官体验获得情感满足，并与数字产品产生情感共鸣。