WireFrame.cc,在线线框图绘制工具，wireframe.cc工具不仅易用而且界面漂亮。操作简单、直观
WireFrame.cc跟Mockflow这些线上原型工具类似
1、线框图的定义
线框图是WEB页面的草图线框图可以作为和项目成员、
客户分析讨论的视觉工具
线框图的一个主要职能是界定页面模版的布局。
2、什么是线框图?
线框图是通过一系列的基本图形
3、线框图为什么会有效?
只需要最小的技能就可以创建页面原型。允许对设计进行快速的反复测试。聚焦网站是如何工作和展示在项目早期就可以交付给客户审核
4、线框图处理什么?
当项目组提交一份网站的设计原型出来时线框图尝试将网站的视觉感受和工作及阅读形式分离出来
线框图应该包含哪些元素:
a、关键的页面元素及其位置:头部、底部、导航、内容对象、品牌元素、产品列表等。
b、分组:边栏、导航栏、内容区域等等。
c、标签:页面标题、导航链接、内容对象的头部等。
d、标签和伪文字:在线框图中放置示范性的标签和文字。
5. 那些页面应该制作线框图?
简单而言:主页和模板。
详细的说法是:任何需要客户批准的、和主页有着截然不同的排版和内容的页面。
下列这些页面应该设计线框图(包含但不限于此列):
主页、各子站点或主栏目的展示页、内容页面模板、讨论页、搜索结果页、产品列表页、产品详细页面、结账流程及其他流程页面、我的账号主页和模板页面、404 错误页。
6、线框图的设计详细程度
线框图的设计详细程度依赖于项目处于那个阶段。
线框图有三类级别:抽象视图、低保真度、高保真度；
抽象视图:仅展示基本的页面元素和功能名称
低保真度:只列出每页所需的头部、底部、导航类型、内容对象等
高保真度:和最终的设计非常接近
7、标签和文字的展示
目前而言有两种观点另一种则是寻求线框图中反映有代表性的内容
8、是否需要颜色?
在线框图中
一般而言所以一般线框图都是黑、灰和白三种颜色为好。WireFrame.cc
