Home » 标签 线框图流程 下的文章

页面线框图教程(之二):画地为牢的框架设计

<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>

+阅读全文