学习使用简单的线框开始您的设计
Web线框是一个简单的视觉指南，向您展示网页的外观。 它建议页面的结构 ，而不使用任何图形或文本。 网站线框将显示整个网站结构 - 包括哪些网页链接到哪里。
网络线框是开始设计工作的好方法。 尽管可以创建具有大量细节的复杂线框 ，但您的计划可以从餐巾纸和笔开始。 制作好线框的关键是省去所有的视觉元素。 用框和线代表图片和文字。
要包含在网页线框中的东西：
- 主要图形元素框
- 标题和副标题的放置
- 一个简单的布局结构
- 号召采取行动
- 文本块
如何构建简单的Web线框
使用任何方便的纸张创建网页线框。 以下是我的做法：
- 绘制一个大矩形 - 这可以表示整个页面或只是可见部分。 我通常从可见部分开始，然后将其展开以包含折叠下的元素。
- 草绘布局 - 是2列，3列？
- 在标题图形的框中添加 - 在列上绘制如果您希望它成为列上方的单个标题，或者将其添加到您想要的位置。
- 在你想要H1标题的地方写上“标题”。
- 在你想要H2和低标题的地方写上“Sub-Head”。 如果让它们成比例，它会有所帮助 - h2小于h1，h3小于h2，等等。
- 为其他图像添加框
- 添加导航。 如果您正在规划标签，只需绘制框，然后在顶部写上“导航”。 或者在要导航的列中放置项目符号列表。 不要写内容。 只需编写“导航”或使用一条线来表示文本。
- 向页面添加其他元素 - 标识它们与文本是什么，但不要使用实际的内容文本。 例如，如果您要在右下角使用号召性用语按钮，请在其中放置一个框，并将其标为“号召性用语”。 不要写“立即购买！” 在那个盒子里。
一旦你写好了简单的线框，并且不应该花15分钟时间来绘制一个线框，然后将其展示给其他人。 询问他们是否缺少任何东西以及其他反馈。 根据他们所说的话，你可以编写另一个线框或保留你所拥有的线框。
为什么纸张线框最适合初稿
虽然可以使用Visio等程序创建线框，但对于最初的头脑风暴会议，您应该坚持写论文。 纸张似乎不是永久性的，很多人会认为你在5分钟内把它扔在一起，所以毫不犹豫地给你很好的反馈。 但是当你使用一个程序来创建完美的方格和颜色的花式线框时，你会冒着被卷入程序本身的风险，并花费数小时完善一些永远不会上线的事情。
纸线框很容易做到。 如果你不喜欢它，你只需将纸折起来，扔回收再利用，然后拿一张新纸。