作者归档:ldsea

移动端交互原型设计软件Justinmind:为移动设计而生

据国内三大运营商披露的最新数字,截止 2012 年 1 月份,中国的手机用户数已达 9.8758 亿,即将逼近 10 亿大关。CNNIC最新的调查显示,截至 2012年6月,大陆5.38 亿的网民中,有 15.3%的

网民不使用PC(桌上型电脑),也不使用NB(笔记型电脑)上网,只使用手机上网。砖家解释,这个现象来自互联网向某些不便使用PC或NB的人群扩散的结果。阅读全文

智能手机功能越来越强大,同时价格不断走低,让手机上网变得廉价、方便,降低了移动智慧终端机的使用门槛,把原本用普通手机的用户转化成手机上网用户。

目前此现象还在发展中,推估单用手机上网的人群规模还将继续增长。
移动已经是不可阻挡的趋势,未来人们的获取信息、娱乐、交流的最主要渠道就是移动终端。交互在移动应用上发挥的作用更大,能够实现基于传感器的多种效果。
这里推荐一款专注移动端的交互设计软件:JustinMind。它是由西班牙JustinMind公司出品的原型制作工具,可以输出Html页面。http://www.justinmind.com/
与目前主流的交互设计工具axure,Balsamiq Mockups等相比,Justinmind Prototyper更为专属于设计移动终端上app应用。
下面先对JustinMind做一个简单的认识,这是该软件的主界面,共有5个功能分区:
下面是JustinMind的一些特性:
1.使用JustinMind,你可以在几分钟内利用其广泛的组件和交互绘制高保真原型。它提供了一些基本的形状,如矩形和文本,还有特定的组件,如菜单,表单或数据列表。
2.关于手势的交互效果:
JustinMind提供了多种触屏的交互效果,例如滑动、缩放、旋转,甚至捕捉设备方向等等。在需要产生效果的部件中选择对应的手势即可。
3.可以创建自己的组件库。
JustinMind为iPhone ,iPad,黑莓,Android提供了多样的组件。你可以创建自定义组件库,方法是将排列好的单个组件放在一起,并将它们集体框选拖动到组件库。
这样下次你就可以直接使用自己定义好的组件。
4.更为便捷的定义样式。
相比Axure,JustinMind更好的提供了属性窗口,并且更好的支持捕获PS等软件的图像属性。
5.JustinMind可以导出原型的所有信息到Microsoft Word。能够一键生成及其规范的文档。
6.共享原型进行测试。
JustinMind支持将原型上传到服务器并提供给他人进行测试,为产品的改进做出了良好的贡献。最为特别的是,基于usernote的服务允许你将原型放到移动设备上进行测试。
7.更友好的定义交互方式。
在JustinMind中,你可以通过拖拽等方式来实现跳转、定向等交互效果,无需像Axure一样每一步都只能通过点击来完成。并且显示更为直观,如进度条。
同时可以通过一些简单的无代码逻辑语句实现更为高级的交互效果。
8.全球范围内的复用、数据共享。
每一个模板都让这一套组件有不同的视觉风格,变量允许将数据从一个屏幕迁移到另一个,甚至使用它们来检查是否满足条件。
9.发布和收集反馈意见。
发布Prototyper作品到usernote后,全球各地的人将通过Web浏览器访问您的原型。他们的反馈结果将会实时的呈现在您的原型页面。
由于JustinMind在交互方式的实现以及原型的生成方面比较具有特点,所以我做了下面一些演示:
1.事件与交互
事件是JustinMind的一个关键功能,Justinmind Prototyper的事件由两个主要部分组成:一个是事件的触发(或用户事件),另一个是一组操作。每一个事件必须在屏幕上定义
一个特定的元素,这将作为事件的触发源。
这个就是事件窗口,在上文的主界面介绍中有过简单的介绍。
交互动作按照顺序依次排列下来,执行的顺序从上到下一目了然。       每个交互动作中有很多的操作,这些操作是从左到右依次执行的。只有这些操作执行完成后,才会到下一个交互动作。
2.关于链接的设置
使用链接最简单的操作就是,例如,点击Button跳转到Screen3,那么直接将Button拖拽到Screen3上面就可以了。
3.下面列举了一些常用的事件,可以看出来JustinMind的图标还是非常形象化的:
clickOn Click: 当用户单击鼠标左键并松开
mouseupOn Mouse Up: 当用户释放鼠标按键
mousedownOn Mouse Down: 当用户按下鼠标按键
doubleclickOn Double-click: 当用户双击鼠标左键
rightclickOn Right-click: 当用户单击鼠标右键并松开
toggleOn Toggle: 当用户单击鼠标左键后,自定义的事件将被执行。用户再次点击后,事件将被还原
mouseoverOn Mouse Over: 当用户鼠标位于所定义区域之上
mouseenterOn Mouse Enter: 当用户鼠标进入所定义区域
mouseenterOn Mouse Leave: 当用户鼠标离开所定义区域
dragstartOn Drag Start: 当用户按住鼠标左键并拖动至少5像素时
dragOn Drag: 当用户按住鼠标左键并保持鼠标移动时
dropOn Drag Stop: 当用户停止移动鼠标并且松开鼠标右键
keyupOn Key Up: 当键盘按键被释放
keydownOn Key Down: 当键盘按键被压下
swipeupOn Swipe Up: 当用户一根手指向上滑动
swipedownOn Swipe Down: 当用户一根手指向下滑动
swipeleftupOn Swipe Left Up: 当用户一根手指向左上方滑动
swipeleftOn Swipe Left: 当用户一根手指向左滑动
swipeleftdownOn Swipe Left Down: 当用户一根手指向左下方滑动
swiperightupOn Swipe Right Up: 当用户一根手指向右上方滑动
swiperightOn Swipe Right: 当用户一根手指向右滑动
swiperightdownOn Swipe Right Down: 当用户一根手指向右下方滑动
pinchopenOn Pinch Open:当用户两根手指互相张开滑动
pinchcloseOn Pinch Close:当用户两根手指收缩活动
rotateleftOn Rotate Left: 当用户两根手指向左旋转滑动
rotaterightOn Rotate Right: 当用户两根手指向右旋转滑动
tapholdOn Tap Hold: 当用户手指按住屏幕超过2秒
orientationportraitOn Orientation Portrait: 当设备由横屏切换为竖屏
orientationlandscapeOn Orientation Landscape: 当设备由竖屏切为横屏
changeOn Change: 当元素的值通过用户的直接操作发生变化时
focusinOn Focus In: 当输入框获得焦点时
focusoutOn Focus Out: 当输入框失去焦点时
pageloadOn Page Load: 当页面加载时
pageunloadOn Page Unload: 当用户离开页面时
举个简单但是有用的例子,当你要实现用户名密码验证的交互效果时,在大多数原型工具中,我们需要对输入框做一些逻辑上的设定,填好其属性中的数值。而在JustinMind中则更为直观:
在交互窗口中,选择条件表达式:
将需要验证的输入框拖拽到相应判断窗口:
将相应的判断逻辑拖拽到判断窗口,例如等号,并在右侧输入框输入需要的值
OK,That’s it !在主界面点击生成,就可以及时预览效果了
关于模板
你可以为页面上的不同组件选择使用不同的模板,从而不改变内容只改变样式,切换起来非常灵活。

