(2018 年小调查) 设计师们的工作流(workflow)是怎样的？（网站设计和 App 设计）

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2719 天前的主题，其中的信息可能已经有所发展或是发生改变。

因为我自己的设计师朋友不够多，上来 v2 问问。

想问下各位设计师：

用什么软件设计？ -> 设计静态图之后有什么流程（标注? 原型动效？） -> 怎样交给开发？

你们公司内部从设计到开发的整体流程是怎样的？

比如：

用 macbook + sketch 设计 -> 无需标注，直接 Zeplin 扔给开发
用 windows + photoshop 设计 -> 用马克鳗标注 -> 标注后的图 + 切图，文件夹打包 zip 扔给开发
用 macbook + Adobe XD -> Flinto 做效果 -> xxxxxxx

标注

MacBook

设计师

设计

29 条回复 • 2018-09-17 01:28:33 +08:00

anym0us

2018-05-21 18:40:15 +08:00

方式 2

agoodob

2018-05-21 18:40:23 +08:00

这个不是很严肃的问卷调查，就是想了解下大概情况。
我今天一直在查 Windows 上有什么好的标注软件。因为我司的设计师只能用 Windows （公司穷啊）

打算自己调查完写篇博客总结下来着。也想来 v2 问问大家怎么做

agoodob

2018-05-21 18:40:47 +08:00

@anym0us 嗯嗯~

fredliang

2018-05-22 01:41:42 +08:00 via Android

可以试试 incision 和 incision studio （目前只有 Mac 版），之前内部推没推起来。
除了访问有些慢以外这个工作流基本上没什么毛病了。

fredliang

2018-05-22 01:42:19 +08:00 via Android

勘误，invision

agoodob

2018-05-22 10:43:18 +08:00

@fredliang 好，谢谢~~

WindSays

2018-05-22 12:49:45 +08:00

蓝湖

iq72

2018-05-22 14:31:56 +08:00

figma

iq72

2018-05-22 14:33:06 +08:00

好处是跨平台，协作也比较方便，不过插件没有 sketch 那么多

Velacielad

2018-05-22 14:39:27 +08:00

macos + sketch 设计 -> measure 插件输出标注文件包，扔开发。如有需要 principle 做原型

agoodob

2018-05-22 14:45:03 +08:00

@Velacielad 这样~~ 谢谢

agoodob

2018-05-22 14:45:25 +08:00

@iq72 figma 你们用了多久了？ figma 之前用的啥？

agoodob

2018-05-22 14:45:45 +08:00

@WindSays 嗯嗯，蓝湖听说不错，感谢回复

Building

2018-05-22 15:26:46 +08:00 via iPhone

打开老板发来的文件，打开 Photoshop，复制图层，调整 Alpha -> .4f ，开始照抄。

yyn618

2018-05-22 15:30:20 +08:00

Mac+Ps ——蓝湖标注+cutter man —— Axure 交互加说明小公司就是苦

agoodob

2018-05-22 16:44:30 +08:00

@Building 哈哈哈牛逼，调整透明度然后对着抄

agoodob

2018-05-22 16:44:40 +08:00

@yyn618 嗯嗯这样

iq72

2018-05-22 21:21:21 +08:00

@agoodob figma 也是我自己在折腾，毕竟是基于 web 的，体验上还是和原生地的稍差一点
优势也是同样的，本身基于 web，一开始就做好控件，再摆布局

iq72

2018-05-22 21:22:10 +08:00

现在生产的还是 sketch +zeplin

agoodob

2018-05-22 21:25:18 +08:00

@iq72 嗯嗯，Sketch 为主，Figma 就自己玩玩

zclin1991

2018-05-24 16:05:57 +08:00

Mac OS + Sketch 设计 -> Sketch Measure 导出标注切图（或者直接上传蓝湖），上传到 SVN

xuelaistar

2018-05-25 20:20:36 +08:00

用 mac + ps 设计 -> cutterman 切图 ps 写规范 -> 上传 svn 通知开发
等开发大致完成的时候装开发版调界面

IvanID

2018-05-26 01:28:46 +08:00

Mac OS + Sketch 设计 -> 标注：Sketch Measure 或蓝湖；动效：动画和参数；切图：PNG 或使用 Iconfont 之类的平台管理 SVG 图标>需要上传资源的上传。

IvanID

2018-05-26 01:33:01 +08:00

Windows 下 3 年前还是用插件手动标，现在也是用蓝湖，或者 zeplin，这类标注软件了。需要特别说明的页面会单独拿出来写上注释标注。

agoodob

2018-05-26 10:29:51 +08:00

@xuelaistar 嗯这样谢谢

agoodob

2018-05-26 10:49:32 +08:00

@IvanID 明白了~ 多谢回复

preach

2018-07-16 18:43:35 +08:00

mark

xiusheji

2018-07-31 17:43:57 +08:00

Mac OS + Sketch 设计+Sketch marchetch 插件导出

anantian

2018-09-17 01:28:33 +08:00