一些有用的Web或者手机UI设计工具

3 篇文章 0 订阅

http://www.webjx.com/webmanage/experience-27081.html

 

Webjx.Com提示: 最全面的“UI设计与线框图”工具软件.

勾勒出一个网站、软件或者其他产品的UI基本的UI元素非常必要,一些线框工具UI设计工具此时就派上了用场。当你想为你的项目做一个草稿模型,你可以使用这些工具,设计出一个你心目中的外形,让你保持较高层次的抽象而不陷入细节之中。

这篇文章,我们为大家概述一些有用的Web或者手机UI设计工具 ,可获取的PDFs和其他资源,你在你的项目中使用它们。这些经过精心挑选的非常有用的工具让你开始项目的初级设计吧。

Free Mobile GUI PSD


Android GUI PSD

这个Android GUI基于Android 1.5GUI上的元素,用于帮助开源社区进行Android程序开发。大部分元素和实例都是矢量图,方便缩放。字体是Android Sans。

 

RIM Blackberry PSD

一个完整的图层样式,拥有135个图层。

uidesignkit48

Android Sketch Stencil Version 1.0

Android OmniGraffle草图模板,这个框线图帮助开发者避免过于关注界面设计,鼓励其聚焦于程序的行为和功能。

wireframes-130

All elements of Maemo 5 GUI in PSD

这个可下载的PSD文件包括了提供给Maemo平台的GUI模板。对于开发运行于Maemo平台的GUI原型程序是绝对需要的。

uidesignkit58

iPhone 4 GUI PSD(视网膜显示)

创新者必备的视网膜显示(640X960)的GUI PSD文件。这个文件非常大,足足有62.7MB,长宽为4074X2986。最大屏幕的电脑只能查看原尺寸的25%-50%。

uidesignkit29

 


iPad GUI Kit in PSD

安iPad原始尺寸768X1024制作,绝大部分图形元素使用矢量图形,为高分辨率演示提供很多的放大空间。此版本为PS图层,便于模型设计和客户展示。

uidesignkit56

Adroid 1.6 Wireframe stencil for Omnigraffle

下载这个漂亮的OmniGraffle 5.x附加线框模板,在1.6 Donut SDK上开发Android程序或者网站吧。

Wireframes-132 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Google Android GUI PSD

矢量版Android GUI元素。

 

iPad GUI PSD Kit

包括全尺寸的图形界面,256,128,和64像素的图标都有,该包分别包括PSD、PNG、Mac ICNS格式的四种尺寸大小的iPad图形界面。

Uidesignkit55 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Google Android PSD

一套Google Android原型的模板

Uidesignkit54 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Firework template for Android

Firework版模板,矢量重绘Android UI元素。包中的元素模板根据Android部件名称命名。

Uidesignkit52 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Sexy Vector Cell Phone

可缩放到任意大小。可轻松添加自己的图片到屏幕上,所有对象都是分层分组标注好的,非常容易定制。

Uidesignkit42 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

iPad Stencil for Omnigraffle

包括背景、标题栏、按钮、选择元件等其他iPhone UI元素。列表、标题栏、按钮、滚轮上的文本都是可编辑的。

Uidesignkit28 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

iPhone App Wrieframe Template

Uidesignkit45 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Mobile-iPhone

Uidesignkit44 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

iPhone GUI Elements

一些非常漂亮的iPhone元素,为分层的PS文件。

Uidesignkit5 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

iPad and iPhone Design

非常详尽的模板,用它们设计你的iPhone、iPod Touch和iPad软件吧。所有的模板根据OmniGraffle原型手工制作而成,清晰的分组,可缩放,可调整大小,Graffle中方便导出成其他的矢量格式文件。

Uidesignkit46 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Design Stencil for iPhone and iPad

一个适合正在设计的iPhone、iPod、和iPad系统程序的模板。此模板是针对那些熟悉UIKit提供默认的视图和控件的发开者的。

