原型设计ui设计h5类等生产工具大爆发，设计师们应该何去何从？
程序员文章站
2022-05-14 22:57:41
...
不好意思问出了歧义，我的意思是设计师如何选择，或者如何决定是否需要学习一个新工具。
今年是2015年了，Android发布已经六年有余，响应式设计炒作了若干年了，我们程序员早就可以写各种漂亮的东西跑在稀奇古怪的设备上了。可是打开各种网站、各种App，多半丑的不忍直视，同行都要把我的脸丢尽了，每天被黑没有品位黑出翔了。
这全拜设计师所赐啊。都2015年了，你们还在用Photoshop设计手机App是闹哪样的，你们都被它连累了知道不，工具不重要什么的真是够了。
那种微妙的布局，神乎其技的配色，Android用户就被华丽丽的忽视了，iOS只有新版的设计稿，剩下的靠脑补，换个分辨率就没法看了啊，脑补你妹啊，最终我们成了没品位的背锅侠啊。快大胆的承认你也不知道各种稀奇古怪的分辨率下表现的什么样吧，摸摸头，不怪你。
还有那个《iOS人机交互指南》和Material design的文档啊，用以前的工具实践起来真是够了，一个交互动画Adobe全家桶出动还不够用，After Effects和C4D学起来要人命，出完效果剩下的让程序员脑补，脑补你妹啊，我们又成了没品位的背锅侠啊。大胆的承认你也不知道那种动画在各种稀奇古怪的设备上表现的怎么样吧，摸摸头，不怪你。
还有切图啊，切图啊，切图啊。像素对齐啊，像素对齐啊，像素对齐啊。各种小细节抠起来要了亲命了，Adobe全家桶一起上阵，连累大家一起悲壮的加班，还天天一副苦逼的样子，大家都是打工的，净看到你们吐槽了，用吐槽的时间提升一下工作效率多好啊。
真以为我们不懂审美啊，谁不知道这是看脸的时代，要扁平外加小阴影，要大胆而收敛的配色，要清晰又简明的布局，要如丝般润滑的动画，只可惜，工具不给力啊。不是我们程序员想批判设计师，只准用记事本写程序的话，我们也非常慢，我们只是想批判下工具，不行不要死扛了，快换吧。
我们是苦逼的背锅侠，不想戳你的屏幕，不想一次次的跑去找你，所以快换工作流程，咱们一起愉快的玩耍吧。
推荐工作流程如下：
1. 产品经理使用墨刀之类的直接出可以运行原型，连同想抄谁家产品用什么配色自己有哪些癖好一起打包，开会撕逼讨论通过；
2. 严格按照设计规范，使用Sketch完成设计，使用Sketch Constraints标注约束，自己瞅瞅好不好看，顺便说一下，我们在程序里实现的时候也是用的约束。然后使用Sketch Measure完成标注，切1x 1.5x 2x 3x四套图（上下左右各多留一像素）。开会撕逼讨论通过；
3. 需要交互的界面使用Principle完成制作，把最终的gif图还有用到的各种曲线打包，开会撕逼讨论通过；
4. 如果设计单页web页面外加很帅气的交互，直接用Hype 3完成，打包成Html 5作为最终产品参加撕逼，否则交给程序员实现；
5. 图标的设计在纸上完成，用Skecth或者AI做一套矢量的，遵循各个平台规范切图，别用Photoshop了，真的；
6. 以上总花费没多少，Sketch、Principle、Hype 3加起来不过两三天的工资，请使用正版，别再用盗版的全家桶了，真是够了。我们程序员很有品味，女朋友保有量也不低，我们没说你们的作品一文不值，没盗你们的图，你们也别践踏我们同类的劳动果实。
差不多就这样了，改变一下，没什么难的，如果你还在用Photoshop每天跟程序员撕逼，真心建议你试一下。我们程序员一天能工作的时间真心不到六个小时，加班纯粹是因为各种原因导致的工作效率低下。
祝好。 学好理论知识，工具毕竟是工具，理论是平台，适用各种工具～ 未来应用 只有你想不到没有他们做不到 真的十分推荐~ 楼上好活跃，+身份证号
尽管有些工具不那么*，而且用起来感觉挺sb的
回复内容：
你以为工具是设计师的替代品？在我们看来只是又出了个能省点体力的新玩意儿 工具永远都不可能代替设计师！你听说过斧子代替木匠的吗？ 我们程序员等这一天等了很久，大概六年那么久了。文末推荐工作流程。今年是2015年了，Android发布已经六年有余，响应式设计炒作了若干年了，我们程序员早就可以写各种漂亮的东西跑在稀奇古怪的设备上了。可是打开各种网站、各种App，多半丑的不忍直视，同行都要把我的脸丢尽了，每天被黑没有品位黑出翔了。
这全拜设计师所赐啊。都2015年了，你们还在用Photoshop设计手机App是闹哪样的，你们都被它连累了知道不，工具不重要什么的真是够了。
那种微妙的布局，神乎其技的配色，Android用户就被华丽丽的忽视了，iOS只有新版的设计稿，剩下的靠脑补，换个分辨率就没法看了啊，脑补你妹啊，最终我们成了没品位的背锅侠啊。快大胆的承认你也不知道各种稀奇古怪的分辨率下表现的什么样吧，摸摸头，不怪你。
还有那个《iOS人机交互指南》和Material design的文档啊，用以前的工具实践起来真是够了，一个交互动画Adobe全家桶出动还不够用，After Effects和C4D学起来要人命，出完效果剩下的让程序员脑补，脑补你妹啊，我们又成了没品位的背锅侠啊。大胆的承认你也不知道那种动画在各种稀奇古怪的设备上表现的怎么样吧，摸摸头，不怪你。
还有切图啊，切图啊，切图啊。像素对齐啊，像素对齐啊，像素对齐啊。各种小细节抠起来要了亲命了，Adobe全家桶一起上阵，连累大家一起悲壮的加班，还天天一副苦逼的样子，大家都是打工的，净看到你们吐槽了，用吐槽的时间提升一下工作效率多好啊。
真以为我们不懂审美啊，谁不知道这是看脸的时代，要扁平外加小阴影，要大胆而收敛的配色，要清晰又简明的布局，要如丝般润滑的动画，只可惜，工具不给力啊。不是我们程序员想批判设计师，只准用记事本写程序的话，我们也非常慢，我们只是想批判下工具，不行不要死扛了，快换吧。
我们是苦逼的背锅侠，不想戳你的屏幕，不想一次次的跑去找你，所以快换工作流程，咱们一起愉快的玩耍吧。
推荐工作流程如下：
1. 产品经理使用墨刀之类的直接出可以运行原型，连同想抄谁家产品用什么配色自己有哪些癖好一起打包，开会撕逼讨论通过；
2. 严格按照设计规范，使用Sketch完成设计，使用Sketch Constraints标注约束，自己瞅瞅好不好看，顺便说一下，我们在程序里实现的时候也是用的约束。然后使用Sketch Measure完成标注，切1x 1.5x 2x 3x四套图（上下左右各多留一像素）。开会撕逼讨论通过；
3. 需要交互的界面使用Principle完成制作，把最终的gif图还有用到的各种曲线打包，开会撕逼讨论通过；
4. 如果设计单页web页面外加很帅气的交互，直接用Hype 3完成，打包成Html 5作为最终产品参加撕逼，否则交给程序员实现；
5. 图标的设计在纸上完成，用Skecth或者AI做一套矢量的，遵循各个平台规范切图，别用Photoshop了，真的；
6. 以上总花费没多少，Sketch、Principle、Hype 3加起来不过两三天的工资，请使用正版，别再用盗版的全家桶了，真是够了。我们程序员很有品味，女朋友保有量也不低，我们没说你们的作品一文不值，没盗你们的图，你们也别践踏我们同类的劳动果实。
差不多就这样了，改变一下，没什么难的，如果你还在用Photoshop每天跟程序员撕逼，真心建议你试一下。我们程序员一天能工作的时间真心不到六个小时，加班纯粹是因为各种原因导致的工作效率低下。
祝好。 学好理论知识，工具毕竟是工具，理论是平台，适用各种工具～ 未来应用 只有你想不到没有他们做不到 真的十分推荐~ 楼上好活跃，+身份证号
尽管有些工具不那么*，而且用起来感觉挺sb的