在描述我们的网页设计过程时,我们的客户经常问到一个问题:“什么是线框?” 线框是我们决定元素将在网站上放置的位置。
这些几乎是您将在每个网站上看到的一些标准元素:标头通常包括logo、号召性用语文案和导航链接、导航、链接到您网站中的子页面、照片或图形、文本标题和副本段落、页脚通常包括博客文章,网站其他页面的链接,版权信息和社交媒体图标。有几个要点可以帮助解释为什么线框如此重要。
重点
线框没有任何颜色(除了不同的灰色阴影),字体选择,通常没有副本。在此过程的此阶段,重要的是集中精力放置元素,例如图像和副本,导航链接,号召性用语以及页脚中的内容。保持简单会迫使我们专注于布局而不是仅仅停留在细节上,而这些细节只会分散注意力并减慢整个过程。
易用性
线框是网站设计和开发的基础,就像蓝图是房屋设计的基础一样。线框通常从手绘草图或者原型画图开始,然后进行数字化处理以呈现给客户。很多时候,我们会与客户一起在纸上或者原型上勾勒出想法,以真正了解我们要向最终用户呈现的内容。这种协作对于该过程非常有价值。在这里,我们可以讨论诸如转换路径,导航链接的命名方法,易用性和导航样式之类的问题。如果您跳过此阶段,那么您将忽略重要的考虑因素,一旦站点开发,这些重要的考虑因素将对整个用户体验产生问题。
共同的理解
在您的网站设计和开发过程中加入线框的另一个真正好处是与客户沟通。归根结底,我们可以构建人类已知的最美丽的网站,但是如果客户所期望的不是我们期望的,那么该项目从一开始就不会成功。在线框阶段,我们可以讨论对用户重要的部分和不重要的部分。这使我们的客户有机会在我们开始构建网站之前提供反馈并发表意见。如果需要更改功能部件或元素,那么现在是进行这些更改的时候了。在进入设计阶段之前,我们对网站布局的确切含义有一个黑白共识。关于所有期望,各方都在同一页上。
不只是线框,更是好的线框
通过行业和竞争对手的研究以及与客户的合作,深思熟虑了一个好的线框。良好的线框可以节省时间,并确保项目在同一页面上启动所有人。好的线框有助于避免日后进行昂贵的设计或开发更改,并避免黑客入侵。
当今网络上有许多线框工具可用。有些可以用于简单的线框,而另一些则可以让您创建有效的原型。我们最喜欢的原型画图工具是mockingbot,以及axure。