<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