Wireframes-101 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Apple iPad fully editable PSD

一个可编辑的PSD格式的Apple iPad。所有图形都是可编辑的,可缩放的矢量蒙版。

Wireframes-102 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Plam Pre PSD

这一套模板包含了一张PSD来帮组设计者使用PhotoShop设计抛光感的界面。

Uidesignkit57 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

iPhone UI Vector Elements

绝大部分可是的程序都是首先在AI中先有实体模型的。这里是一些非常酷的iPhone UI矢量元素。还包含一些不错的Phtoshop资源或者OmniGraffle格式的iPhone UI文件,甚至都有。

Wireframes-103 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

iPad Vector GUI Elements:tabs buttons menus icons

这套模板几乎包含了所有的iPad UI元素,按钮,标签,菜单,键盘和气泡等等。对设计者和开发者都非常有用,她包含了可编辑可缩放的矢量版本(AI)。

Wireframes-104 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Free Social Networking GUI PSD Kits


免费的图形分层Fackbook GUI工具包

 

为了加快Fackbook应用的UIs或者Fackbook迷页面的开发产生了此工具包,为你节约绘制各种UI组件的时间,可自定义所有文字字、按钮等其他你需要的数据。这个工具集是完全免费的,可用在任何项目之中。

Uidesignkit12 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Facebook GUI Free PSD Resorce

FBGUI,一个Facebook图形界面Photoshop资源,让你工作更加轻松。

Uidesignkit22 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Facebook Applications

可缩放的元素集合,可用来绘制Facebook应用草图。

Uidesignkit23 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Omnigraffle Twitter Widget Stencil

这套工具包含了很多有用的Twitter小工具和徽标。

Uidesignkit21 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Wireframing Kits


Best Practice UX Forms Stencil v1.1

 

一个全面的遵循UX最佳表单设计实践的模板,提供三种不同方式布局表单,每种布局方式各有千秋。此模板还提供不同布局的按钮控件,进度条,可编码的验证输入字段,label等。

Wireframing-106 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Form Elements UI Kit

来自Yahoo!设计模式库中的模板设计工具包的表单元素。

Form in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Wireframe Shapes

为Mac OS X准备的准备的一套制作线框图的图形。它有很多基本元素你在UI设计中一定非常需要。

Wireframing-104 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Wrieframe kit for UI Designers

包含非常多的线框工具,比如产品详情,项目列表,头版页,手机模板等。

Wireframes-113 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

MBTI sketching pager  for ideation

MBTI构思讨论的草图设计。对理解box的死人格特质有很大帮助。每张纸上描述一个设计的挑战和解决问题的办法。

Wireframes-105 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

A4 sketching paper

在对具体功能有了想法之后使用这种草图纸,根据自己的想法构建初步的界面。

Wireframes-106 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Wireframe Magnets(DIY Kit)

这个DIY的磁铁模板基于Konigi线框工具,它包括三张对于白板模型非常有用的元素集。简单把下载的PDFs文件打印为磁铁板,使用干擦标记好,用层压法,然后将它们剪开。

Wireframes-107 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Paper wireframe templates

像PSDs的样子,成品包括七中变化

Wireframes-108 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Wireframe template

非常有用的可打印的草图模板,可下载

Wireframes-109 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

iPad Idea Sheet

三张图:一张全尺寸(横向),一张70%(竖直),一张50%(横向)。80个小点可以非常方便的分割在屏幕的水平方向和竖直方向上做分割。Wireframes-110 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Scenario,Taskflow and Grid Shetch Sheets

一套漂亮的可打印的模板,有助于构思和草图设计。

Wireframes-111 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Free Photoshop browser template

在设计陈述中很需要一个干净的浏览器截图?不用等了!这里有免费的专业的浏览器模板,不同的1024X768,800X600分辨率的都有,以及各种爱好。Wireframes-112 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Interactive Sketching Notation 0.1

