拒绝访问 |
| 百度云加速
请打开cookies.
此网站 () 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(3ac84fdd-ua98).
重新安装浏览器，或使用别的浏览器设计师如何提高自己的工作效率？ - 知乎421被浏览13650分享邀请回答8010 条评论分享收藏感谢收起213 条评论分享收藏感谢收起查看更多回答热门搜索：
当前位置：>>>ui设计工作难么?如何提高效率
一、视觉UI设计与交互设计之间应衔接无缝，即时刷新视觉页面
一般产品设计流程包括不同的阶段，不同的阶段其涉及的范畴内容不一样，作为设计师面对所有步骤不能一蹴而就，而是按部就班，计划行事。
前期准备阶段：确定设计需求的目标，竞品分析，用户研究，市场评估等; 设计需求分析阶段：设计需求的理清，业务逻辑的推敲，产品的架构的搭建; 设计执行阶段：交互设计原型的输出，视觉设计风格与方案确定，开发落实与测试上线，这构成一个不断迭代刷新的流程;
在以上阶段中，业务需求的变更与澄清，交互的迭代，视觉的刷新，是设计过程中最繁琐的阶段。设计启动前了解多端的适配情况(分辨率/屏幕精度)，综合考虑优先出什么分辨率;接着视觉设计师需面对庞大的页面工作量，且常会遇到与交互原型不一致的问题，需及时反馈并拉通讨论。这就需遵循一个清晰可见的迭代流程，对视觉设计而言，需求的变更与澄清-交互的迭代-视觉的刷新-设计的迭代构成的是一个闭环无缝的路线，只有这样才能为开发的启动，打下扎实的根基。
当然作为视觉设计师;设计过程中主动出ABC&方案而不是只拿出一个唯一的方案，只有将想法用画面来表达，才是够合格的设计师，特别是视觉设计师，好处可以锻炼自己的设计表达力，方便评审定稿，避免反复修改被人牵着走。
二、适当时，为开发开启更多的话语权，避免更多的无用功
视觉规范、视觉标注、视觉控件库的整理与输出目的只有一个：那就是指导开发，让设计100%还原落地;回到项目中，对于设计团队与开发团队通常会体现以下两种情况出现：
& 开发团队对项目有丰富经验，设计团队对此项目经验少-开发话语权大于视觉
& 设计团队拥有多次项目经验，并有一定的设计沉淀累积-设计话语权大于开发
从视觉设计而言，如果是设计团队拥有丰富的经验这是最好的，用经验累积设计沉淀与创造性指导项目，话语权大，反之亦然。
在这里结合最近参与的项目，情况为第一种来进行思考;交互视觉设计过程与规范输出中，让开发提供更多正确的方向引导，借鉴开发团队以往的宝贵经验，如：设计文档的共享与即时性、设计规范的专业性，开发认同的设计规范去指导开发、设计相关问题单的及时跟踪与解决、设计需求变更流程(变更流程包括：变更需求提出人-交互-视觉-开发-产品经理(SE or PM)敲定-执行变更-关闭问题单-变更完成)等，都能有效指导开发，提高产品开发落地的高还原性。
三、用80%场景的视觉设计+视觉控件规范+切图+标注+宣讲来指导开发;
1.视觉设计的场景
由交互提供具体场景的典型页面，视觉稿进行输出，多次迭代评审敲定后，再由开发提出缺失场景的视觉设计，视觉进行场景补充;
2.视觉UI控件规范的输出
必须是经过多次评审与迭代的最终视觉稿;但通常情况下，为了赶进度视觉设计与规范是同步进行，这导致规范反复修改的问题。
根据项目经验是，在视觉迭代中期时，先输出基础控件元素规范，包括(颜色/文字/图标/蒙板/投影/按钮/输入框/或个别控件)约占控件规范30%，与开发进行第一次规范评审，确定规范输出的正确性与专业性。 让开发选取所有视觉页面中需要标注的UI控件，因为开发选择的UI控件也为通用样式，开发代码写成UI控件库(可以对应视觉的控件列表)并由其它分模块统一调用;且所有UI控件必须基于最终视觉效果进行控件抽取与迭代输出。最后，layout用文档(pdf)的方式总结，避免单独模块单独页面传递，更能将规则一目了然;规范是一个庞大而繁琐，极需耐心的工作;过程中注重每一个细节的精准与合理性。
3.切图与整理
切出所有视觉页面中涉及到的图标与辅助图形;图标大小如：24px/ 32px/48px/72px/128px等，根据图标具体场景中的大小、颜色、状态来切。换句话说，每一个图标都有它对应的具体场景，特定的尺寸、颜色和状态;记得曾与开发gg对规范与切图的时候，他说：页面的图标切图，需要的是一个具体的拿来就用的，我们不会去画一个图标或去特定写一个图标的颜色。
视觉页面的标注基于UI控件规范的基础上进行，抛弃以往每个页面细无巨细的具体尺寸/色值/大小的标注。其实每一个视觉页面皆由不同的UI控件组成，在页面中将对应控件用UI控件规范中的编号来标注，开发gg拿着视觉页面标注去敲写代码时，再在UI控件规范文档中寻找相对应的控件规范细节;这样，视觉设计师避免在视觉页面中做那密密麻麻的尺寸标注，而开发gg拿到标注清爽的视觉页面也不会产生视觉疲劳。
5.规范宣讲
以上4步完成后项目开发启动前，用视觉规范对开发做统一的宣讲，避免遗漏造成规则传达不一致;这样，还设计原度还是问题么?(后续会有一篇文章专门分享是如何做设计规范和标注的。)
四、与开发近距离接触，面对面解决问题
最后一个方法是与开发来个亲密接触，即如果有条件允许的话，请与开发坐一起;遇到问题及时面对面澄清、拉通指导、达成共识、修改、敲定、解决。
1.设计规范做得再完善，开发问题依然存在
试想一下，如果不和开发坐在一起，即使开发面对再完善的设计规范，基于开发本身对设计美感的欠缺，开发过程多多少少都会产生理解偏差。开发过程每遇到一个细节问题，开发gg都得拉着视觉问：这个按钮上的左右箭头是无限循环吗?图标缺少了一个状态，那个状态是什么等;发个信息问拉会或者电话讨论，有时候还解释不清楚，效率低且事倍功半。
2.视觉UI设计师直接进组到开发团队中
结合当前项目的做法是视觉设计师直接进驻到开发团队中，与开发团队坐在一起，举个例子此项目视觉在深圳，开发在异省南京或是异国，视觉也出差飞过去长期进驻，遇到问题面对面商议解决;大大提高了开发的进度与也节约了时间，视觉还原度还是问题么?当然，如果设计与开发本来就附近办公，则不需无休止的出差，项目成本节省不少。
设计过程还是和开发gg们来一个&亲密接触&吧，永远不要把开发拒之门外;觉得交互与视觉完成后则就万事大吉。设计讲究的不仅是设计美感还有严谨的态度合理的逻辑，要想一个产品始终保持是那个细节精致，创意精彩，且用户体验好;需要的是交互-视觉-开发三者之间是无缝合作，各个环节的周全考虑。
此外，北京云风启志UI设计培训机构拥有成熟的学员就业服务体系，不仅帮助学员解决就业问题，更关已工作的学员们工作近况，针对不同学员有针对性的辅导就业，想让自己职场足够精彩，就要全力以赴，想成为一名高端UI设计师，让云风助你职场翱翔。
免责声明：本篇资讯内容，属作者个人观点，仅供读者参考。&会搜网对本篇资讯的内容、观点保持中立，不对内容的准确性、可靠性或完整性提供任何明示或暗示的保证。如有侵权等问题，请及时联系我们，我们将在收到通知后第一时间妥善处理该部分内容。
一、视觉UI设计与交互设计之间应衔接无缝，即时刷新视觉页面
一般产品设计流程包括不同的阶段，不同的阶段其涉及的范畴内容不一样，作为设计师面对所有步骤不能一蹴而就，而是按部就班，计划行事。
前期准备阶段：确定设计需求的目标，竞品分析，用户研究，市场评估等; 设计需求分析阶段：设计需求的理清，业务逻辑的推敲，产品的架构的搭建; 设计执行阶段：交互设计原型的输出，视觉设计风格与方案确定，开发落实与测试上线，这构成一个不断迭代刷新的流程;
在以上阶段中，业务需求的变更与澄清，交互的迭代，视觉的刷新，是设计过程中最繁琐的阶段。设计启动前了解多端的适配情况(分辨率/屏幕精度)，综合考虑优先出什么分辨率;接着视觉设计师需面对庞大的页面工作量，且常会遇到与交互原型不一致的问题，需及时反馈并拉通讨论。这就需遵循一个清晰可见的迭代流程，对视觉设计而言，需求的变更与澄清-交互的迭代-视觉的刷新-设计的迭代构成的是一个闭环无缝的路线，只有这样才能为开发的启动，打下扎实的根基。
当然作为视觉设计师;设计过程中主动出ABC&方案而不是只拿出一个唯一的方案，只有将想法用画面来表达，才是够合格的设计师，特别是视觉设计师，好处可以锻炼自己的设计表达力，方便评审定稿，避免反复修改被人牵着走。
二、适当时，为开发开启更多的话语权，避免更多的无用功
视觉规范、视觉标注、视觉控件库的整理与输出目的只有一个：那就是指导开发，让设计100%还原落地;回到项目中，对于设计团队与开发团队通常会体现以下两种情况出现：
& 开发团队对项目有丰富经验，设计团队对此项目经验少-开发话语权大于视觉
& 设计团队拥有多次项目经验，并有一定的设计沉淀累积-设计话语权大于开发
从视觉设计而言，如果是设计团队拥有丰富的经验这是最好的，用经验累积设计沉淀与创造性指导项目，话语权大，反之亦然。
在这里结合最近参与的项目，情况为第一种来进行思考;交互视觉设计过程与规范输出中，让开发提供更多正确的方向引导，借鉴开发团队以往的宝贵经验，如：设计文档的共享与即时性、设计规范的专业性，开发认同的设计规范去指导开发、设计相关问题单的及时跟踪与解决、设计需求变更流程(变更流程包括：变更需求提出人-交互-视觉-开发-产品经理(SE or PM)敲定-执行变更-关闭问题单-变更完成)等，都能有效指导开发，提高产品开发落地的高还原性。
三、用80%场景的视觉设计+视觉控件规范+切图+标注+宣讲来指导开发;
1.视觉设计的场景
由交互提供具体场景的典型页面，视觉稿进行输出，多次迭代评审敲定后，再由开发提出缺失场景的视觉设计，视觉进行场景补充;
2.视觉UI控件规范的输出
必须是经过多次评审与迭代的最终视觉稿;但通常情况下，为了赶进度视觉设计与规范是同步进行，这导致规范反复修改的问题。
根据项目经验是，在视觉迭代中期时，先输出基础控件元素规范，包括(颜色/文字/图标/蒙板/投影/按钮/输入框/或个别控件)约占控件规范30%，与开发进行第一次规范评审，确定规范输出的正确性与专业性。 让开发选取所有视觉页面中需要标注的UI控件，因为开发选择的UI控件也为通用样式，开发代码写成UI控件库(可以对应视觉的控件列表)并由其它分模块统一调用;且所有UI控件必须基于最终视觉效果进行控件抽取与迭代输出。最后，layout用文档(pdf)的方式总结，避免单独模块单独页面传递，更能将规则一目了然;规范是一个庞大而繁琐，极需耐心的工作;过程中注重每一个细节的精准与合理性。
3.切图与整理
切出所有视觉页面中涉及到的图标与辅助图形;图标大小如：24px/ 32px/48px/72px/128px等，根据图标具体场景中的大小、颜色、状态来切。换句话说，每一个图标都有它对应的具体场景，特定的尺寸、颜色和状态;记得曾与开发gg对规范与切图的时候，他说：页面的图标切图，需要的是一个具体的拿来就用的，我们不会去画一个图标或去特定写一个图标的颜色。
视觉页面的标注基于UI控件规范的基础上进行，抛弃以往每个页面细无巨细的具体尺寸/色值/大小的标注。其实每一个视觉页面皆由不同的UI控件组成，在页面中将对应控件用UI控件规范中的编号来标注，开发gg拿着视觉页面标注去敲写代码时，再在UI控件规范文档中寻找相对应的控件规范细节;这样，视觉设计师避免在视觉页面中做那密密麻麻的尺寸标注，而开发gg拿到标注清爽的视觉页面也不会产生视觉疲劳。
5.规范宣讲
以上4步完成后项目开发启动前，用视觉规范对开发做统一的宣讲，避免遗漏造成规则传达不一致;这样，还设计原度还是问题么?(后续会有一篇文章专门分享是如何做设计规范和标注的。)
四、与开发近距离接触，面对面解决问题
最后一个方法是与开发来个亲密接触，即如果有条件允许的话，请与开发坐一起;遇到问题及时面对面澄清、拉通指导、达成共识、修改、敲定、解决。
1.设计规范做得再完善，开发问题依然存在
试想一下，如果不和开发坐在一起，即使开发面对再完善的设计规范，基于开发本身对设计美感的欠缺，开发过程多多少少都会产生理解偏差。开发过程每遇到一个细节问题，开发gg都得拉着视觉问：这个按钮上的左右箭头是无限循环吗?图标缺少了一个状态，那个状态是什么等;发个信息问拉会或者电话讨论，有时候还解释不清楚，效率低且事倍功半。
2.视觉UI设计师直接进组到开发团队中
结合当前项目的做法是视觉设计师直接进驻到开发团队中，与开发团队坐在一起，举个例子此项目视觉在深圳，开发在异省南京或是异国，视觉也出差飞过去长期进驻，遇到问题面对面商议解决;大大提高了开发的进度与也节约了时间，视觉还原度还是问题么?当然，如果设计与开发本来就附近办公，则不需无休止的出差，项目成本节省不少。
设计过程还是和开发gg们来一个&亲密接触&吧，永远不要把开发拒之门外;觉得交互与视觉完成后则就万事大吉。设计讲究的不仅是设计美感还有严谨的态度合理的逻辑，要想一个产品始终保持是那个细节精致，创意精彩，且用户体验好;需要的是交互-视觉-开发三者之间是无缝合作，各个环节的周全考虑。
此外，北京云风启志UI设计培训机构拥有成熟的学员就业服务体系，不仅帮助学员解决就业问题，更关已工作的学员们工作近况，针对不同学员有针对性的辅导就业，想让自己职场足够精彩，就要全力以赴，想成为一名高端UI设计师，让云风助你职场翱翔。
免责声明：本篇资讯内容，属作者个人观点，仅供读者参考。&会搜网对本篇资讯的内容、观点保持中立，不对内容的准确性、可靠性或完整性提供任何明示或暗示的保证。如有侵权等问题，请及时联系我们，我们将在收到通知后第一时间妥善处理该部分内容。设计师该怎么增进工作效率？跟 15 个大咖 Designer 偷偷学招-Arting365 | 中国创意产业第一门户& & & 设计师该怎么增进工作效率？跟 15 个大咖 Designer 偷偷学招来源：作者：发布时间： ·&Chuck&Anderson如果你是在家工作的，记得每天都要出去走走。一整天从起床开始，只待在同一个地方工作直到睡觉，非常不健康。你需要给自己一些喘息的空间，不管是出去散散步、运动、出去吃午餐、晚餐、喝咖啡都好。&·&Amanda&Jane&Jones这些年来我发觉到，早上是我工作最好的时间。我通常在&4:30&起床，没有人会在那个时间寄&e-amil&给我。万物都非常安静，这是我最喜欢的工作方式。此外，我也会适度地休息一下，到附近走走，就算很忙，至少也会坐在门廊前一下，因为我知道我需要新鲜空气&来维持生产力。&·&Coralie&Bickford-Smith每天早上花五分钟的时间计划每天的工作行程，并分配好每件工作应该有的工作时间。&·&Tobias&van&Schneider即使我是德国人，也是那种没有什么组织性的德国人。我的&to-do&lists&永远都是参考用，我也没有任何的&notes、也不太会用行事历。不过我的习惯是把事情做好、做完。把事情做完这件事很令人上瘾，为了把事情做完，我通常试着保持良好的动力。&·&Matteo&Bologna永远不要抱怨没有足够的时间。设立严谨的&deadline&以及被逼迫出来的肾上腺素可以让你的设计变得更好。&·&Alix&Land时间管理&apps&非常有用，30/30&帮助我建构每一天。以及&Lists、lists、lists！&·&Jillian&Adel一直以来我都在与时间奋斗，除此之外家人、朋友、运动、冥想等能让你感到快乐的事情也都非常重要，能让你的工作效率指数性的成长。记住，没有人能够替你奋斗，自己的工作，自己奋斗。&·&Wade&Jeffree音质很重要，工作时我会一直听音乐，例如&drone、doom、黑金属、techno&音乐。另一方面我也会听谈话性、听电台等，为什么不一边学习，一边工作呢？看完了&15&位设计师各自不同增进效率的方法，我想适用的对象不只限于设计相关产业，只要是在工作的每一个人都可以从中挑选适合自己的部分。不过，我想&4:30&起来这个方法应该不适合我&……&&&&2&本篇编辑：····设计师干货，提高设计效率和工作幸福感的设计神器 - 简书
设计师干货，提高设计效率和工作幸福感的设计神器
干货文，提高设计效率和设计师工作体验幸福感的设计在线工具。1.，快速压缩图片作设计师的都知道，流量就是金钱，用户体验高于一切，图片在视觉效果合格的情况下，越小打开的越快也越省钱，所以设计师经常需要压缩图片，所以今天的第一款神器就是用来压缩图片的神器。傻瓜式操作，页面和使用方法如下：
2.，快速创建珊格做为UI设计师，珊格的作用无需多提，无论是做移动端的Tab bar，还是做产品图时的Icon展示，珊格都是必须品，但是自己画多麻烦，这个网站的作用就是为大家快速提供完美珊格。下载下来的图片为Png格式，大家自行使用就好啦，比自己画方便很多。
3.，快速处理PDF。中文网站，功能强大，设计师主要用来压缩包装展示后的pdf、JPG转PDF、压缩等功能，如果你还顺便兼着文案的活儿，这款神器将是你的福音。
4. ， 快速制造网格定制本。大家在做设计前，都应该会用纸画草图吧，那么问题来了，大家希望用的是带网格或是规则点线的图还是一片空白，画两笔之后就迷失方向感的白纸呢。反正我比较喜欢用点图，方便自己画框图，也方便和别人沟通交流。这个网站就是帮忙快速制造定制本的，依旧快速傻瓜操作，特别好用！！！
5. ，快速UI设计产品展示。作为UI设计师，交稿子时只交光秃秃的稿件太LOW了，我们一般都会选择包装一下设计稿，显得更加高大上一点（更容易过稿），而这个网站就是福音了，通过选择机型设备和展示场景，再上传想要展示的设计稿，最后就能得到你想要的展示图，恩，高清的展示要用钱买，不过你忘了之前我教过的如何下载不能下的图么（F12），另外网站有点慢。
6.，快速制作特色纹理背景图。有的时候我们需要一些纹理简单，但是不能显得low，又要有一定新意的背景图，这时候我们就需要这个网站，在这个网站，我们可以自定义上传图案或是选择网站自带图案，再在这些简单图案基础上创建不同颜色、间隔、位置分布的纹理并互相叠加、下载。操作简单，摸索几下就会。
7.，快速生成简单的矢量图形一个可以有着部分AI功能的在线做矢量图形的网站。Method Draw是一个基于网络的矢量编辑器，用来做一些简单的矢量图形，省去打开AI、Sketch的麻烦试件，主要是快、方便，懒人设计师必备（当然没有渲染那些功能！）
8.，快速简单抠图。抠图是设计师永恒的话题，每张图都打开ps慢慢抠，杀了我吧这简直是要我的命，对于简单的图我们可以选择这个网站，drag想要处理的图片之后，绿色是涂抹想要留下的，红色涂抹不要的，橡皮擦除笔刷，左边原图，右边自动运算后的图片。简单粗暴，快捷方便。
9.，快速文字识别。有的时候我们需要客串一下文案，需要用一些别人图片上的文案（设计员好苦啊···），但是我们不是打字员啊！所以我们有时候会用到这一款网站，自动识别文字并生成pdf、word文档，方便复制粘贴，并且也可以将一些图片转换为黑白可复制文字形式。分为，提交图片（最多200张），选择输出格式（word或者pdf），提交等待结果，下载文档四个步骤。
最后另外和大家共勉一点：看过不等于会，收藏不等于记得，花一点碎片时间将别人辛苦整理后已经筛选过的东西跟着操作一遍，这会在以后需要的时候节省很多时间少走很多弯路（严肃脸）。欢迎讨论设计问题，互相伤害。以上，侵删
设计/历史/工科模型/伪文字爱好、摄影爱好}