• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > 原型设计ui设计h5类等生产工具大爆发,设计师们应该何去何从?

原型设计ui设计h5类等生产工具大爆发,设计师们应该何去何从?

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含等相关知识,匿名希望在学习及工作中可以帮助到您
不好意思问出了歧义,我的意思是设计师如何选择,或者如何决定是否需要学习一个新工具。

回复内容:

你以为工具是设计师的替代品?在我们看来只是又出了个能省点体力的新玩意儿 工具永远都不可能代替设计师!你听说过斧子代替木匠的吗? 我们程序员等这一天等了很久,大概六年那么久了。文末推荐工作流程。

今年是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的

您可能想查找下面的文章:

相关文章

  • 2018-12-032017年6月10个html5的视频教程汇总
  • 2018-12-03localstorage和sessionstorage使用记录
  • 2018-12-03jQuery Validation的使用详解
  • 2018-12-03 在微信、支付宝、百度钱包实现点击返回按钮关闭当前页面和窗口
  • 2018-12-03基于HTML5鼠标点击淡入淡出切换代码
  • 2018-12-03HTML与CSS简单页面效果实例
  • 2018-12-03Html5 audio标签样式的修改 _html5教程技巧
  • 2018-12-03html5播放视频且动态截图实现步骤与代码(支持safari其他未测试)_html5教程技巧
  • 2018-12-03html5播放视频的标签是什么?如何在web页面播放视频呢?(内附实例)
  • 2018-12-03range对象的clone方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML 5的消息通知机制
    • 利用图片预加载组件提升html5移动页面的用户体验
    • JAVE是什么?总结和jave相关的问题实例
    • HTML 5应用程序缓存使用总结
    • HTML5之HTML元素扩展(下)—增强的Form表单元素值得关注
    • 关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
    • html5的画布canvas——画出简单的矩形、三角形实例代码_html5教程技巧
    • 详细分析H5微信播放全屏问题的示例代码
    • 关于HTML5实现图片压缩上传功能
    • html5播放视频的标签是什么?如何在web页面播放视频呢?(内附实例)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有