<p>线框图原型是网站核心策略“<span class="so-called">着陆</span>”的重要步骤。将机巧的想法转化为实际产品是一个<span class="so-called">复杂过程</span>，这种复杂并不仅仅体现在技术层面，而更突出的表现在团队配合中；倘若三两个人的迷你团队，只需要很少的文档就能够达成协作一致；页面原型作为<span class="so-called">从创意到执行的中间文档</span>，贯穿整个团队的工作，对于大型项目和团队协作的确有些效果。作为线框图系列教程的完结篇，本文将对页面原型的<span class="so-called">前世今生</span>进行讨论，探寻<span class="so-called">抛弃原型</span>的敏捷之路。</p>
<p>屏幕是万维网的创作介质，引入一个时下很流行的概念，屏幕也是所有“<span class="so-called">数字多媒体</span>”的展示介质，这是与传统的纸面印刷最大的区别；屏幕带来了用户交互、时间与空间差异，这也是毕昇发明活字印刷术时始料未及的；创建网页的本质是内容信息架构的呈现过程，如果玩转内容形式主义是<span class="so-called">雪中送炭</span>，那么用交互实现屏幕复用就是<span class="so-called">锦上添花</span>。当网站策划人员、产品经理也不得不暂时替代交互设计师的工作（这是大量存在的），就必须要掌握最基本的屏幕复用原则。</p>
<p>低保真原型已经确定了页面的基本结构，至此，作为产品规划和网站策划的工作已经完结了；但是往往在实际的团队配合中需要更精细的“<span class="so-called">蓝图</span>”作为可执行的指南，此时，高保真原型更具有实践价值。所谓“<span class="so-called">高保真</span>”即尽量的<span class="so-called">将页面细节进行规范和展现</span>，模拟最终页面效果和用户交互，是页面逻辑结构向最终形式的一种延展；同一内容结构具有<span class="so-called">表现多样性</span>的特征，即<span class="so-called">从一个低保真原型可以衍射出若干高保真原型</span>；进行页面高保真线框图设计，就是玩转内容的形式主义。</p>
<p>元素填充是一个快捷的过程。作为线框图设计者，那些简单项目完全可以一口气把所有的页面都进行填充；然而对于复杂的系列线框图，更推荐先对模板进行整理和细化。<span class="so-called">模板是贯穿整个项目的信息纽带</span>，同时<span class="so-called">决定了最终效果的访问风格</span>；理解模板的概念并不难，甚至很多原型设计工具都提供了单独的模板功能（比如Axure）；模板系统如何建立、如何灵活应用，将是本章的话题。</p>
<p>无论是设计低保真草稿还是高保真的模拟原型，线框图都是从<span class="so-called">基本的布局</span>开始；良好的布局是顺畅视觉流程的开始，同时也奠定了最终访问效果的基调；<span class="so-called">布局是一个画地为牢</span>的过程，什么东西放在哪里一旦基本确，界面就大体确定了；设置条条框框并不是为了限制界面设计师的发挥，而是要达到页面之间的协调和整个网站的统一；本文作为系列教程的第二篇文章，将讲述如何进行基本布局和需要注意的问题。</p>
<p>页面线框图（Wire frame）是网站设计方案中的重要组成部分，无论是<span class="so-called">I-Board</span> 、<span class="so-called">Page-Layout</span>、<span class="so-called">UI-Draft</span>这些不同的称呼，它们的本质都是一样的，网站策划师、网络产品经理的最后交付文档，通常的呈现设计是<span class="so-called">最直观有效的</span>。单纯从设计的角度，线框图也可以看作一个视觉呈现过程，虽然如此，也不能把线框图的设计当作<span class="so-called">简单的视觉问题</span>。如何看待线框图，如何着手设计线框图，如何把握线框图的详细程度，如何让其他合作者看懂线框图，就是本系列文章要解决的问题。</p>
HoZiN