蓝湖不是一个独立的应用,而是以插件的形式出现在应用中,支持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元无门槛券
手把手带您无忧上云