4、应用设计全流程指南：从原型到视觉优化

应用设计全流程指南：从原型到视觉优化

1. 线框图与原型设计基础

线框图是一种可视化表示，它展示了应用程序的外观，但不涉及具体的视觉或工业设计。线框图呈现了功能和结构视觉元素的布局，像按钮、复选框、输入字段、滚动条等。同时，它还展示了应用程序的不同视图以及这些视图之间的关系。

原型设计是记录交互设计的有效方法。它可以记录当前设计，并为未来的迭代和扩展提供途径。原型应该易于构建和修改，以便及时评估新想法。相较于一个大型的综合原型，创建多个专注于应用单一功能或体验的小型原型可能更高效。而且，原型不一定是实际运行的代码，一些应用行为可以通过静态视觉表示来呈现和探索，如 PowerPoint 甚至纸上的草图。

2. Flowella 工具介绍

Flowella 是一款由 Forum Nokia 提供的交互设计和原型制作工具，旨在让设计师和非程序员在设计和开发过程中快速创建 UI 原型并与之交互。该工具允许用户轻松地为视觉资产添加导航和流程信息，然后可以在桌面模拟器或实际移动设备上使用 Flash、Web 小部件或 QML 来测试生成的原型。图形资产可以是简单的草图、线框图或成品艺术作品。

2.1 安装 Flowella

• 从以下链接下载并安装 Flowella： www.forum.nokia.com/info/sw.nokia.