线框图是一个蓝图,可用于帮助您、您的团队和利益相关者思考和交流您正在构建的软件、网站和产品的结构。在编写任何代码和完成任何视觉设计之前,使用线框开始您的项目,将为您节省大量时间,并将帮助您和您的团队在锁定一个想法之前测试更多想法。

线框促进探索性想法

低保真明确表明设计不是最终的,迫使相关人员专注于结构和开发,而不是简单的细节或视觉设计。线框还促进了快速和富有成效的反馈会议,因为一切都非常容易制作和更改。

https://images.ctfassets.net/ooa29xqb8tix/6OKP1bhYLAouT3K1KGMDHY/bc076c0c3a5cd31e70217987d2a8f886/2.jpg

笔和纸

您可以使用许多软件来开发线框图,但大多数人从仅使用笔和纸绘制屏幕/产品开始。任何人都可以绘制正方形和矩形,快速绘制有助于更快地获得想法。

https://images.ctfassets.net/ooa29xqb8tix/7G7XP2BGR5BEqp7YeOglKX/31dbdd93718cb9d72d22acff3b3a8b60/3.jpg

线框图的缺点

由于线框图不包含任何设计,因此对于您团队中的一些人和一些利益相关者来说,很难理解和可视化这个概念。这意味着您需要确保自己是展示自己作品的人。确保传达您的概念,直到每个人都理解它。

https://images.ctfassets.net/ooa29xqb8tix/7rAiyiP8Vc8vVh8RkXKWrR/ecb53a9fd406aaa45b8161ae947f9590/4.jpg

用户还可以查看线框图

您绝对可以在发布前与用户一起测试您的线框图,这有助于您了解产品是否适合以及是否已为用户做好准备。“绿野仙踪”原型测试方法非常适合这一点。绿野仙踪允许测试和修改概念。您可以

在此处

了解有关此方法的更多信息。

https://images.ctfassets.net/ooa29xqb8tix/LVvWzn1USM9tYblHtL872/903e0dd4a2b83df16e350655a7b7d619/5.jpg

线框设计工具

让我们来讨论一些我们可以使用的令人惊叹的线框工具!

香脂

如果您使用 Microsoft Office,则可以使用 Balsamiq。它非常易于使用,并且在市场上已有 10 多年的历史,因此您可以相信该工具非常适合您的所有需求。无限用户的计划起价为每月 9 美元。

https://images.ctfassets.net/ooa29xqb8tix/5XAkE06iBgczaH9u7oGM3u/d66987061a8fa767118f0ea4e44eb61d/6.jpg