23、打造 iPhone 雪情报告应用的全流程指南

打造 iPhone 雪情报告应用的全流程指南

1. 前期规划与图表设计

在开始设计雪情报告应用时，不必过于纠结图表的细节。关键是明确所需的视图，并将它们关联起来。这样，在决定视图层次结构等重大决策时，就无需在 Photoshop 中移动大量图层。例如，参考原生天气应用能获得不少帮助，它也是该雪情报告应用的灵感来源之一。既然大多数人都熟悉这种模式，就没必要重新设计。

2. 创建线框图

接下来，需要仔细审视流程图中的每个视图，并设计线框图。线框图就像房屋蓝图，能呈现视图内所有对象的布局，而无需考虑具体的样式细节。
- 手绘草图起步 ：建议先在素描本上手绘线框图，这比直接在 Photoshop 中创建要节省大量时间。手绘可以快速勾勒出 10 种布局，而在 Photoshop 中构建则相对繁琐。手绘草图有助于排除糟糕的想法，为好的创意腾出空间。
- 思考关键问题 ：在设计雪情报告线框图时，需要思考一些关键问题，如如何组织降雪测量数据、按钮应集中还是分组、开放或关闭标志的位置等。
- 按需选择工具 ：对于小型项目，如本雪情报告应用，草图通常就足够了。但如果项目规模较大或需要更精确的线框图，可以使用 Illustrator。

以下是创建线框图的步骤总结：
1. 在素描本上手绘线框图。
2. 思考并解决线框图中的关键问题。
3. 根据项目规模和需求，决定是否使用 Illustrator 进一步完善线框图。

3. 界面设计风格化

完成流程图和线框图后，就可以