网站设计之如何画好草图？网页设计草图要怎么画比较好？

网站设计

01.用草图开始你的线框图

虽然它可能看起来像一个好主意，直​​接进入自己喜欢的设计工具，勾画出你的线框 – 用铅笔和纸 – 可以产生更好的结果。该过程不应该太长，它会帮助你给你的整体计划的一个更好的主意。

02.跳过颜色

线框的目的是设计内容，页面和视图元素，并描述了应用程序的功能。添加在设计的任何元素，诸如颜色，从它的主要目的减损。所以，离开实体模型的颜色，并保持它的线框。

03.保持简单的线框

不要过于复杂的线框图。保持简单可以让你专注于大局，避免分心。线框图应该清楚地描述你的应用程序的可用性和功能。你并不需要进入细枝末节或设计的最终外观。

04.使用更好的样本数据

差的所选样本数据可以杀死一个线框。虽然你并不需要花费大量的时间用数据填充你的线框图，你至少应该确保你添加相关的数据。

在需要的时候05.注释

在他们的核心，线框的蓝图; 他们是设计师和开发人员指南，以构建应用程序或网站。如果你希望他们更容易阅读和理解，在需要的时候添加注释，并在适当情况下。

06.使用网格系统和布局盒

制作线框图的一个有趣的方法是使用一个网格系统和布局框。使用这种方法，可以快速组铺陈简单和结构化的方式不同的组件。

07.创建可重用的风格和符号

用于线框大多数软件能够创建和重用风格和符号的能力。这不仅将有助于加快这一进程，但它会帮助您保持一致的线框。

08.使用了合适的工具

说到软件，有可以使线框的工具。其中有些是专门为线框设计的，有些则不是。这里有几个收藏：

• 素描是最好的工具，有一个。使用与其它解决方案，如结合的InVision，素描为设计人员提供你需要以必要的工具来完成工作
• 亲和设计师是一个轻量级的矢量设计工具自带座无虚席的一切，你需要创建巨大的线框图
• 铅笔项目是内置的形状和模具使用Android，iOS，Dojo和更自由的，开放源码工具。你也可以用它来线框网站和桌面应用程序

对于一些更多的想法，看看我们的挑选的20个最好的线框工具。

09.了解你的线框类型

如果你不熟悉的术语“保真”，这意味着信息的详细程度。在线框的世界里，您的选择是低保真和高保真。两者都是必要的，但每个人都有自己的功能和用途。

低高保真线框是在这一切开始。这是基本没有多余的装饰，快速创建线框图。其主要目的是让你开始。而高保真线框提供了很多更详细的，虽然不是全彩原型。通常，这些是灰度图像或单色线框，其提供实际设计的更紧密的表示。

10.早，经常得到反馈

对使用线框的好处是，他们需要很少的时间来创建。因此，它们可以与先前在设计过程中的团队共享。这使得更容易在早期抓到的东西，并相应地解决这些问题。这就是说，在你的电线得到反馈及早并经常。

线框不应该减慢你的速度。他们是在这个过程中，为用户创造更好的UX / UI设计，只需一个步骤。