这些符号背后的思想是为了可视化与用户交互的状态和更清晰和迅速的明确用户的动作。

Notations2 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Mobile Full iPhone GUI

对于WinterBoard的使用者来说,这是个测试版,所以可能存在没有风格化的元素。

Wireframes-116 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Android Wireframe Templates(PDF)

Wireframes-118 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Free Keynote UX Stencils

Wireframes-126 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Advertising Stencil Kit

一套非常有用的广告模板

Wireframes-131 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Dragnet website wireframes kit v 0.9

Dragnet网的草图框架工具集,0.9版本,Adobe Fireworks文件。包含超过25中对象,对于快速构建网站原型非常有用。完全免费,可下载。这个工具集包含可web设计的很多元素,例如滚动条,按钮,菜单,Alerts等。

Wireframes-133 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

User Interface Design Framework

这套全面的非常漂亮的设计框架包含了一个GUI库,有成百上千的矢量元素,可用来做界面设计。小巧的UI图标集包含了260个矢量图形,还包含200个AI样式。Uidesignkit1 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Browser Form Elements PSD

包括两套模板,Mac中Firefox 3和Vista中的IE7

Uidesignkit14 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Sketching and Wireframing Kit

一套草图线框元素集,表单元素,图标,指示器,反馈信息,导航元素,图片占位,嵌入式视频,滑块以及普通广告banners应有尽有。

Uidesignkit3 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Photoshop Form Element Templates

包含各种常见的表单域以及鼠标指针,非常易于使用。

Uidesignkit37 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Web Browser Elements

集中于一个易编辑的PSD文件上,包括一些下拉菜单,输入框,单选框,复选框,按钮,文本域已经滚动条等,很棒,非常易于使用。

Uidesignkit4 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

UI Design Kit

这套 Web UI工具使用 图形对象制作,有些情况下可转化为智能对象,有很好的缩放性。

Uidesignkit7 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Wireframe Symbols

下载包包括一套符号库以及一套完整的AI文件。所以元素在画图板上都被区分开来。如何使用这个库?简单的将Wireframe Symbols.ai上的元素拖放到AI符号库里。每次你需要的时候,从符号库里拖出来就好了。

Uidesignkit9 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Web UI Element Pack

PSD格式,19中web 元素。包括,加载条,默认状态按钮和按下状态按钮,按钮切换,关闭图标,”上一个“,”下一个“按钮,分页图标,以及滑块。

Uidesignkit13 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Wireframe Kit for Google Drawings

Uidesignkit15 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

OmniGraffile Stencil for Ext JS v3.0

这个Ext JS Omnigraffle模具的升级版包含了很多提高和补充,如以Graffletopia形状以及组重建绝大多数的Ext JS 元素,尤其在对缩放标题,表格等有很大的帮助。Extjs in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Flex 3 Stencil

包含所有Flex 3样式指南中的所有组件:面板,数据格,按钮,表单域,连接,开关,菜单,滚动条,折叠,标签,列表,日期Picker,Toolstips以及Error等。

Uidesignkit19 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Agua GUI

从GUI设计项目1.2以及Mac OS X界面模板获得灵感,一套基于Aqua,一简化window设计的模板。

Uidesignkit20 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Flex Darkskin PSD UI

16张PSD,非常漂亮的模板。

Uidesignkit24 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Web Wireframe Kit

这是一套给设计师的简单布局设计的模板,简单,高效,节约时间。

Uidesignkit27 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

UI Buttons and Icons

包含165个高质量的UI图标和按钮,五种不同颜色。AI,JPEG和SVG格式。

Uidesignkit8 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Quommunication Stencil kit

一套包含草图设计的所需的元素,RSS源,颜色,广告单元以及浏览器框和网格。

Uidesignkit30 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Mac OS X Interface 2

一套Leopard-y的交互模板工具,在保证像素表现的前提下最大化的运用table获得最大的灵活性。

