Balsamiq 模型教程 线框图基础 Balsamiq 模型 – 介绍 Balsamiq 模型 – 第一个项目 线框图在行动 Balsamiq 模型 – 导航 导出模型 Balsamiq 模型资源 Balsamiq 模型 – 资源 Balsamiq 模型 – 第一个项目 让我们在 Balsamiq 中创建我们的第一个项目。在我们开始线框图之前,规划屏幕/页面变得非常重要,这样我们的工作才能集中。在继续创建线框时,我们将浏览公司网站。 概念:公司网站 出于本教程的目的,我们将创建一个公司网站。此线框可以与许多中小型公司网站相关。 那么在计划阶段会发生什么? 在规划阶段,我们会花时间集思广益地讨论网站上的所有页面和每个页面的内容。考虑网站的以下页面。 在下一章中,我们将看到如何使用 Balsamiq 来设计这四�..
Category : balsamiq_mockups
Balsamiq 模型教程 线框图基础 Balsamiq 模型 – 介绍 Balsamiq 模型 – 第一个项目 线框图在行动 Balsamiq 模型 – 导航 导出模型 Balsamiq 模型资源 Balsamiq 模型 – 资源 Balsamiq 模型 – 快速指南 Balsamiq Mockups – 线框图基础 在软件开发方面,在实际开发开始之前,了解实际软件的外观非常重要。这是一项关键活动,因为它是软件项目中所有利益相关者的指南。 传统上,文本段落被用来描述或引出软件需求。然而,在理解这些文本时,每个人都会有自己的可视化需求的方式。这会导致软件开发团队的混乱,最终的成本是浪费精力、金钱和时间。 线框图可以定义为可视化给定屏幕(移动设备或网络)布局的活动。近年来,对线框屏幕/页面的需求不断增加,以衡量其可接受性。 为什么要线框图? 为了节省理解软件需求的时间,需要线框图。正如他们所说,一张图片的价值超过一千个字,线框通过有效地可视化屏幕布局和元素,提供了对任何功能/页面需求的一瞥。最后,它还有助于开发团队朝着共同的最终目标前进。 线框图活动的所有者通常是业务分析师/用户界面设计师/交互设计师。该团队成员需要在线框流程之前、之后和期间与团队协作。 Balsamiq 作为线框图工具 对于分配有线框图活动的专业人士来说,使用工具节省时间是有意义的。做线框图最有效的工具之一就是使用简单的钢笔和铅笔!这根本不需要投资!然而,在与团队沟通时,我们需要一种类似于钢笔和铅笔的外观,但增加了一些功能,例如通过电子邮件或类似的媒介进行共享。 Balsamiq是一款出色的工具,可满足线框图、协作和创造力的所有要求。其独特的功能集使团队成员能够快速进行线框图绘制,就要开发的功能达成共识。这最终将使团队在布局方面与功能保持一致。 它还支持不同团队的协作,以便团队成员可以与不同的同地或远程团队协作。它能够以 PDF/PNG 格式导出线框,从而提供了灵活性,同时与团队共享线框。 我们现在知道 Balsamiq 如何高效地即时创建线框。如果我们在软件开发的早期利用这段时间来设定利益相关者的期望,那么考虑到创建线框图所需的最少时间,利益相关者的满意度就会更高。这是大多数产品组织使用 Balsamiq 的主要原因,在这些组织中,满足客户/利益相关者关系至关重要。 对于产品经理/用户体验分析师,Balsamiq Mockups 提供了一个在开发早期增加价值的平台。通过使用其丰富的工具集,产品经理/用户体验分析师可以无缝地推动产品走向成功。 Balsamiq 模型 – ..
Balsamiq 模型教程 线框图基础 Balsamiq 模型 – 介绍 Balsamiq 模型 – 第一个项目 线框图在行动 Balsamiq 模型 – 导航 导出模型 Balsamiq 模型资源 Balsamiq 模型 – 资源 Balsamiq 模型 – 导航 现在我们已经创建了页面,关键部分是让它们像网页一样按顺序出现。在我们的示例中,导航是使用右上角的链接栏实现的。 让我们看看如何连接第一页主页和第二页产品和服务。 转到主页页面 单击链接栏 请参阅属性窗格 作为强调,从链接部分,单击上下拉产品。它将向您显示可用模型的列表。选项如下所示。 从列表中,点击产品和服务。 完成主页后,对其他页面重复相同的步骤 –关于我们,联系我们。请注意,在其他页面上;我们将为所选页面以外的页面插入导�..
Balsamiq 模型教程 线框图基础 Balsamiq 模型 – 介绍 Balsamiq 模型 – 第一个项目 线框图在行动 Balsamiq 模型 – 导航 导出模型 Balsamiq 模型资源 Balsamiq 模型 – 资源 Balsamiq Mockups – 线框图在行动 在本章中,我们将讨论如何使用 Balsamiq 为我们的网站设计以下四个页面 – 主页 产品和服务页面 关于我们页面 联系�..
Balsamiq 模型教程 线框图基础 Balsamiq 模型 – 介绍 Balsamiq 模型 – 第一个项目 线框图在行动 Balsamiq 模型 – 导航 导出模型 Balsamiq 模型资源 Balsamiq 模型 – 资源 Balsamiq Mockups – 线框图基础 在软件开发方面,在实际开发开始之前,了解实际软件的外观非常重要。这是一项关键活动,因为它是软件项目中所有利益相关者的指南。 传统上,文本段落被用来描述或引出软件需求。然而,在理解这些文本时,每个人都会有自己的可视化需求的方式。这会导致软件开发团队的混乱,最终的成本是浪费精力、金钱和时间。 线框图可以定义为可视化给定屏幕(移动设备或网络)布局的活动。近年来,对线框屏幕/页面的需求不断增加,以衡量其可接受性。 为什么要线框图? 为了节省理解软件需求的时间,需要线框图。正如他们所说,一张图片的价值超过一千个字,线框通过有效地可视化屏幕布局和元素,提供了对任何功能/页面需求的一瞥。最后,它还有助于开发团队朝着共同的最终目标前进。 线框图活动的所有者通常是业务分析师/用户界面设计师/交互设计师。该团队成员需要在线框流程之前、之后和期间与团队协作。 Balsamiq 作为线框图工具 对于分配有线框图活动的专业人士来说,使用工具节省时间是有意义的。做线框图最有效的工具之一就是使用简单的钢笔和铅笔!这根本不需要投资!然而,在与团队沟通时,我们需要一种类似于钢笔和铅笔的外观,但增加了一些功能,例如通过电子邮件或类似的媒介进行共享。 Balsamiq是一款出色的工具,可满足线框图、协作和创造力的所有要求。其独特的功能集使团队成员能够快速进行线框图绘制,就要开发的功能达成共识。这最终将使团队在布局方面与功能保持一致。 它还支持不同团队的协作,以便团队成员可以与不同的同地或远程团队协作。它能够以 PDF/PNG 格式导出线框,从而提供了灵活性,同时与团队共享线框。 我们现在知道 Balsamiq 如何高效地即时创建线框。如果我们在软件开发的早期利用这段时间来设定利益相关者的期望,那么考虑到创建线框图所需的最少时间,利益相关者的满意度就会更高。这是大多数产品组织使用 Balsamiq 的主要原因,在这些组织中,满足客户/利益相关者关系至关重要。 对于产品经理/用户体验分析师,Balsamiq Mockups 提供了一个在开发早期增加价值的平台。通过使用其丰富的工具集,产品经理/用户体验分析师可以无缝地推动产品走�..
Balsamiq 模型教程 线框图基础 Balsamiq 模型 – 介绍 Balsamiq 模型 – 第一个项目 线框图在行动 Balsamiq 模型 – 导航 导出模型 Balsamiq 模型资源 Balsamiq 模型 – 资源 Balsamiq 模型 – 介绍 安装 Balsamiq 要安装 Balsamiq,请确保您有以下要求。 要在您的计算机上运行 Balsamiq,需要运行 Adobe Air 2.6。它在大多数计算机和操作系统上都能正常工作。Adobe Air 2.6 的最低系统要求如下 – 对于 Windows 2.33GHz 或更快的 x86 兼容处理器,或 Intel AtomTM 用于上网本类设备的 1.6GHz 或更快的处理器。 Microsoft® Windows Server 2008、Windows ..
Balsamiq 模型教程 线框图基础 Balsamiq 模型 – 介绍 Balsamiq 模型 – 第一个项目 线框图在行动 Balsamiq 模型 – 导航 导出模型 Balsamiq 模型资源 Balsamiq 模型 – 资源 Balsamiq Mockups – 导出模型 在本章中,我们将看到如何将项目的所有模型放在一起,并将它们导出为 PNG 图像或 PDF 文件。 如果您要向最终用户/客户显示您创建的线框,您显然希望以更常见的格式(例如 PDF)显示此线框。为此,Balsamiq Mockups 提供了以PNG 图像或 PDF 文件形式导出模型的灵活性。 让我们以 PDF 格式导出模型。为此,请单击“项目”菜单,然后单击“导出为 PDF”。它将显示一个屏幕,如下面的屏幕截图所示。 从上面的屏幕中,选中复选框 – “显示链接提示”。单击导出为 PDF。它将显示一个弹出窗口,询问导出 PDF 的位置。提供位置后,PDF 将导出到指定位置。进度将显示在进度条中,如下所示。 导出 PDF 时会出现一个确认框,如下所示。 单击此消息后,您将看到 PDF。在 ..
Balsamiq 模型教程 线框图基础 Balsamiq 模型 – 介绍 Balsamiq 模型 – 第一个项目 线框图在行动 Balsamiq 模型 – 导航 导出模型 Balsamiq 模型资源 Balsamiq 模型 – 资源 Balsamiq 模型 – 有用的资源 以下资源包含有关 Balsamiq Mockups 的其他信息。请使用它们来获得更深入的知识。 Balsamiq 模型的有用链接 Balsamiq Mockups Wiki – Balsamiq Mockups 的维基百科参考。 要在此页面上登记您的网站,请发送电子邮件至gingerdoc-contact..
Balsamiq 模型教程 线框图基础 Balsamiq 模型 – 介绍 Balsamiq 模型 – 第一个项目 线框图在行动 Balsamiq 模型 – 导航 导出模型 Balsamiq 模型资源 Balsamiq 模型 – 资源 讨论 Balsamiq 模型 Balsamiq Mockups 是一种以线框形式呈现软件需求的有效工具。这有助于软件开发团队在开发的早期阶段可视化软件项目的外观。这是一个小教程,我们将在其中介绍开始使用 Balsamiq Mockups 所需的所有基�..