01.用草图开始你的线框图
虽然它可能看起来像一个好主意,直接进入自己喜欢的设计工具,勾画出你的线框 – 用铅笔和纸 – 可以产生更好的结果。该过程不应该太长,它会帮助你给你的整体计划的一个更好的主意。
02.跳过颜色
线框的目的是设计内容,页面和视图元素,并描述了应用程序的功能。添加在设计的任何元素,诸如颜色,从它的主要目的减损。所以,离开实体模型的颜色,并保持它的线框。
03.保持简单的线框
不要过于复杂的线框图。保持简单可以让你专注于大局,避免分心。线框图应该清楚地描述你的应用程序的可用性和功能。你并不需要进入细枝末节或设计的最终外观。
04.使用更好的样本数据
差的所选样本数据可以杀死一个线框。虽然你并不需要花费大量的时间用数据填充你的线框图,你至少应该确保你添加相关的数据。
在需要的时候05.注释
在他们的核心,线框的蓝图; 他们是设计师和开发人员指南,以构建应用程序或网站。如果你希望他们更容易阅读和理解,在需要的时候添加注释,并在适当情况下。
06.使用网格系统和布局盒
制作线框图的一个有趣的方法是使用一个网格系统和布局框。使用这种方法,可以快速组铺陈简单和结构化的方式不同的组件。
07.创建可重用的风格和符号
用于线框大多数软件能够创建和重用风格和符号的能力。这不仅将有助于加快这一进程,但它会帮助您保持一致的线框。
08.使用了合适的工具
说到软件,有可以使线框的工具。其中有些是专门为线框设计的,有些则不是。这里有几个收藏:
- 素描是最好的工具,有一个。使用与其它解决方案,如结合的InVision,素描为设计人员提供你需要以必要的工具来完成工作
- 亲和设计师是一个轻量级的矢量设计工具自带座无虚席的一切,你需要创建巨大的线框图
- 铅笔项目是内置的形状和模具使用Android,iOS,Dojo和更自由的,开放源码工具。你也可以用它来线框网站和桌面应用程序
对于一些更多的想法,看看我们的挑选的20个最好的线框工具。
09.了解你的线框类型
如果你不熟悉的术语“保真”,这意味着信息的详细程度。在线框的世界里,您的选择是低保真和高保真。两者都是必要的,但每个人都有自己的功能和用途。
低高保真线框是在这一切开始。这是基本没有多余的装饰,快速创建线框图。其主要目的是让你开始。而高保真线框提供了很多更详细的,虽然不是全彩原型。通常,这些是灰度图像或单色线框,其提供实际设计的更紧密的表示。
10.早,经常得到反馈
对使用线框的好处是,他们需要很少的时间来创建。因此,它们可以与先前在设计过程中的团队共享。这使得更容易在早期抓到的东西,并相应地解决这些问题。这就是说,在你的电线得到反馈及早并经常。
线框不应该减慢你的速度。他们是在这个过程中,为用户创造更好的UX / UI设计,只需一个步骤。