浅谈网页设计师最好知道的那些小常识

一、概念

用户体验设计：UED (User Experience Design)，国际上更多称为UXD，其职能是能“有效提高产品体验改进速度”的一个方法体系，不是一个具体的单一专业，而是个总称。

用户体验设计的核心价值

用户体验设计的核心价值并不是“提高产品的用户体验”，而是“提高产品的用户体验 改善的速度”；

用户体验设计的核心思想（或者说诀窍）在于“大规模、常态化、科学化”地把用户反馈前置。

而其实用户体验设计是一个很泛的概念，其中包括：

界面设计：UI（User-Interface Design）用户界面设计，例如软件、网站、APP等。

视觉设计：（Visual Design）更多偏向品牌、形象设计，例如广告、海报、周边等。

交互设计：（Interaction Design）则是对人机交互界面、反馈、流程的设计，与界面设计配合。

其他... 如下图

图片引用自Quora上的类似问题：User Experience: What's the difference between UI Design and UX Design?

而国内大部分的可能归纳为视觉设计和交互设计两种，只是把界面设计和视觉设计统一归纳到视觉设计中，其中再分为两个方向：网页设计（即原界面设计）和平面设计（即原视觉设计）。

设计的区别

对于平面设计师来说，天马行空般的创新思维很重要，他们需要的是在一张白纸上勾画出符合客户需求的绚丽创意。

而对于网页设计师来说，更多的是需要考虑创意在网络上实现的成本以及可能性，天马行空般的思维成了次要的。

对于平面设计师来说，画面是设计的核心，画面就是他们所想要表达的内容。

对于网页设计师来说，画面只是用来衬托内容的一种形式，内容才是网页设计师所要表达出来的核心。

平面设计师追求的是画面的绚丽，注重的是色彩感、层次感、想象力以及整个设计的美感和创意；

网页设计师追求的不是画面的绚丽，而是根据这个产品特性给予它适合的外衣，这是网页设计最重要的工作，需要懂的取舍，而不是炫耀个人的设计能力；

相对于平面设计的单一性来说，网页设计更多的还有注重设计的可重用性。每个网站都是由很多的页面构成的，而这些页面中的样式大部分都是可重用的；

任何天马行空的创意都需要限定在这个框架之中，并非是创意无法实现，而是需要考虑实现创意的成本，将可能给开发的成本带来很大的提高。而互联网产品的一个特点是更新迭代的时间快，如果投入的成本过高则会影响更新迭代的速率，最终将会影响到产品的发展。

二、成本

作为一位网页设计师在设计项目时你需要考虑的成本

开发：项目的开发的时间及人力。

维护：项目后期修改的维护时间及人力。

网络：项目在服务器、带宽等网络成本。

而这些无非关系到两块内容：时间和金钱，所以如果网页设计师不懂HTML，那对开发人员来说，则是一种灾难。

三、响应式网页设计

什么是响应式设计？

页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad，我们的页面都应该能够自动切换分辨率、图片尺寸及相关脚本功能等，以适应不同设备；换句话说，页面应该有能力去自动响应用户的设备环境。

响应式网页设计就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。这样，我们就可以不必为不断到来的新设备做专门的版本设计和开发了。

响应式网页设计基础流程

1、确定网页需要呈现所有的内容及模块；

2、构建原型（草图）；

3、栅格化模块；

4、网页视觉设计；