专题：线框图 -- IT技术博客大学习 -- 共学习共进步！

线框图原型是网站核心策略“着陆”的重要步骤。将机巧的想法转化为实际产品是一个复杂过程，这种复杂并不仅仅体现在技术层面，而更突出的表现在团队配合中；倘若三两个人的迷你团队，只需要很少的文档就能够达成协作一致；页面原型作为从创意到执行的中间文档，贯穿整个团队的工作，对于大型项目和团队协作的确有些效果。作为线框图系列教程的完结篇，本文将对页面原型的前世今生进行讨论，探寻抛弃原型的敏捷之路。

页面线框图教程（之六）：用交互实现屏幕复用

交互设计是一门独立的学科，通过本章管中窥豹的论述，让线框图设计人员更深入了解屏幕复用的基本理论。“层”并非Web的标准应用，因此需要谨慎的对待；覆盖与切换是两种典型的屏幕复用的方式，同时“切换”可以理解为比较特殊的一种“内容覆盖”；交互设计是引导用户顺畅的点击，而非给用户造成障碍和麻烦。

页面线框图教程（之五）：玩转内容形式主义

低保真原型已经确定了页面的基本结构，至此，作为产品规划和网站策划的工作已经完结了；但是往往在实际的团队配合中需要更精细的“蓝图”作为可执行的指南，此时，高保真原型更具有实践价值。所谓“高保真”即尽量的将页面细节进行规范和展现，模拟最终页面效果和用户交互，是页面逻辑结构向最终形式的一种延展；同一内容结构具有表现多样性的特征，即从一个低保真原型可以衍射出若干高保真原型；进行页面高保真线框图设计，就是玩...

页面线框图教程（之四）：再谈网站导航系统

在确立低保真原型线框图之后，一般的根据需要进行高保真设计；在《网站导航设计杂谈》中，已经明确了导航系统的设计并非网站设计的第一要务，然而整个网站的设计的核心任务却只有一件事：引导用户快速的访问到自己需要的内容；导航系统是完成这种用户引导的重要工具之一，因此无论是否需要生成高保真模型，针对导航系统的详细描摹都显得非常的迫切，几乎成为了设计线框图的必须步骤。

页面线框图教程（之三）：模板的活字印刷术

元素填充是一个快捷的过程。作为线框图设计者，那些简单项目完全可以一口气把所有的页面都进行填充；然而对于复杂的系列线框图，更推荐先对模板进行整理和细化。模板是贯穿整个项目的信息纽带，同时决定了最终效果的访问风格；理解模板的概念并不难，甚至很多原型设计工具都提供了单独的模板功能(比如Axure)；模板系统如何建立、如何灵活应用，将是本章的话题。

页面线框图教程（之二）：画地为牢的框架设计

无论是设计低保真草稿还是高保真的模拟原型，线框图都是从基本的布局开始；良好的布局是顺畅视觉流程的开始，同时也奠定了最终访问效果的基调；布局是一个画地为牢的过程，什么东西放在哪里一旦基本确，界面就大体确定了；设置条条框框并不是为了限制界面设计师的发挥，而是要达到页面之间的协调和整个网站的统一；本文作为系列教程的第二篇文章，将讲述如何进行基本布局和需要注意的问题。

页面线框图教程（之一）：从本质到表象

页面线框图(Wire frame)是网站设计方案中的重要组成部分，无论是I-Board 、Page-Layout、UI-Draft这些不同的称呼，它们的本质都是一样的，网站策划师、网络产品经理的最后交付文档，通常的呈现设计是最直观有效的。单纯从设计的角度，线框图也可以看作一个视觉呈现过程，虽然如此，也不能把线框图的设计当作简单的视觉问题。如何看待线框图，如何着手设计线框图，如何把握线框图的详细程度，如何让其他合作者看懂线框图，就是本系...

使用线框图来简化你的产品设计流程

绘制一个线框图是你在制作一个网站前必须要经历的过程。线框图能够帮助你合理的组织并简化你内容和元素，是网站内容布局的基本视觉表现方式，是网站开发过程中一个重要的步骤。线框图的好处：让用户、设计者在初期就可以对网站有个清晰明了的认知能激发设计师想象力，使其在创作过程中有更多发挥空间给开发者提供一个清晰的架构，让他们知道他们需要编写的功能模块让每个页面的跳转关系都变得清晰明了很容易的改变页面布局...