开始学习Origami

在交互设计的工作中一直在寻找合适的移动端原型设计工具,在华为大家用的基本都是Axure,不论设计什么平台。Axure在网页原型制作上比较方便,但现在也遇到了问题,比如对于响应式的设计没有解决方法,类似Webflow的在线工具可以实现响应式,但效果非常简单。

至于移动端的原型,在工作中做的不多,Toolbar已经算比较大的项目了,也是用的Axure,效果不好。后来试了Fireworks和Illustrator,虽然可以画的很精细,但是没有交互效果,只能算是Wireframe,不是Prototype。

在网上逛的时候了解了几个在国外很流行的原型工具:Form、Framer.js、Pixate以及Origami。Framer是一个需要写代码的工具,虽然代码比较简单,但学习成本也挺高的,但是它号称可以画出任何原型界面,在手机浏览器中就能查看非常方便,可是要99美元购买,想到还要学习一些代码,就暂时不考虑了。Pixate是一个图形界面的原型设计软件,可以在Android和iOS设备中实时查看效果,学习起来是最简单的,软件下载是免费的,云空间需要购买,但只是制作一个原型的话不需要。

Form和Origami很像,都是模块加连接线的设计模式,好像在被Google收购之后就免费了,Pixate也是Google旗下的,它们两个都在Google Design的网站上被推荐。在了解Origami之前我本来是打算学习Form的,也做了一点练习,但发现它们的教程讲的不是特别详细,有些弄不懂,希望Google能尽快的完善这个工具。

其实Origami很早就出现了,是Facebook在Quartz Composer基础上做的,之前在知乎上看到有关介绍,感觉学习起来挺麻烦的,就丢到一边了。最近又在Medium上看到了一篇文章,说的是Facebook为Origami拍摄手模的事情,他们拍了好多张手模的照片,放在网上免费下载。这篇文章让我又对Origami产生了兴趣,于是去了他们的官网看了一期基础教程,发现比Form好用很多,首先就是Origami可以在Mac上进行实时预览,很像一个iOS模拟器,一个手拿手机的图片上显示你制作的内容,效果非常棒。其次就是Patch的命名更直观,像Scroll、Pop Animation等,很容易理解。于是马上下载,开始我的Origami学习之旅。

Origami的基础教程挺详细的,在网站上都有,还在Facebook上有个小组,非常活跃,学习资源还是挺多的。另外,Facebook还专门做了iOS 9的设计模板,在Medium成立了Facebook Design专页,让我对Facebook的设计部门充满了好感。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,053评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,527评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,779评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,685评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,699评论 5 366
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,609评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,989评论 3 396
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,654评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,890评论 1 298
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,634评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,716评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,394评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,976评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,950评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,191评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,849评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,458评论 2 342

推荐阅读更多精彩内容

  • 随着UI设计的不断发展,UI动效越来越多的被应用于实际的生活中。手机、iPad、电脑、网页等各设备都在大范围应用,...
    UI严选阅读 7,257评论 4 73
  • iOS资源大全中文版 我想很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列的资源整理。...
    chy1ee阅读 8,816评论 5 83
  • 今年的夏天热得连皮皮虾都不敢上路,嗯,是个适合露天煎蛋的日子。往年的时候都会有台风来调节气候,伴随着太平洋上呼啦啦...
    冷话阅读 395评论 0 0
  • DxOMark公布了索尼a7S II的传感器测试成绩。综合得分为85分,色彩深度23.6bits,动态范围13.3...
    相机Beta阅读 461评论 0 0
  • 昨夜闲来无事,便约了朋友梅一起到茶馆喝茶。自从有了这该死的微信后,大家面对面来个什么面红耳赤、大眼瞪小眼、暴跳如雷...
    木头奶奶阅读 767评论 24 30