应用分类 开发软件 办公软件 压缩解压 任务/日历 翻译软件 学习软件 文件管理 社交通讯 mac输入法 医学软件 商业效率 投资理财 其他软件
最新最热下载排行Sweet SWOT Mac版
V1.1BugReplay Extension Mac版
V2.2WebKit Mac版
V251983Hopper Disassembler Mac版
V5.6.1TypoGraphier Mac版
V1.0Json Beautifier Mac版
V1.0JSON Tools Mac版
V1.0DevBox App Mac版
V1.0Apifox for Mac
V2.1.25FinalShell for Mac
V1.0Visual Studio Mac版
V8.10.25.2Termius Mac版
V7.43.3UC浏览器开发者工具for Mac
V0.4.1.000SnailSVN Mac版
V1.9.9Navicat Premium for mac
V16.0.13intellij idea mac
V2020.2.1
换一换相关推荐Postman Mac版V9.22.2
BBEdit Mac版V14.5
SourceTree Mac版V4.1.8
Smartsvn Mac版V14.2.1
Smultron for MacV13.2
Xcode 7 Mac版V13.4.1
Hype for macV4.1.8
Sublime Text 3 Bulid for macV4.0
Ultraedit Mac版V21.00.0.36
Navicat Premium for macV16.0.13
Pacifist Mac中文版V4.0.3
Wireshark Mac版V3.6.2
Codekit for macV3.16.1
Blocs for macV4.4.2
Dash for macV6.2.0.988
Eclipse Mac版V4.19
Coda 2 Mac版V2.7.6
WebStorm for macV2020.2.1
PHP Mac版V7.4.8
Sparkle Mac版V2.8.11
SQLiteManager For MacV4.8.4
MAMP Pro for macV5.5.0
Navicat for SQL Server 11 Mac版V
Versions 1.3免费版V1.4.1
Navicat for MySQL 11 MacV12.1.19
Cornerstone Mac版V4.1
Xampp Mac版V7.3.2
好用指数:5 分
下载到电脑等级:类型:开发软件更新:2016/06/30 17:50大小:2.9M版本:V2.2语言:英文运行平台:Mac 10.8+官网:http://www.pc6.com作者:暂无
软件介绍相关下载相关视频集合推荐评论0
Origami Mac版是一款Mac OS平台上基于Quartz Composer的交互原型设计工具,Origami Mac版这款工具可在无需编程的情况下轻松实现与设计原型进行交互。并且Origami无需编程背景,新发布的Paper从项目设计之初所有的原型设计都是采用Origami来实现。
功能介绍
产品设计中最重要的环节是对于想法和细节的把握,之前只能使用白板或手绘想法,现在Origami能够帮助快速实现并验证这些想法。当团队感觉良好以后,我们会传播给公司中更多的人,进而改进产品。……在使用 Origami 之前,我们需要做大量的静态图来展示想要实现的效果,现在我们可以拿一个和最终产品一样使用方式的原型来做展示。
使用方法
安装分三步:
(1)请确保Mac OS X系统版本在10.8以上;
(2)安装Quartz Composer;
(3)安装Origami。
安装QC和Origami都可以在Origami的介绍页面找到下载链接。页面提供的QC的安装地址因为在FB服务器上,如果从苹果官网下载QC的话,需要使用开发者账号。安装过程很简单,就不详述了。
Hello Origami
打开Quartz Composer,选择新建一个空模板,我们来看一下主界面的功能(如图1所示)。
首先,我要解释一下“模块”(Patch)这个概念。图1中间的蓝色“Clear”就是一个模块,它的功能是将整个屏幕清空刷新成某个特定颜色。
在QC中,有400多个模块,每个模块实现一个小功能,使用QC就是将这些模块像搭积木一样拼装在一起的过程。所有的模块都可以在主界面顶部工具栏最左侧的模块库找到。
QC中模块分为以下多种。
圆角是普通模块。
四角是尖的模块叫“宏”(Macro),可以双击进入详细编辑(点击工具栏Edit Parent返回上层)。
蓝色的是输出模块,会在查看器(Viewer)的画布中看到。输出模块的右上角有个数字,表示这个图层的顺序,数字越小的图层越在下面,下面的图层会被上面的盖住。
模块的左侧和右侧分别有一些点,左侧的是输入接口,右侧的是输出接口。将A模块右侧的输出点连接到B模块左侧的输入点,即可完成将A的结果传递给B的任务。
接下来,我们做一个最简单的Demo,向世界问个好。
点击主界面顶部工具栏最左侧的Patch Library(快捷键:Command+回车,经常用到请熟记),在搜索框输入“Text Layer”(不区分大小写),回车。可以看到画布上多了一个模块,这个模块的作用是在屏幕上绘制一个显示文字的层。
在Text Layer左侧的输入口“Text”上双击,将文字改成“Hello Origami”。
点击主界面工具栏上的“Viewer”(快捷键:Command+Shift+V,也经常用到),可以看到黑色的背景上出现了熟悉的画面。
搞定!我们已经用Origami完成了一个最简单的Demo,不过似乎没有太多成就感呀!别着急,我们再来一个稍微复杂点的,这次我们做一个带手机界面,并且可以交互的。
1. 首先,我们需要三个模块来搭建基本的手机框架:Phone、Phone Dimensions、Layer Group。Phone会在屏幕上绘制一个手机,Phone Dimensions控制手机的类型(iPhone/Android Phone/iPad)和手机的朝向(竖的/横的),Layer Group是一个宏,用来承载屏幕中需要显示的内容。
2. 将这三个模块按照图2的顺序依次连接,完成基本框架搭建。此时打开Viewer,发现已有一个手机显示了,不过屏幕中间没有任何内容(隐藏的快捷键:按“F”键可让手机屏幕铺满全屏)。
3. 接下来我们制作手机屏幕上的内容。双击Layer Group,进入内部。在画布上添加四个模块(Interaction 2、Fill Layer、Switch、Color Transition),并按照图3的方式相连。将Color Transition的Start Color和End Color设置为黑色和白色。
4. 搞定。打开Viewer预览一下,点击屏幕时,背景色会在黑色和白色之间切换。
恭喜你走进了Origami的世界。
相关版本下载
Origami Mac版类型:开发软件
大小:2.9M
版本:V2.2
相关视频
同类热门Postman Mac版V9.22.2
SourceTree Mac版V4.1.8
Xcode 7 Mac版V13.4.1
Sublime Text 3 Bulid for macV4.0
Ultraedit Mac版V21.00.0.36
Navicat Premium for macV16.0.13
Eclipse Mac版V4.19
查看所有0条评论>>