开学季~工具晒一晒!

明天就9月1日了,虽然毕业好些年了,但貌似暑假从不曾远离,犹记得当时年纪小,除了春节买新衣裳外,最高兴的莫过于悠长假期后的学前购物了。漂亮的笔袋,精美的包书套,永远因为只剩量角器而要重新买一套新的三角尺子……

对于产品经理来说,仿佛永远抛却不掉学生的书包,因为新鲜事那么多,日新月异的披星戴月保持潮流与对未知探索的好奇心。

当然旧的工具还没算是用得溜,但也无妨了解试试新东西的心啊,好歹可以借光一下新学期的朵嘛~不过遗憾的是,好些只支持MAC,真是刺果果的鄙视穷人呐~

 

设计工具

√  Macaw Scarlet

sc scc

Macaw Scarlet  这款工具还没有正式发布,但是非常值得期待!这款被称为“实时设计环境”的工具会让大家设计响应式网页和 APP 时更加方便。

√  Wagtail

QQ截图20150831144911 QQ截图20150831144946

挺喜欢首页的轮播图的一个小细节,就是每个停留的 tab 下会有一个动态的进度条,可以很直观的知道哦它准备要切换到下一张了,如果想继续查看不妨用鼠标让它停止吧~

Wagtail 并非是设计工具,而是一套内容管理系统( CMS ),它的特殊之处在于这套系统包含了设计流程,尤其是针对内容的设计。

它有一个梦幻般的功能,叫做 Streamfield ,它的工作原理接近于 Medium 的内容编辑器,不同之处在于它更加易于定制化,功能也更加完备。

 

√ Magic Mirror for Sketch 3

Magic Mirror for Sketch 3stch

这个名为Magic Mirror的工具是为Sketch 3的用户所准备的,它可以帮你将一系列智能对象所构建的原型融入到照片中去。

 

线框图工具

√  Wire Flow

11 QQ截图20150831154101

平板通常使用绘图工具并不大方便,但是线框图工具 Wire Fow 是如此的好用,可以说让日趋被遗忘的平板重生了过来。这款几乎可以满足你所有线框图绘制需求的工具,可以在手机、平板上运行,并且拥有良好的可视化的编辑功能,简直是业界良心。

 

√ Apple Watch wire-frame kit

apple_watch_wireframe

这是一套Apple Watch的线框图工具。

 

√ PowerMockup

power-mockup

为苹果的 Keynote 所定制的线框图工具已经不止一款了,但是为 PowerPoint 设计的这类工具并不多,而PowerMockup  就是这样的一款工具。

 

原型工具

√ Origami

origami

Origami 是一款 Facebook 发布的原型工具,他们是这样描述它的:” Origami  是一款免费的工具,用于设计现代的用户界面。它可以帮你迅速组件原型,在 iPhone 和 iPad 上运行,迭代升级,并且导出开发可用的代码。”

这个听起来感觉所见即所得的样子,好像 Dreamweave 的图片转换成代码似的,今天问莫小伤用过没,他说很早之前就试过,这是这么多原型制作工具中最难上手的。然而我看了一下,又是一款只支持 Mac 和 ios 的工具,心塞~

 

√ Marvel

marvel

这是一款非常简单的原型工具,即使是免费版都可以帮你制作一个非常不错的APP原型。它集成了 Google Drive 和 Dropbox  并且允许你将指定的图像组合到一起,快速制作 APP 原型。也正是这种云端同步的方式,你所制作的原型也可以快速地传递到云端,让你的原型实时更新。

 

√ Protosketch

protosketch

 

Protosketch  是一款为 iPad 所设计的原型设计 APP 。其中包内置了一套包含大量组件的  UI Kit ,基本的矢量编辑工具、对齐工具等等也都具备。

虽然它只适用于 iPad 并且处于测试阶段,但是这可能是这个平台上你最好的选择。另外,它可以超出 SVG 和 PDF 格式的文档。

 

√ Frontify

frontify

 

 

Frontify  也是原型工具,而它的独特之处在于,它还提供一系列工具帮你更好地组织和设计品牌形象和风格指南。从配色方案到成体系的样式、 UI 元素,简直是团队设计的必备品。

 

√ Atomic

atomic1

 

 

将你的 PSD 或者 Sketch 文档拖放到 Atomic  当中可以生成对应的原型。版本控制、协作功能也都内置其中,这绝对是适合团队协作迭代升级的工具。

 

√ Form

form

Form  是一款先进的原型创建工具,可以和你的 iPhone 联动。你可以在电脑上创建好了原型之后,可以在手机上浏览。另外,它采用的是 Material Design 的设计规范,这使得原型看起来更漂亮。

 

√ Pixate

pixate

Pixate  是一款专注于手机显示效果的原型工具,它可以帮你制作真正意义上高保真的“原生”的原型。

 

今天先就更新这些,对了,最近在和莫小伤等几个朋友一起在开发一款产品,虽然才第三天,但是感觉进度进展良好,各种未雨绸缪的事情也都 ready ,特别是买了一个十分喜欢的域名,所以好开心~尽管也许还有更多的未知和可能的变故在前方,但此时此刻,心中还是难掩那么一丝丝期盼的兴奋的。五湖四海的人,通过一个网线聚集在一起,共同努力的去成就一件对于我们来说是作品的东西,是多美妙的事情啊。而且他们都是那么的优秀和富有激情,这些无不也在鞭策着我努力。

最后来听一曲吧(阿卓阿鲁-我的童年)~对了,上面的工具名称带官网地址的,你晓得点击了么?

00:00/00:00

 

One thought on “开学季~工具晒一晒!

  1. Affinity像PS一样强大的线条设计功能,能够输出矢量图,并且可以撤销返回超过8000个动作。
    Avocode使前端可以直接根据PS设计稿输出css。
    Antetype 这个好像更赞,快速迭代,方便编辑更新,可以输出更好的用户体验及UX。
    UXPin原型工具,可以从ps导入草稿图,在低高保真原型中快速切换。
    Webflow 帮助创建和设计响应式网站。

发表评论