从零开始的响应式WEB设计

准备使用到的工具（纸和笔）解决网站设计的难题

网页设计的方法和规划，先从客户调查问卷开始，在业务的角度，使用的用户，转换程度，和各种想要达到的效果。这个**在项目启动之前做好，方便使客户了解整体的需求和整个项目，提高项目的效率

之后就是撰写项目大纲，规划项目的开始和时间段，当自己没有很多的专业知识的时候，项目大纲会起到很大的作用。

这些有助于，定义一些经常使用到的术语，更具项目的复杂性质，很多的场景需要使用同样的信息，同样的导航、搜索，添加到购物车.....

我们要知道项目使用到的组件和元素。一个无序列表就可以了。例如：表格、按钮、图像、排版、媒体、表单、导航、组件、等等。

线框图以及原型图

构建网站的布局以及网站在不同设备下显示的外观，使用线框图构建出项目使用到的功能。根据项目的复杂程度可以使用简单的网站原型图，可以使用Axure、Adobe XD......等构建原型图工具。

情绪板和界面清单

下一步是构建一个情绪板：设计师、客户和其他涉众可能喜欢其他网站上的内容的集合——布局、外观、颜色或字体、图标、图像等等。这将有助于定义网站的整体外观和感觉。如果客户有一个品牌风格的指南，它应该考虑并纳入到新的网站设计。

一旦各种工件得到批准——线框图、原型、模型等等——做一个界面清单是一个好主意。