切图是很多UI设计师的一项日常工作。平时做完设计图，要将设计稿切成便于制作成页面的图片，并标注好尺寸和间距，交付给前端来完成html+css布局的静态页面，有利于交互，形成良好的视觉感。
但有的认为前端自己会切图是最好，不建议把切图的事情丢给设计师做。这样中途会损耗结构讲解的开销（比如网页层级，细节重构方案等），毕竟最后css是前端去码，怎么切最合适要自己把捏的，否则又要引出一个新问题（设计师有必要掌握考虑重构实现的切图吗？）。
总之，切图对于设计师设计创作、程序员写代码来说，其实不是件难事，但是似乎成为了件苦差事？
UI设计师：“因为不愿切图，被人事劝退。”
程序员：“被人蔑称切图仔该怎么怼回去……”
看到这里，小编只想替各位UI设计师和程序员说：“你才是切图仔，你全家都是切图仔！”
到底手动切图是有多恼火？小编上网搜索了一下，发现传统的切图方法如下：
1.打开下载的psd文件
打开后，因为文件比较长所以看不清细节，所以要放大图片到合适的大小。
[color=rgb(119, 119, 119) !important]摹客iDoc，更快更简单的产品协作设计神器[color=rgb(255, 255, 255) !important]现在试用
2.修改参考线
图片中很多条蓝色的参考线都是是设计人员用来设计 ...查看全文

摹客iDoc，更快更简单的产品协作设计神器现在试用
10月19日，摹客iDoc发布了支持Adobe XD的插件，这是中国国内首款基于Adobe XD 正式API的插件。
设计师在Adobe XD 中安装并使用此插件，可以将设计稿上传到摹客iDoc，并使用iDoc的全部协作设计功能。
摹客（Mockplus）是国内知名产品设计协作平台，致力于让设计更快更简单。摹客iDoc的主要功能有智能标注、一键切图、多样批注、交互原型、全貌画板和团队管理，从产品、设计到开发只需要一个文档。
美国太平洋时间 10 月 15 日，Adobe Max 2018 在加州洛杉矶正式开幕，本次大会开始的同时，Adobe正式对外开放了Adobe XD的开源API。开发人员现可通过 Adobe XD API 创建插件和整合应用程序，以添加新功能、自动化工作流程并把 Adobe XD 连接至设计师日常使用的工具及服务中。

隔行如隔山，这句话人人耳熟能详，但其实隔行并不可怕，大家各谋其事，各尽其职，倒也互不打扰，真正可怕的是，是内行还要受外行指点江山，而最难的部分，便是那沟通。流畅的沟通，和声细语，是有如时雨之化者；无效的沟通，言辞激烈，是话不投机半句多。
说起沟通难，很多人都必然会有身受之感，而苦逼的UI设计师们更是其中的一个典型群体。外有客户爸爸和甲方，内有产品经理和攻城狮，明明只想安安静静的做设计，去偏偏要在交流和协作上耗去了大半精力。
让UI设计师崩溃的瞬间，究竟有哪些？
崩溃场景一：甲方爸爸指点江山，改了999版后还是用了第一版。“很快的，就把字体改小一点，logo该大一点，就可以了！”
“嗯，感觉不够大气，你看看那种高大上的设计，简洁，却气势很足。”
“这些给你参考一下，大概就是这种感觉”
这些个话，每个UI设计师的耳朵都被轰炸过吧。客户语言太难懂 ，遇见不懂专业的客户更是凄惨，UI设计师永远不知道客户的需求是什么，改什么错什么，还要不断地改。最无奈的是，加班熬夜，呕心沥血之后，客户爸爸一句——“还是改回第一稿吧！”这真的是可以彻底让每一个UI设计师瞬间奔溃！
崩溃场景二：亲朋好友齐上阵，免费的美工无疑了。“帮 ...查看全文

为了方便新入坑的UI设计狮和前端开发攻城狮能更顺畅的看完这篇文章，首先，先来简单科普一下到底什么是切图（老油条可直接忽略）？
通俗的说，切图就是把设计稿切成一片片的，然后前端攻城狮经过div+css功能最大限度的还原设计图，也就是要把零碎的图片整合成一张完整的图片。那为什么要切图，UI设计狮做完设计稿后交给攻城狮撸代码不就完事了？实际上一张完整的设计稿是由不同的元素组成的，比如说，Logo、背景图、图标、文本等等，而部分元素，前端攻城狮是无法使用代码实现效果的，因此，需要将其单独切出来使用。
好了，其它的就不多赘述了。想了解更多的相关知识，大家自行去脑补。以一句话来描述其重要性，切图是实际开发过程中必不可缺的一步，切图资源的输出将直接决定最终产品的效果。既然这么重要，到底是谁负责切图呢？是UI设计狮还是开发攻城狮？
我们经常会看到UI设计狮和前端攻城狮之间的撕逼大战。UI设计狮说：“我们都已经输出了高保真效果图了，切图那种脏活累活不应该是攻城狮自己去摆平吗？”攻城狮说：“设计狮切图更加专业，我们开发人员的主职是专注于代码。”.......这种争论终将无法得到定论，毕竟公说公有理，婆说婆有理。
以小编个人经验，切图是设 ...查看全文