Uidesignkit31 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

OmniGraffle UX Template

OmniGraffle Pro(v.5)交互设计模板,包含为基础的UX文档需求提供的共享层(标题页,线框图,和用例面板)。

Uidesignkit32 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Template for Blueprint CSS Comps

这个套模板可以以一个CSS布局框架来进行设计,这套AI文件以24网格分割,可适应一些例如Blueprint的CSS框架。

Uidesignkit33 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Apple Elements for OmniGraffle

Apple硬件产品以及一些网络设施的模板图。非常适合于制作物理图表。

Uidesignkit36 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

DevianART ID PSD Kit

15个专业设计,完全可定制化,包含迷你型和原始ID模板。

Uidesignkit40 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Browser Screens and Website Elements

一套非常有用矢量资源来帮助你快速搭建客户端程序模型,present你的工作,或者快速布局一个web站点。

Uidesignkit41 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

960 Grid Template for OmniGraffle

Uidesignkit43 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Control of different browsers for designers(下载链接)

PSD库,包括Mozilla Firefox,Opera,IE以及Safari不同浏览器的控件。

Controls in Free Wireframing Kits, UI Design Kits, PDFs and Resources

Useful Articles


一篇全面介绍线框设计扮演了如何重要的角色。

随着web设计下一个十年的到来,重新评价和理解线框图的时候到来了,一个经得起用户体验的产品。

Wireframing-110 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

线框设计是一种不可或缺的设计思想,一个数字的草图,随时可以修改擦除或者恢复。

Paul Boag是一个线框设计迷,坚信线框设计是设计进程中不可缺少的部分。他在设计中坚持五个牢不可破的规则。

项目开发过程中可能最大的错误就是没有定制计划,这篇文章讨论其原因。

Resources and Round-Ups


一个tumblog专注于线框,原型,实物设计。

在这个网站可以查看一些基于线框设计的网站,可分析学习设计人员是如何将实体模型转化为设计的。因为线框和设计都是由设计者自己上传的,每个线框设计都包含了一个简短的说明。大部分的网站原来是数字实物模型,有容易修改和重新设计的优势。起结果是令人愉快的线框设计。

Wireframing-113 in Free Wireframing Kits, UI Design Kits, PDFs and Resources

一些互动设计的原则和模式

这篇文章关注一些线框工具和独立的应用程序,包括一些你可以用来制作自己线框图的一些工具:线框工具集,浏览器窗口,表单元素,网格,Mac OS X元素和手机元素,你可以在任何图形编辑器中使用他们,PS,AI,甚至纸笔工具。

20个资源,用于应用程序开发的草图阶段。

这些可打印的草图模板都是特意为web设计人员设计的。附加有浏览器的版本说明(Safari,Chrome甚至Firefox)

当你可以使用一个预制指南来节省时间,更好的发挥你的创造力,为什么还要从头开始设计呢?在这篇文章中,你将得到很多很棒的免费工具,一个笔记集合以及一些要购买的产品来帮助你线下设计。

源地址:Free Wireframing Kits, UI Design Kits, PDFs and Resources – Smashing Magazine_files

 

WSD:

http://wsd.tencent.com/category/team-torment


MUX:
http://mux.baidu.com/


WEBPPD:

