大多数专业设计师在开始应用设计时,都会先绘制基本设计理念的草图。这些草图可能非常详细,也可能非常基础。无论哪种方式,它们最终都会演变成全面的线框,展示用户在应用中实现目标所需的所有旅程和步骤。
线框图是说明应用中每个屏幕的形式和功能的蓝图。它们最初是基本的黑白草图,用于说明屏幕的布局以及标题、导航元素、内容和视觉效果的放置位置。
随着设计师添加越来越多的元素,移动应用线框图的细节水平也不断提高。最终的高保真线框图集合提供了应用的完整骨架视图。这可作为应用的最终基础设计框架。
应用程序线框图技术
和草图一样,线框也可以是纸质的。或者,设计师可以扫描纸质线框,并使用 Photoshop 等软件工具创建可点击的线框。现在还有第三种选择:使用线框工具。线框工具类似于现代网站构建器。它们具有简单的界面和基本的拖放功能。
有些工具甚至附带了应用线框模板库、特定应用类型的 UI 组件和其他设计元素。在这些工具上创建 精准手机号码线索 线框非常简单。只需将预先存在的应用设计布局、元素和组件拖放到线框工具的空白画布上,即可创建一个又一个高质量的线框。
有些工具甚至允许您创建可点击的线框。本文详细介绍了所有这些线框技术 – 从草图到可点击的线框。
从构思到纸质线框图
应用程序设计流程通常以以下方式开始。客户讨论应用程序的目标、功能、结构、视觉设计、内容、关键交互 bwb名录 和其他要求。然后,用户体验研究人员进行利益相关者访谈和用户研究,以开发“用户角色”或群体。
在最初的草图阶段,人物角色被证明是设计师非常有用的头脑风暴工具。通常,他们会为不同的用户群体创建不同的草图。一旦所有基本的设计理念都融入到草图中,它们就会被送去审查。
我们会分析每组草图
以确定哪一组最适合客户的品牌、用户群和关键设计要求。通过最终的草图,我们有一个明确的产品目标、初步的功能列表和切合实际的设计目标。
现在,设计师将规划出所有屏幕及其上的所有基本功能如何协同运行。第一个交互图将仅说明用户如何访 2023 年 15 款最佳负载平衡软件 问和浏览应用程序的主屏幕。以下是基本的低细节交互图:
第一组屏幕草图将概述用户入门流程,并解释用户下载应用程序后将看到的内容
首先,用户会看到一个带有应用名称和详细信息的启动画面
然后,他们会看到一个写着“创建帐户”的页面
然后,他们会被引导至教程
教程中的每一页都有小部分内容
用户可以点击“跳过”的设计元素,直接进入应用主页
在交互图的第二版中,将解释主页上的用户流程。以下是这些图的直观表示:
(来源)
有了交互图,设计师就能清楚地了解用户流程。现在,他们可以在交互图中绘制不同的页面。因此,您在上图中看到的每个形状都有自己的草图。这些草图将成为我们的第一批低保真线框图。