蓝湖不是一个独立的应用，而是以插件的形式出现在应用中，支持Sketch、ps以及Adobe XD 。
本次更新，摹客RP新增了“跨项目复制粘贴页面”功能，可以快速复用其它项目中的内容；另外摹客协作平台对图钉评论和交互模式也做了优化～
对于设计师来说，标注和切图是工作中非常重要的一部分。最早的标注切图都是由设计师手动进行，不仅浪费时间精力，还极容易遗漏出错。随着设计流程不断被简化，越来越多的标注切图工具应运而生。
前几天在忙着上线,尽管之前已经上线过一次,但由于本身比较菜,还是状况百出. 好在今天终于成功提交,因此来写写心得.
手动标注到自动标注，在设计界是有一个演化的过程的。以前呢，设计师都是老老实实地手动做标注，密密麻麻，细细碎碎......自动标注的出现，可以说是把设计师从不堪重负的状态下解放了出来。
前不久在 掘金 上看到一篇文章，前端 PS 切图方法，图文详细，相信每个前端都经过这种最原始的切图手法，不禁想起自己以前刚入门那会懒得切图，直接QQ截图，现在想起来真是初生牛犊不怕虎，怎么方便怎么来。。。
小伙伴们，我们又见面啦！没错，小摹就是来告诉大家：摹客iDoc又双叒叕升级了！这次又上线了许多新玩法，在此之前，小摹先带大家温习一下iDoc以往的知识点：
前几天在忙着上线,尽管之前已经上线过一次,但由于本身比较菜,还是状况百出. 好在今天终于成功提交,因此来写写心得.
终于找到你，我梦寐以求的PS切图插件。曾几何时，设计师在完成设计稿之后高效的输出标注切图一直是设计师的噩梦。为什么这么说呢？开发要的那么多尺寸，我到底该怎么切图？iPhone的版本已经不少了，更别提安卓那一堆的尺寸，真是让人欲哭无泪！
我这里推荐的是摹客，摹客是设计+协作（All in One）的一站式云平台，为产品开发团队提供高保真设计、设计稿交付、全流程协作和设计规范管理。
上图中是App设计中底部导航栏，开发希望每一个图标都能显示成相同大小，为此设计师往往需要费很大的精力去调整切图。摹客新增自定切图尺寸功能可以帮助你快速完成此类工作。接下来就给大家介绍一下摹客的新功能 —— 如何利用摹客 PS 插件快速实现自定切图尺寸~
摘要 如何成为一名优秀的切图工程师？百度资深研发工程师潘征与大家分享自己的工作心得。 ROLE移动端酷炫运营页 2014年开始，我在我们部门负责移动端酷炫运营页面，也就是俗称的H5的研发工作。 这些酷
点击下图中左边工具栏，移动工具之后，在按住ctrl+鼠标左键选择需要切图的图片，右边即可查看到它所在的图层
emmm，这位产品小兄弟，说好只加 3 个页面，最后硬是让产品加了 6 个页面，差点凑齐七个小矮人了，后面的 UI 稿就像这样（考虑到公司利益，本文采用网上案例作为参考）：
设计师在将设计稿交付给前端工程师之前必定会用到切图功能，但有时生成的切图却不符合前端的要求，怎么办呢？
在UI设计中我们常常使用Ai来进行矢量图的绘制，然后导入Ps中进行设计、排版和导出。
切图是很多UI设计师的一项日常工作。平时做完设计图，要将设计稿切成便于制作成页面的图片，并标注好尺寸和间距，交付给前端来完成html+css布局的静态页面，有利于交互，形成良好的视觉感。
这位设计小兄弟，说好只加 3 个页面，最后硬是加了 6 个页面，打工人何必为难打工人。
是一款运行在photoshop中的插件，能够自动将你需要的图层进行输出，以替代传统的手工 "导出web所用格式" 以及使用切片工具进行挨个切图的繁琐流程。 它支持各种各样的图片尺寸、格式、形态输出，方便你在pc、ios、Android等端上使用。 它不需要你记住一堆的语法、规则，纯点击操作，方便、快捷，易于上手 点击下载
原文链接：https://note.noxussj.top/?source=cloudtencent 介绍 前面已经介绍了如何使用 git 来管理我们的项目代码。这里顺带介绍一下，在企业实际开发中，基
之前说的Figma使用弊端或者对比Sketch不足的一点是导出给到开发很不方便，因为会涉及到网页打开速度等一些问题，使得很多设计师止步于此。
在职场上，你能帮对方省点事，不仅利于更高效的协作，也能建立一段良好的上下游协作关系，尤其是开发这种耗费脑力和头发的技术活儿~
摹客 Figma 插件的上线，完美解决了 Figma 本地化支持极度缺失、自身交付能力弱以及团队协作费用昂贵等问题。自插件推出以来，越来越多的用户选择将 Figma 设计稿上传到摹客进行团队协作，目前在Figma插件社区中，已经有1.5k的小伙伴安装使用摹客~
随着移动互联网的快速发展，用户的需求也在不断地增大，这对产品经理还有设计师的考验是越来越大。市场环境的变化让我们深信为快不破，但是一个产品的产出需要各个环节的紧密配合，但往往在产品输出过程中，由于分工不明确导致的形形色色的问题，其中的一大痛点就是产品经理，设计师和工程师之间面临着协作难，工作效率低的问题。以前，设计师需要一遍遍的手动切图配合工程师一次次的改图，如今借助着万能的sketch标注插件，提前下班再不是梦！！
2019年将会是你全新起航的一年，相信你已经制定了很多规划，正在开启第一步的推动。
苹果App Store审核指南 https://developer.apple.com/app-store/review/guidelines/
https://pan.baidu.com/s/1J8U22Q87U3kDPtDy8EOa4A 提取码：glj5 复制这段内容后打开百度网盘手机 App，操作更方便哦
原型 墨刀 文档 石墨文档 腾讯文档 方便在微信中协同。 任务管理 Trello 简单好用的看板系统。 设计 设计软件 PhotoShop Sketch 设计展示平台 蓝湖 方便标注，切图，关联页面之间的关系。支持上传 PS 和 Sketch的素材。 前端 IDE Sublime HTTP Postman 开发调试 API 用。 Fiddler 网络工具。用 Auto Response 功能将本地文件替换线上文件。 后端 IDE VS Code Node.js。 Rider .NE
大家好，时间飞快一晃又到了周末了，今天要跟大家一起学习的有以下这些内容： -- 什么是“页面业务流程”分析思维导图？如何编写页面假JSON数据？ -- 进入下一个前端组件“日历”。 先来说第一个，页面业务流程。什么样的页面会有业务流程呢？ 第一，业务型，电商网站、 第二，强交互型，知呼、QQ空间、音乐播放器 第三，展示型，随着鼠标滚动或页面拖动，菜单或页面有不同显示切换 常会有同学说不知道如何 下手写JS，不知道从哪开始写，不知道操作什么。这就是业务不清晰。 你这个业务，想要实现。那么每一阶段业务，是哪几个
常用的开源组件有multer、formidable等，借助这两个开源组件，可以轻松搞定图片上传。
JOOX Music 是腾讯面向海外市场发布的音乐 App，目前在其发布的五个国家和地区均是排名第一的音乐服务应用。JOOX Music 从2014年发布至今，经历了大小数十个版本的迭代，功能不断的完善和丰富。而它的体积在 v3.5 版本时达到了有点惊人的 124MB！而东南亚是 JOOX Music 的主要发行地区，这里的网络环境相对较差，存在大量老旧的小容量 iOS 设备，而 App Store 的下载也不太稳定。因此，对 JOOX Music 的裁包大作战已势在必行。
当界面设计定稿之后，设计师需要对图标进行切片，提供给开发工程师。切图与标注是为了能够满足开发人员对于效果图的高度还原需求，直接影响到工程师对设计效果的还原度，并且也是设计师重要的输出物之一。合适、精准的切图可以最大限度地还原设计图，起到事半功倍的效果。
前端是一个承上启下的职位，正因为其位置的特殊性导致其必须了解设计和后台的一些基本知识。本文并非教大家如何取代设计的工作，而是讲解前端如何更快更便捷的实现一些简单的设计任务，在没有设计师的情况下如何利用工具解决UI呈现的问题，让工作事半功倍。 Photoshop使用 大多数前端工程师都有过切图的经历，也就是将设计师制作的PSD等格式的图片按照需求切成项目需要的大小并实现页面的呈现，那么作为一名合格的前端工程师，我们有必要了解并熟练的掌握Photoshop的一些功能，下面介绍下几个实用的Photoshop
转眼就到了2018年的最后一个月，小伙伴们是不是都在奋力拼搏做年底的冲刺呢？摹客也没有放慢脚步，不断地优化，给大家带来一个又一个的惊喜。那么，让小摹来带大家看看12月摹客iDoc更新了哪些特色功能：
PhotoShop从CS版本演变到现在的CC版本，切图功能发生了比较大的变化，我们可以把PhotoShop CS版本时的切图功能称为传统切图，而从PhotoShop CC版本开始PS提出了精准切图。所谓传统切图就是切图人员基本上都是自己分割图层切图，传统切图又分为全手工切图和参考线切图；现在CC版本提出的精准切图，切图人员可以依赖计算机把图层对象精确的切割出来，这样切割出来的图层肯定比传统切图切出来的精准度高。另一方面，CC版本可通过脚本执行全自动切图，这样完全解放了切图人员的双手。
UI标注软件现在是设计师（UI、PM、前端等）必备的一款软件。设计稿是UI设计师日常工作中的产出物之一，当然，做出了高保真设计稿并不意味着你的工作结束了，因为你还得与下游的开发工程师进行对接。
前几天发了“前端工程师都能做什么”这篇文章， 此文的末尾有这样一句话：“...毕竟，无限可能嘛...” 有同学留言给我， “可是新手往往望着无限可能而不知所措” 这句话我当时回复的是，“请先从切图开
由于一直在搞后端开发，对于前端内容的掌握一直停留在css、jquery、js、html这类的基础应用上。 一下子接触到前端工程化、spa这类的东西，曲线有些陡峭，整个过程经历了诸多曲折。将收集到的知识总结一下，掺杂着一些个人的理解，不一定准确。 开始搭建之前，先要搞清楚一些概念。 一些知识点 1、前端工程化 记得在刚刚进入软件行业的时候，项目组中一般都会有美工这个角色，负责设计系统需要的各种图片、切图，设计系统整体的样式。上面的工作完成后就可以交给后台开发人员了，后者负责后台逻辑，从数据库中读取数据并
Hi！各位小伙伴！又到了摹客的新功能播报时间。本次更新，在摹客协作部分，XD插件支持固定区域切图；设计稿与设计规范关联更紧密；团队管理进一步优化等。在原型部分，新增离线编辑功能，再也不怕网络波动影响进度啦！另外还对组件和页面相关功能进行了优化。下面就一起来看看吧！
Ghost：https://github.com/PeterCxy/ghost-diaspora
2个月前，写过一篇文章《从网易与淘宝的font-size思考前端设计稿与工作流》总结过一些移动web中有关手机适配的一些思路，当时也是因为工作的关系分析了下网易跟淘宝的移动页面，最后才有那篇文章的总结，可惜的是因为项目的关系，这两个月来几乎没有机会做移动类项目的工作，所以那些理论一直没有得到真正的实践。这次因为公司有一个app需要做一个推广的下载页面，虽然简单，但也值得一试那篇文章里提到的适配方法，所以本文的内容就是介绍该文中提到的淘宝的做法：《lib-flexible弹性布局方案》。（注：该文中提到的网易的做法跟淘宝的做法其实是大同小异，你访问http://3g.163.com/touch/看下页面源码顶部的JS就能明白了。相较于淘宝的做法，淘宝的方法更能称之为一个方案，网易的做法代码质量实在不敢恭维，所以从本文的角度，推荐淘宝的lib-flexible）
在腾讯地图上发一张自定义的手绘地图，由于手绘地图像素都比较高，加载一整张图速度极慢。将手绘地图按照地图的瓦片规则切片分开加载。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