http://www.webppd.com/bbs.php

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
UIDesigner(腾讯公司出品) 在软件设计阶段,交互设计师或者产品经理等常常需要使用一些工具(比如Visio、Axure RP、Flash或者OmniGraffle等)制作出静态稿或者原型来表达设计思想。这些工具是各有各的优势,当然也各有各的缺点啦。那么腾讯CDC是如何设计软件原型的呢?这里向大家介绍我们正在研发的原型设计利器UIDesigner。   首先,先让我们来体验一下UIDesigner制作出来的原型效果。这个原型是一个设置窗体,主要由按钮、复选框、分组框和文本框等控件构成,其中一些按钮还具有响应的动作(如打开另一个界面,关闭窗体等)。如图一所示,这是使用Firework制作出来的交互图。 图一、使用Firework制作出来的设计稿   这种交互图的特点是简单明了,能够表示出各种控件的基本属性(如文本、位置和选中状态等),但它只是一个静态的图片,不能真实表现出每个控件的响应动作,如仅看这张图,是不清楚点击代理服务器设置分组框上的“设置…”按钮会有什么响应的。   那再看看你若使用UIDesigner制作出来的效果:最终输出的是一个EXE可执行文件(见图二左上角),双击运行后就会出现一个与最终实现效果完全一致的窗体(见图二右)。另外,它还是一个具有响应动作的真实原型,例如你若点击了“设置…”按钮,那就会弹出一个新的窗体(见图三)。 图二、使用UIDesinger制作出来的原型 图三、点击“设置…”按钮后弹出的另一窗体   实际上,这个新弹出的窗体都是一个独立的原型,也是由UIDesigner制作出来的。由于它里面的控件同样可以设置下一步的响应动作,所以从总体上来看,众多原型就像一个树状结构,而其中的父节点就是图二中的设置窗体了。这种结构具有一个很大的好处:无论你完成了多个界面的原型,只需要它们之间有链接关系,最后输出的只是一个EXE可执行文件。这样,你可以很方便地与其它人员表达自己的设计思路,让沟通变得更加快捷。   接下来,我们看看这个原型是如何制作出来的。   第一步:建立空白窗体,调整它的大小、风格、标题和Icon 图四、使用UIDesigner制作原型—建立窗体   第二步:从工具箱中拖曳控件到窗体上,修改这些控件的属性(如Text等) 图五、使用UIDesigner制作原型—加入控件   由于UIDesigner具有自动对齐的功能,所以在拖动控件到窗体时就可以完成排版工作,不需要再逐个像素去调整。另外,不单单在加入控件到窗体时,在改变已存在于窗体内的控件的位置或者大小时,自动对齐功能一样会生效。这样,设计者在调整控件大小或者位置时(包括控件与控件,控件与窗体边缘等的距离等情况),工作变得很简单。 图六、使用UIDesigner制作原型—自动对齐功能   第三步:几分钟后,所有的控件都放到窗体并设置好属性了,如下图。 图七、使用UIDesigner制作原型—整体界面效果   此时,设计者就可以使用软件的导出图片或者导出原型功能分享你的设计成果了。当然,现在这种效果还只是一个没有响应动作效果的原型。接下来,我们再给“设置…”按钮加入响应动作。首先,选中“设置…”按钮,然后点击工具栏的“响应”按钮,你将会看到如图八的响应设置窗口。此时,你可以选择打开窗体、打开网页、弹出对话框、修改属性值和关闭本身窗体等五种效果,这里我们选择“打开窗体”,然后在弹出的对话框里指向弹出窗体的文件。最后,点击“完成”按钮即可。 图八、使用UIDesigner制作原型—设置控件的响应动作   到此为止,你就完成了一个与最终实现效果完全一致的高保真原型了。产品经理和开发人员等若想了解你的设计思想就不需要看着长长几页的说明文档了,而只需要运行你输出的原型文件,就可以对你的设计思路一目了然。   UIDesigner除了能让使用者能够快速地搭建起软件界面的高保真原型外,还提供了项目管理,让使用者能够方便地管理工程文件;提供了图片库和模板库功能,让使用者可以方便地重用以前的设计资源;提供了32个Windows客户端软件常用控件,满足使用者的设计需求;提供了多个属性设置入口,分别实现最常用属性设置、一般属性设置和高级属性设置功能。当然,UIDesigner不是专用来设计QQ的,其它的Windows客户端产品都在它的工作范围之内。总的来说呢,使用UIDesigner来制作原型是很高效的,而制作出来的原型也能够实现设计师、产品经理和程序开发工程师三者间的快速沟通,减少不必要的工作内耗。 ------------------------------------------------------------------ GUI_Design_Studio_3.5.94.0 在2008年,这款软件的作者从1,322位付费用户那获得了162,302美元的收入(其中仅12月份就有39,000美元),这令人鼓舞地证明了只要是提供真正价值的服务和软件,就能够创造很好的收入,即使在经济萧条的寒冬里。 GUI Design Studio是一款图形用户界面设计工具,您能用它在不需要编写任何代码或脚本的情况下快速地创建演示原型。使用标准元素绘制个人化的屏幕、窗口以及控件;将它们整合以展示操作工作流然后运行模拟程序测试您的设计。 当您需要绘制一款应用程序的外观或显示怎样将程序的各个部分连接起来时,您就可以使用GUI Design Studio来实现,如: 将产品创意文档化 制作项目提案 需求记录 创建屏幕图样 为开发人员制作详细的规格 为现有产品提出加强方案 以及更多其它用途 为用户以及股东甚至您自己制作展示文件以: 验证设计 找出替代项 评估多个使用场景 系统需求 Microsoft Windows Vista/XP/NT/2000 至少15MB的硬盘空间 推荐不少于256MB的内存 工程 将您的工作组织放到工程里。 每个工程都拥有它自己的文件夹结构。 可连接您计算机或网络上任何地方的其它库工程。 可连接到您计算机或网络上任何地方使您能够方便地获取图片以及其它文件。 创建您想要的并独立于所有工程的个人化设计文件。 创建能重复使用的设计库以及工程之间的一致性。 将图片直接从剪贴板中粘贴到工程文件夹的文件中。 屏幕设计程序 可同时打开多个设计文档并能使用分页界面在文档间快速切换。 可使用标准Windows元素创建图形用户界面(GUI)屏幕,包括框架窗口、会话、菜单工具栏、标签、按钮、复选框、单选按钮、滚动条、滑动调节框、微调框、组合框、树列表、列表框、编辑框以及静态文本等。 通过现有元素或其它自定义控件创建自定义控制组件。 在其它设计中创建将要使用的控件设计。 以常用的文件格式添加图标与图片。 从能够显示您将获得什么的控件面板中进行拖放操作。 属性编辑程序使您能将每个元素进行自定义。 元素的自动生成功能。 您能在任何地方放置任何元素。 Edge snapping能通过“点击”对屏幕元素进行统一记录。 设计网格向您提供了简单的制作具有一致性设计布局的方法。 只需单键点击就能排列元素组。 均衡地隔开元素组。 调整元素大小以适应其它元素或测量一组其它元素。 聚焦缩小以查看细节设计或聚焦放大以浏览设计概况。使用工具栏按键或键盘或鼠标的滑动缩小放大功能聚焦增量。 使用鼠标的滚动以及滚轮功能快速浏览设计的概况。 剪切、复制与粘贴。 使用可选的canvas向导显示可用的屏幕空间。 通过文本框与书签对您的设计进行注释。 为每个设计添加说明。 选择色彩主题以避免实际功能窗口的混淆。 图标 为图标面板提供快速的访问方式。 工程间可共享常用图标。 工程也能拥有它们独享的图标集。 使用将来在实际产品开发中可能用到的标准ICO文件。 包含的Icon Express编辑程序支持16色、256色以及最大尺寸为127 x 127的真彩图标。 如果愿意同样能整合任意其它的图标编辑应用程序。 展示与原型 在可导航元素(如按键与窗口)之间创建连接以显示控制流程。 为图象添加覆盖保护以及添加其它元素以创建可导航的热点。 支持形式化与非模态的窗口并支持显示、隐藏或微调窗口,以及窗口替换以实现切换效果。 锚点使您能对窗口进行准确定位。 能立即在模拟程序中测试或展示您的设计。 添加消息框以描述可能在真实应用程序中出现的功能。 可创建多种场景,如正常条件下的场景与多个出错场景。 选择要激活的场景或让模拟程序为您选择。 更改有效的屏幕分辨率以查看您的设计如何适应不同的屏幕大小。 在没有进行脚本或代码编写的情况下,所有操作都是以图形模式完成。 ------------------------------------------------------------------ Balsamiq_Mockups_1.8.4 1. 首先安装 AdobeAIRInstaller.exe 2. 安装主程序 MockupsForDesktop.air 3. 使用 keygen 进行注册 在Balsamiq Mockups中绘制界面原型,就像在纸张和白板上手工绘画一样方便快速,而且不用担心出错,因为你完全可以进行回复/重做。在Balsamiq Mockups中设计原型比在纸张和白板可有趣多了! 丰富的控件支持 Balsamiq Mockups预先提供了丰富的控件,如浏览器窗口、媒体播放器组件、圆形图表等,让你信手拈来! 丰富的控件 方便的属性设置 当你选择一个控件时,会立刻出现该控件的属性选项,你可以随时编辑修改属性。 属性设定 无限的恢复/重做,不用担心出错,你可以无限制的进行回复和重做。 开放,可移植的数据 Balsamiq Mockups所生成的数据是易于阅读的XML格式数据,你可以进行方便的移植和重用集成。 开放的数据 多种方式的集成应用,你可以将Balsamiq Mockups集成倒Confluence, Jira, XWiki中. 集成应用 Balsamiq Mockups是一款免费的带有手绘风格的原型设计软件,可以帮助你设计桌面应用软件Web 2.0 站点, RIA富网络应用程序, Web站点和Web应用软件功能和亮点: 操作方面:拖拽,控件分组,甚至元素之间的对齐都做得很到位; 预制了六十多个界面元素,从简单的输入框,下拉框,到经常用得到的导航条,日历,表格,到复杂的Tag Cloud,Cover Flow, 地图,WYSWYG的格式工具栏等,有了这些不用从头画起,其实比用白板都快; 界面元素的修改很简单,比如导航条的几个标签页的label,就是用逗号分隔的文字,下拉框的选项就是分行的文字; 使用xml语言来记录和保存界面元素和布局,从而使其能够快速的导入到你所需的任何一个项目中,或其他工具中。 可以将设计导出成PNG格式的图片; 随着使用的熟练,快捷键便派上用场,超过一半的元素均有快捷方式,这更有助于原型的快速构造,几乎几分钟便可实现一个满意的而复杂的原型设计; 跨平台,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows下都能使用; 不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效。 可以用命令行进行导出操作,这样就能让我写个脚本,从svn里checkout某个目录下的所有设计文件后,导出图片,打包后用邮件发到项目经理,工程师甚至客户那; 跨平台,Balsamiq Mokups是用Flex和Air实现的,所以在Mac OS, Linux和Windows下都能使用;不仅仅有桌面版本,还有能集成在Confluence,JIRA,和XWiki中的版本,使得异地在线协作更方便有效;据作者说,现在这款软件设计就是用它自己来设计的,经典的“吃自己的狗粮”,这也让我对其更有信心,因为它是开发者为开发者写的软件。 还有值得一提的是Balsamiq Mokups的在GetSatisfaction上的用户支持和服务,作者Peldi对问题报告,新需求的回应很积极和及时。而且根据这个讨论上看,到月底就会有一个专门用来分享界面控件设计的社区网站了,很期待。 再要说的一点是这款软件是要付费的,79美元(也可以免费,具体如何免费,请看网站上的说明),相对于它能节省下来的时间和提高的效率,是很值得的。Peldi说在2008年,这款软件就从1,322位付费用户那获得了162,302美元的收入(其中仅12月份就有39,000美元),这令人鼓舞地证明了只要是提供真正价值的服务和软件,就能够创造很好的收入,即使在经济萧条的寒冬里。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蜡台

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值