Balsamiq Mockups - Wireframing Basics

在软件开发方面,了解实际软件在实际开发开始前将如何研究这一点非常重要。 这是一项关键的活动,因为它是软件项目中所有利益攸关方的一项准则。

传统上,案文的段落被用于描述或引起软件要求。 然而,在理解这些文本时,每个人都会有自己的方式来解读要求。 这导致软件开发小组的组合,最终成本是浪费努力、金钱和时间。

可将电解定义为视特定屏幕(移动或网络)布局的活动。 近年来,人们越来越多地要求将屏幕/网页连接起来,以衡量其可接受性。

Why Wireframing?

需要进行电离层,以节省对软件要求的及时投资。 他们说,图像价值超过1 000字,通过有效地显示屏幕布局和内容,对任何特征/页面的要求进行 gl光。 最后,它还帮助发展小组实现共同最终目标。

电联活动的所有人通常是一名商业分析员/用户界面设计师/互动设计师。 该小组成员必须在电离层过程之前、之后和期间与小组合作。

Balsamiq as a Wireframing Tool

对于从事电离层活动的专业人员,使用一种工具节省时间是明智的。 监听最有效的工具之一是使用简单的笔录和笔录! 这根本不需要投资。 然而,在向工作队传达信息时,我们需要一个类似于笔和笔记的视器,但具有诸如电子邮件或类似媒介的共享等附加特征。

Balsamiq是一个出色的工具,满足了电联、协作和创造力的所有要求。 其独特的特点使小组成员能够迅速进行电解,就有待发展的特点达成共识。 这最终将使小组在布局方面与功能一致。

它还能够与不同团队合作,以便团队成员能够与不同的合用地点或边远地点小组合作。 该公司以PDF/PNG格式出口电线的能力允许灵活性,同时与小组分享电线。

我们现在知道,Balsamiq如何有效地建立线索。 如果我们在软件开发初期利用这一时间确定利益攸关方的期望,那么,考虑到建立电线所需的最低时间,利益攸关方将更加满意。 这是大多数产品组织使用Balsamiq的主要原因,在这些组织中,满足客户/利益攸关方关系至关重要。

对于一名产品管理员/未爆弹药分析员,Balsamiq Mockups提供了在开发初期增加价值的一个平台。 通过其丰富的工具,产品经理/未爆弹药分析员能够无缝地推动产品取得成功。

Balsamiq Mockups - Introduction

Instalpng Balsamiq

安装Balsamiq,请确保具备以下要求。

为了在你的电脑上运行Balsamiq,Adobe Air 2.6需要运行。 它在大多数计算机和操作系统上进行罚款。 Adobe Air 2.6的最低系统要求如下:

For Windows

A 2.33GHz或更快×86-兼容处理器,或英特尔Atom

微软服务器,2008年,Windows 7, 视窗8, 视像10。

最低512MB RAM(1GB建议)。

AIR SDK Development Supports 微软Windows 7 and above, 64-bit only.

For Mac

Intel® Core^TM Duo 1.83GHz or faster processor.

Mac OS X v10.7, and above.

最低512MB RAM(1GB建议)。

AIR SDK Development supports Mac OS 10.9 and above, 64bit only.

参考链接—— Balsamiq 系统要求

我们可以从以下链接下载Balsamiq——。 Balsamiq Mockups for Current Balsamiq可在Windows和MacOS查阅。

User Interface

一旦安装完毕,我们就应当能够从我们的计算机中打开Balsamiq。 我们将在我们管理巴萨姆克时第一次看到以下屏幕。

如上所述,Balsamiq用户界面分为以下四个部分。

Navigator

UI Library

Inspector

Wireframe space/Area

在屏幕上,红色中强调的部分为各科检查专员/项目信息论坛。 根据甄选,我们应能够看到检查员/项目信息科(3)。

UI Library

如以下屏幕所示,国际不动产业联合会图书馆按不同的屏幕内容分类。 您可以横向浏览“所有”部分,并了解Balsamiq的现有屏幕内容。

让我们熟悉巴萨姆克现有的不同基本筛选要素类别。