网络时代，网页和手机App已经深入到人们生活的方方面面。这也使得App界面设计越来越受青年求职者们的青睐，并纷纷投入这个行业。但是，作为UI设计初学者，究竟如何才能快速的入门？当今市场上，是否有那么一款高效实用的设计工具，帮助他们快速入门，提高工作效率的同时，迅速提升专业技能和求职竞争力呢？
答案当然是肯定的！ 一直专注于为设计师们提供各类高效设计工具的摹客，为满足UI设计师们这方面的需求，推出了全新的在线产品设计协同神器——摹客。一款能够帮助初学者们轻松实现智能标注，一键切图，多样批注，界面流程和交互生动展示，以及团队项目权限管理的高效在线协作设计工具。
下面大家就跟着小编的脚步学习和了解：摹客究竟是如何一步步帮助UI设计初学者们克服各种设计痛点，提升协作效率：
摹客设计神器 —— 只需6步, 快速解决UI设计协作痛点
作为摹客旗下，继Mockplus原型设计工具和Mockplus DS设计系统工具之后，推出的又一大在线协同设计工具。摹客设计神器，在延续其更快、更简单的设计理念的同时，更多的考虑到了UI设计师们，尤其是对于UI设计初学者们，在设计过程中的真正需求和痛点。只需6步，即可简单快捷的实现高效的协作设计：
第一步：一键导入设计图，拒绝重复琐碎的低 ...查看全文

网络时代，网页和手机App已经深入到人们生活的方方面面。这也使得App界面设计越来越受青年求职者们的青睐，并纷纷投入这个行业。但是，作为UI设计初学者，究竟如何才能快速的入门？当今市场上，是否有那么一款高效实用的设计工具，帮助他们快速入门，提高工作效率的同时，迅速提升专业技能和求职竞争力呢？
答案当然是肯定的！ 一直专注于为设计师们提供各类高效设计工具的摹客，为满足UI设计师们这方面的需求，推出了全新的在线产品设计协同神器——摹客iDoc。一款能够帮助初学者们轻松实现智能标注，一键切图，多样批注，界面流程和交互生动展示，以及团队项目权限管理的高效在线协作设计工具。
下面大家就跟着小编的脚步学习和了解：摹客iDoc究竟是如何一步步帮助UI设计初学者们克服各种设计痛点，提升协作效率：
摹客iDoc设计神器 —— 只需6步, 快速解决UI设计协作痛点
作为摹客旗下，继Mockplus原型设计工具和Mockplus DS设计系统工具之后，推出的又一大在线协同设计工具。摹客iDoc设计神器，在延续其更快、更简单的设计理念的同时，更多的考虑到了UI设计师们，尤其是对于UI设计初学者们，在设计过程中的真正需求和痛点。只需6步，即可简单快捷的实现高效的协作设计：
第一步：一键导入设计图，拒绝 ...查看全文

世界上只有两种物质：高效率和低效率；世界上只有两种人：高效率的人和低效率的人。——萧伯纳
在产品开发过程中，涉及到的人员泛而杂，但最主要的人员还是产品、设计和开发。一个产品的成功与否取决于他们如何有效沟通，如何共同协作来尽可能提高质量和工作效率。高效的工作可以是通过并行工作缩短迭代周期，也可以是通过文档方式进行有效协同。但无论采取哪种方式，我们都面临一个现实而又复杂的问题—团队协作。
那么，如何建立起产品、设计和开发人员之间的高效团队协同呢？一种实现方法是产品和设计去学习使用开发工具，不需要从头到尾开发App，但至少能如实和迅速的交流设计意图，进行有效沟通。或者是开发人员去学习使用设计工具，了解产品和设计相关的专业知识。通过这种方法，其中的复杂性可想而知。
设计图与前端界面是否一致，这是前端工程师与UI设计师的协同工作中最关键的一环。有过经验的产品、设计师和开发人员都知道，设计图与前端界面实现不一致的问题时有发生。所以经常写完的前端页面都需要去修改，周而复始。特别是做移动端Web，频繁的修改页面不仅让参与的人员觉得很烦，也非常非常浪费时间和心力。通过自身经验的总结以及对工作流程的梳理，我发 ...查看全文

产品，设计，到开发，每一环的交付，都伴随着沟通难、协同难、效率低的问题。缺乏流畅快速的交付方式，已然成为阻碍产品团队高效协作的一只拦路虎。如果，产品，设计，到开发，只用交付一份文档，相信这可以帮助到很多的产品团队。摹客iDoc，更快更简单的产品协作设计平台，帮助产品团队实现了这个愿景。自动标注、一键切图、多样批注、快速交互、全貌画板、团队管理，从产品到开发，真正实现了只要一个文档，更加高效流畅的协作方式，降低沟通成本，提升产品效率。关键的是，还可以免费使用！ 自动标注/切图神器——设计师交付作品更轻松完成设计一键上传支持Sketch、PS、XD的设计原稿和设计图标注和切图自动生成，再不用手工做设计规范自动采样生成，还可分类管理、同步应用、一键导出设计风格指南
全貌画板，多样批注——产品经理表达需求更直观全貌面板展示流程页面任务完成度一目了然多种批注样式，更好的表达想法和意见交互演示快速方便，支持多种动画特效支持多种的原型（Axure、Justinmind、Mockplus）和各类文档，直接在线预览
标注切图轻松查看——前端开发工程 ...查看全文