总结

JustinMind相比Axure最让人喜爱的4个原因有:
1.Easy Drag and Drop
JustinMind里面对于组件的交互效果有着及其方便的操作方式,点击一个对象,拖动到另一个对象,OK,这两个对象已经产生了交互的碰撞。
2.Powerful Interactions
JustinMind提供了强大的交互效果,鼠标hover的状态、点击后的效果,非常逼真。同时在移动设备上能够高度仿真的实现各种手势效果。
3.Quickly Simulate
JustinMind提供了一键生成,不用再像Axure那样多步操作,点击后直接在浏览器窗口打开。
4.Great Extras
网上有各种各样的组件、模板,可以根据需要选择相应的进行使用。
欢迎加入到我们的Justinmind中文爱好者小组,一起为国内用户奉上各种教程、资源和组件库:http://www.wejustinmind.com/

Subversion 的分支与合并

分支的基本概念就正如它的名字,开发的一条线独立于另一条线,如果回顾历史,可以发现两条线分享共同的历史,一个分支总是从一个备份开始的,从那里开始,发展自己独有的历史(如下图所示)

⑴创建分支
假设目前我们版本库中的项目的布局如下图:

如图所示,我们的项目放在了trunk(主线)目录,另外还有branch(分支)和tags(标签)目录,这样的布局是为了更清晰的区别主线、分支和标签三者的位置。
subversion对分支和标签是通过复制一份最新的版本库的快照来实现的。

开始创建分支:
在我们CheckOut的主线目录(trunk)上,右键点击然后选择“Branch/tag…”

在弹出的窗口中,将To Url 指向branch目录并输入分支的具体目录名,这里是mybranch1.0,我们即将创建的分支便存放于此处,点击OK。

Update一下本地的branch目录,你就可以看到你刚刚创建的分支“mybranch1.0”,这样一来我们的分支就创建完成了。

创建分支的最大的目的就是跟主线进行并行开发的时候不影响主线的开发。
因为你在分支上所做的提交都只存于分支上,主线上的Update是看不到分支的修改的。如下图所示,trunk只能看到r344的版本,并看不到r343的版本。

