最近系统设计是需要设计用户界面原型,在朋友的推荐下使用了Balsamiq mockups(下载地址寻找中)软件,使用简洁方便,设计界面很有手画的感觉,现给大家分享一下。
界面
软件界面由三部分组成
- 应用程序条,包括菜单,快速添加工具以及编辑工具栏,
- 用户可以通过菜单项选择进行相应的操作
- 用户可以在快速添加工具输入文本框中输入需要的控件名,快速添加控件
- 在工具栏中包含了复制,剪切,粘贴等常用操作,供用户快捷使用
- 控件选择区,在控件选择区用户可以选择需要的控件
- 工作区,在工作区内,用户可以对选择的控件进行相应的组合,编辑,设计,从而生成设计原型草图。
简洁方便
界面友好,可以方便地通过拖拽编辑控件,修改控件属性,并且布局对齐线为用户布局的整洁性提供了很大的帮助。
用户可以在控件选择区中选择控件,以拖拽的形式放置在工作区中进行编辑。在工作区中可以通过鼠标以拖拽的方式快捷改变控件大小。选中控件之后,其属性会以浮动窗口的形式出现在控件傍边,用户可以快捷修改控件属性值。
用户可以方便改变控件内容,例如Label,Text Input控件中的文字。包括Table中的内容信息,修改同样非常简单方便。
控件齐全
Balsamiq为用户提供了非常齐全的控件,系统空间分为以下几类
- buttons,按键类控件。包含包括Button,check box,radio等。
- containers,容器类控件。包括browser window,tab bar,window等常见容器。
- layout,包括scroll bar,splliter等
- markup,几种常用草图,包括arrow,callout等
- media,多媒体相关的控件,包括image,map,vedio player等等。
- text,文本相关的控件,包括link,text input,text field,table等。
如果觉得控件仍然不够,没关系,可以从官网上下载更多控件。
界面效果很好
balsamiq的界面效果有草图之粗犷的一面,同时又有界面逼真的一面,生成的界面效果美观,又有手画的感觉。下面是几个界面可见一斑
播放器(装载)
仿wiki(转载)
仿百度
仿优酷
balsamiq是一个非常优秀的界面原型设计软件,能够为软件设计人员在界面设计时提供帮助,节省时间,时间就是金钱啊。
Balsamiq Mockups基本简介
Balsamiq Mockups是一种软件工程中快速原型的建立软件,可以做为与用户交互的一个界面草图。
Balsamiq Mockups出自加利福尼亚州的Balsamiq工作室,创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具,并广受好评。Balsamiq工作作为一个微型独立软件开发商,专注于Mockups的开发设计,仅3周便实现了盈利,18个月内销售额达到200万美元,用户端数量超过10万个,这与Balsamiq Mockups的市场用户细分的成功以及产品特性是分不开的。
Balsamiq Mockups软件优势
在Web产品设计中,Balsamiq Mockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间,在Balsamiq Mockups出现之前,流程图可以使用Visio,高保真DEMO可以使用Axure,但我们并没有好用的草图设计工具;在产品设计管理中,我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考虑产品的结构层和框架层,虽然此时纸、笔、白板都是非常简单方便的交流工具,但是他们的最大劣势就是——很难将有价值的原型保存下来。Balsamiq Mockups的出现完美的解决了这个问题。
Balsamiq Mockups软件特色
可存:告别那一堆堆的纸质线框图吧…
易用:UI控件支持自动拖拽,并且可以实现自动对齐;
美观:手绘风格,简约清爽;
丰富:从按钮到输入框,从导航条到页面、表格,甚至包括了最潮的Iphone元素;
方便:对元素的修改除了工具栏外,还可以使用隐藏编辑框,支持快捷键;
兼容:可使用XML语言保存元素,也可以导出PNG图片,可以插入到任何项目;
跨平台:Windows、Mac OS、Linux下都可以使用,还有能集成在Confluence,JIRA,和XWiki中的版本,对了,如果你没时间下载桌面版,还可以直接使用网页版的Balsamiq Mockups…
Balsamiq Mockups功能介绍
1、Low-Fi草图线框
粗略的低保真线框可让您将设计对话集中于功能上。
2、UI组件和图标
75个内置用户界面组件和187个图标,以及社区生成的大量组件。
3、点击式原型
链接允许您生成用于演示和可用性测试的点击式原型。
4、导出为PNG或PDF
使用PDF导出共享或呈现具有嵌入式链接的模型,或使用第三方工具导出到代码。
5、快速加速
让您使用键盘构建线框。
6、拖放简单
与拖放组件的接口 – 任何人都可以使用它。
7、可重用的符号库
创建模板,主控和可重用的组件库。
8、键盘快捷键
使用键盘快捷键来保持快速移动。
9、进出口
与所有版本的Mockup无缝集成,当您重新上线时。
离线工作在飞机上或在没有互联网连接的咖啡店工作。
10、全跨平台
Mac,Windows和Linux
Balsamiq Mockups软件亮点
1、快速轻松地构建模型
Balsamiq Mockups配备了一个干净的,直观的界面,提供快速,方便地访问基本的编辑工具和大量预先定义的图形元素,按钮,按钮,菜单等。此外,用户界面设计,只有当你需要提供某些功能。
因此,你可以专注于自己的工作,并避免通过菜单和面板合适的工具进行搜索。换句话说,Balsamiq Mockups,您可以提高您的工作速度,并采取由应用程序提供的工作环境的充分利用。
2、使用拖放组件
可以帮助您拖放和调整或重新安排元素,进行多次修改,直到期望的结果得以实现。在Balsamiq Mockups的帮助下,你可以建立各种实体模型,从桌面和移动应用程序在各种网站,对话窗口,平板电脑的应用程序和更多。
顶部工具栏提供访问撤销,复制,粘贴和缩放工具,帮助您完成项目的整个集合浏览。所有可用的物品被组织成不同的组,以加快工作流程。
3、专注于功能性和展示你的想法
粗略的线框,可以引导对应用程序的功能的讨论,而许多内置的用户界面控件和图标与社区产生的符号,可以很容易地建立自己的实体模型在任何时间。
此外,您可以选择生成的点击原型演示和可用性测试感谢链接能力。此外,您可以创建自己的模板,硕士和可重复使用的组件库。
当你快乐时与你的项目,你可以分享或现在的样机使用PDF导出或任何其他第三方工具嵌入链接出口到代码。
注册码:激活序列号
BalsamiqMockups注册码如下:
Name:personal
Key:eJzzzU/OLi0odswsqilILSrOz0vMqbFEAjXONYY1fu6ufgA/CA4X
Name:helloWorld
Key:eJzzzU/OLi0odswsqslIzcnJD88vykmpsUQCNc41hjV+7q5+AF74Ds8=
Name:china
Key:eJzzzU/OLi0odswsqknOyMxLrLFEAjXONYY1fu6ufgAJ5gy2
Name:ketty
Key:eJzzzU/OLi0odswsqslOLSmprLFEAjXONYY1fu6ufgAOOwzk
Name:www.bonashen.com
key:eJzzzU/OLi0odstPdypNr6opLy/XS8rPSyzOSM3TS87PrTE0BkEgsjQxN6xxrnECSuoFA2UBZAsT7A==
Name:www.bonashen.com
key:eJzzzU/OLi0ods7PS8spTc1LTq0pLy/XS8rPSyzOSM3TS87PrTE0BkEgsjSxMK9xrnECSuoFA2UBsI0VQQ==
Name:www.bonashen.com
key:eJzzzU/OLi0ods7PLUjMy8zPqykvL9dLys9LLM5IzdNLzs+tMTQGQSCyNLEwr3GucQJK6gUDZQGZ2RTj
Name:www.bonashen.com
key:eJzzzU/OLi0odswsqikvL9dLys9LLM5IzdNLzs+tMTQGQSCyNLGwqHGucQJK6gUDZQEMMRJc
Name:www.bonashen.com
key:eJzzzU/OLi0o9vIMcqwpLy/XS8rPSyzOSM3TS87PrTE0BkEgsjSxsKhxrnECSuoFA2UBEaMSZg==
Name:www.bonashen.com
key:eJzzzU/OLi0ojgjPzM6sKS8v10vKz0sszkjN00vOz60xNAZBILI0sbCsca5xAkrqBQNlATh7Ey0=
Key: eJzzzU/OLi0odswsqilILSrOz0vMqbFEAjXONYY1fu6ufgA/CA4X
Name: helloWorld
Key: eJzzzU/OLi0odswsqslIzcnJD88vykmpsUQCNc41hjV+7q5+AF74Ds8=
Name: china
Key: eJzzzU/OLi0odswsqknOyMxLrLFEAjXONYY1fu6ufgAJ5gy2
Name: ketty
Key: eJzzzU/OLi0odswsqslOLSmprLFEAjXONYY1fu6ufgAOOwzk
Serial Key: eNrzzU/OLi0odswsqgnKTM5WcMnPS1eoMTQyMjexMDQyAIEa5xpDAA8pDD8=
License Name:www.bonashen.com
License Key for All Product
MockupsFogBugz’s key:
eJzzzU/OLi0odstPdypNr6opLy/XS8rPSyzOSM3TS87PrTE0BkEgsjQxN6xxrnECSuoFA2UBZAsT7A==
MockupsConfluence’s key:
eJzzzU/OLi0ods7PS8spTc1LTq0pLy/XS8rPSyzOSM3TS87PrTE0BkEgsjSxMK9xrnECSuoFA2UBsI0VQQ==
MockupsCompanion’s key:
eJzzzU/OLi0ods7PLUjMy8zPqykvL9dLys9LLM5IzdNLzs+tMTQGQSCyNLEwr3GucQJK6gUDZQGZ2RTj
MockupsAir’s key:
eJzzzU/OLi0odswsqikvL9dLys9LLM5IzdNLzs+tMTQGQSCyNLGwqHGucQJK6gUDZQEMMRJc
MockupsJIRA’s key:
eJzzzU/OLi0o9vIMcqwpLy/XS8rPSyzOSM3TS87PrTE0BkEgsjSxsKhxrnECSuoFA2UBEaMSZg==
MockupsXWiki’s key:
eJzzzU/OLi0ojgjPzM6sKS8v10vKz0sszkjN00vOz60xNAZBILI0sbCsca5xAkrqBQNlATh7Ey0=
转载请注明:落伍老站长 » Balsamiq Mockups——界面原型设计软件网页设计,网站建设谈单(UI草图绘制工具)