简介(线框图工具)

网站线框图的使用人群(1、PD 2、交互设计师 3、视觉设计师)

简介

网站线框图通俗来讲就是网站框架的草图，是网站设计师根据网页设计标准将客户需求图形化的一种展现形式。线框图又叫原型、框架图，它是网站设计方案的重要组成部分，是网站策划、项目经理的最后交付文档，通常是最直观、有效的设计呈现形式。

线框图的本质是信息架构的表象

信息架构代表的是内容的层次结构，线框图则是承载内容的立体框架。根据需要，线框图可以是一个独立页面也可以是一整套页面：针对中小型项目时，只需要呈现首页以及关键页面的设计即可;针对复杂项目和大规模的团队协作时，则需要一整套相关的线框图，并且要包含交互设计部分。

线框图工具

Axure RP 是一个快速原型和线框图创建的工具，适用于负责定义应用软件需求和说明文档以及设计用户界面和功能的专业人士。相比其他的工具创建静态的原型图，Axure RP能够更加快速、容易的创建网站和应用的动态原型、说明文档等。有一点非常好的是，在这个软件中能够使用真实的控件，如按钮、表单、图形和动态元素等。Axure RP界面非常易用，可以在不需要不额外编码的情况下生成可交互的HTML页面，还可以生成word格式的说明文档。

网站线框图的使用人群

在整个网站制作过程中，虽然项目组人员所处的职位不同，但每个职位都可以充分发挥自己的价值。一个好的项目是通过不断有效的沟通产生的，大家的目的是为了使项目最终呈现出一种完美的状态。

交互设计环节是互动设计师将网站的结构、功能、逻辑关系及交互性能通过框架有效的实现的一个设计过程。所以网页线框图代表了可视化的界面，使得信息、结构、内容、功能等表现行为有个良好的接口，更好的服务于项目的沟通和讨论。

1、PD

PD画线框图有时是不可以避免的，他们需要：

1) 细化思路，帮助自己写需求文档；

2) 更好传达自己的需求给其他人，比如交互设计师；

3) 一些预研型的项目，需要据此评估网站功能及逻辑关系。

2、交互设计师

1) 任务流——根据用户需求、行为，分析用户的任务，以及任务流程，简化任务 ；

2) 布局/结构——信息分几类，什么样的布局才能达到最高的可视率；

3) 位置/顺序——各个版块之间按照什么样的位置进行排列，引导用户的顺序是怎样的；

4) 层次/轻重——版块之间、文本之间的层次如何，怎么样排列更具有亲和力、具有好的用户体验。

3、视觉设计师

1) 页面整体风格的确定，根据行业特征和客户需求确定网站风格；

2) 页面颜色的确定，根据行业特征和企业VI色或者客户偏好确定网站颜色；

3) 视觉设计师将网站线框图实现为高逼真网站原型。