(什 么时候应该使用分支呢?例如你接到了一个任务,完成这个任务需要三四个人的合作,你们之间需要共享资源,那们就可以创建一个专为这次任务的分 支,参与此次任务的人员则在分支上做开发,等完成之后再合并到主线上,才不会出现将实现了一半的不完成功能也提交到主线上,影响主线的正常工作。又或者自 己需要一个较长的开发周期来完成任务,这么长的时间内如果一直没有将资源进行提交,万一丢失了就前功尽弃了。当然分支不是只用于此类情况,还有其它很多种 情况也能使用分支来达到目的。)
使用分支需要注意,由于长期的独立开发,可能会在合并回主线时出现较多的冲突。所以在支线上开发间期如果发现 主干有更新,而且这个更新有可能将来 跟你产生冲突,那你可以先将主线的内容合并到分支上。已免等到做了大量修改再来更新。(其实此过程跟分支合并到主线上是一样的操作,只是目的地不同。)

例如我们在主线上的版本为3,我们如何将此版本的信息合并到分支上呢?

在分支的根目录上右键点击,选择“TortoiseSVNMerge…”。

在这里我们必需先弄明白一个合并背后的关健概念
合并的过程中发生的所有事:首先两个版本库树的比较,然后将区别应用到本地拷贝.
这个命令是包括三个参数的:
1. 初始的版本树 2.最终的版本树 3一个接收区别的工作拷贝。
弄明白这些概念之后我们继续往下操作。
在弹出的窗口中,选择主线目录和其版本号(初始的版本树),再选择主线目录和最新的版本号(最终的版本树),这里也可以是某一个版本号但应该比初始的版本树的版本号要高,接收区默认为你右键所指的目录,这里是mybranch1.0。

在合并之前我们可以通过点击“Unified diff”,查看两版本树之间所有文件的内容的变化,“diff”显示出有发生变化的文件列表,“dry run”能显示真正合并时的状态信息,但并没有做任何的合并操作。
我们点击“Merge”。

在点击“Merge”,合并后的文件(即对分支上的文件补上了主线上修改的内容),如无冲突则可以在分支上像其它文件一样使用了,如果合并后的内容不满意,可以通过撤销来取消这次的合并操作,前提是未对合并后的文件做提交操作。

分支合并到主线跟从主线上合并内容到分支上类似
不同的是
1、开始的版本库是分支创建的版本
2、结束的版本库是完成所以开发工作之后的版本
3、应用的目的是主线目录

关于转换工作拷贝、标签(标签在Subversion中跟分支是相同原理的,一个不去做任何的修改的分支就是版本库某一时刻的一个快照,相当于为某一个版本做了一个标签)

重新安装cydia

cydia恢复方法
http://apt.saurik.com/debs/
ctrl+f搜索关键词CYDIA。
你会看到CYDIA的所有版本,选择你需要的版本下载。
IOS设备连接电脑,用工具(ITOOLS,PP助手,IFUNBOX)将你下载的那个DEB文件放入var/root/media/cydia/autoinstall(如果没有这个目录,可以手动创建)。
重启2次设备,CYDIA回来了!

MAC版本Adobe CS6 大师版下载+破解+永久可升级 P.S.此方法不妨碍你上adobe官网

下载地址:http://kuai.xunlei.com/d/VEGTNIHJHOUK

大师版包括:
Photoshop CS6
Photoshop CS6 Extended
Illustrator CS6
InDesign CS6
Acrobat X Pro
Flash Professional CS6
Flash Builder 4.6 Premium Edition
Dreamweaver CS6
Fireworks CS6
Premiere Pro CS6
After Effects CS6
Audition CS6
SpeedGrade CS6
Prelude CS6
Encore CS6
Bridge CS6
Media Encoder CS6
继续阅读

Dojo与jQuery综合比较分析

最近Dojo 和jQuery双双发布了最新的1.8版本,有着相同版本号的两个Javascript库也有许多核心的相同之处:相同的资源加载机制AMD、相同的选择 器 引擎Sizzle等。作为业界知名的Javascript库,Dojo和jQuery在各自领域有着为数众多的拥护者。不过正所谓一把钥匙开一把锁,对一 个项目来说肯定有个最适合它的工具库,用对了工具才能事半功倍。所以对项目经理或是技术总监来说,工程开始前的技术选型是关键一步,本文将对Dojo和 jQuery最新版本进行一个综合比较,重点在于区分两者的适用场景,而不涉及讨论孰优孰劣。

Licence

Dojo和jQuery都属于活跃的开源项目,并且都使用自由度很高的开源协议,可以免费使用,没有费用和许可问题。Dojo 许可协议为BSD&AFL,jQuery许可协议为MIT&GPL。

继续阅读