这涵盖了巴萨姆克的所有调查单位。 你们可以横向地看待/使用。

Assets——就导言而言,这些是用户上载的习惯资产。

这一类别包括屏幕元素,其大小/频率相当高。 你们可以把诸如房主、浏览器窗口、iPad、iPi等内容归入这一类别。

它包括移动电话/网络线上所使用的所有纽扣控制。 一个典型的例子是行动纽州、检查箱等。

这些是用来表示最常见的互动的不同形态/控制。

如名称所示,它包括“窗口”、“外勤一套”、“浏览器”等。

与表格相关的所有统一分类控制都属于这一类别。

在任何特定时刻,你可能需要用一行表示某种行动。 例如,在最近的过去,我们与拯救儿童联盟有一丝不.的关系。 这种管制将给你提供该行动所需的证明。 Balsamiq拥有大量尸骨,感到可以自由检查。

这一类别下可提供专用于Sapiso移动操作系统的电源控制。

在代表基本网页/名称时,代表基本布局非常重要。 这类布局包括大多数,如《协定》、《横向/纵向协议》等。

Markup——支持你希望就电线上的特殊控制发表评论。 该评论箱可在标记中查阅。 此外,在许多假设情景中,使用电话表示互联。 可在Markup类下查阅。

在显示我们电线中的图像/声波时,可在媒体类别下进行相关的电离层控制。

这些标志是可变的组成部分,可减少产生最共同要素的时间。

如名称所示,所有与文本或段落有关的统一调查控制,例如联系律师、文本的分部分、Combo Box,均属于这一类别。

在下一章,我们将在Balsamiq开展第一个项目。

Balsamiq Mockups - First Project

让我们在Balsamiq建立我们的第一个项目。 在我们跳跃到电线之前,规划屏幕/页面变得比重要得多,这样我们的努力才能集中。 当我们着手建立电线时,我们将通过公司网站走。

Concept: A Company Website

为了这一理论,我们将建立一个公司网站。 这种电线可与许多小型/中型公司网站连接。

因此,规划阶段的情况如何?

在规划阶段,我们投入时间,对网站和内容上的所有网页进行集思广益。 4. 审议网站的以下网页。

在下一章中,我们将研究如何利用Balsamiq设计这四页。

Balsamiq Mockups - Wireframing in Action

在这一章中,我们将讨论如何利用Balsamiq为我们的网站设计以下四页——

The Home pp

《产品与服务》

内容提要

联系页

Balsamiq Mockups - Navigation

既然我们已经建立了这些网页,关键部分就是将它们放在像一个网页一样的顺序上。 举例来说,航行是在右上角利用pnk实现的。

让我们看看我们如何能够连接第1页Home。 页: 1

Go to Home 页 次

www.un.org/Depts/DGACM/index_french.htm

参见properties。 pane

如前所述,Links节点击下Products。 它将向您介绍现有的模拟清单。 这些备选办法如下。

清单中点击查询和服务。

页: 1 请注意,在其他网页上;我们将在选定的网页外加导航链接。

Balsamiq Mockups - Exporting the Mockups

在本章中,我们将研究如何将该项目的所有模拟材料汇集起来,并将其出口到全国过渡政府的图像或人民抵抗力量的档案中。

如果你要展示你为终端用户/客户创建的电线,你显然希望以更常见的形式,例如以国防军显示这一电线。 为此,Balsamiq Mockups为以PNG图像或PDF文件的形式输出模拟器提供了灵活性。

让我们输出国防军的 mo。 为此,点击Mendu项目,然后点击向PDF出口。 如下文屏幕所示,它将播放一个屏幕。

从上述屏幕上挑选检查箱——“连接背心”。 Cpck Export to PDF. 它将显示一个居民点,要求一个地点出口你们的国防军。 一旦你提供地点,国防军将出口到指定地点。 如下文所示,进展协议将显示进展情况。

如下文所示,当国防军出口时,将有一个确认箱。

在点击这一信息时,将向人民国防军显示。 在人民国防军中,你可以尝试在突出的通道上航行。

关于最佳浏览和导航经验,使用Adobe Acrobat Reader。