随着移动互联网的快速发展,用户的需求也在不断地增大,这对产品经理还有设计师的考验是越来越大.市场环境的变化让我们深信为快不破,但是一个产品的产出需要各个环节的紧密配合,但往往在产品输出过程中,由于分工不明确导致的形形色色的问题,其中的一大痛点就是产品经理,设计师和工程师之间面临着协作难,工作效率低的问题.以前,设计师需要一遍遍的手动切图配合工程师一次次的改图,如今借助着万能的sketch标注插件,提前下班再不是梦!! 产品经理和设计师这一份被誉为“高危”职业的工作,加班,掉发抠头皮是常有的事:不

简评:中秋三天小长假,要不要学点啥?比如简单的设计?比如用 Sketch 做个项目? Sketch 有许多值得称赞的地方,其丰富的插件就是亮点之一.Sketch 的社区有着大量免费高效的插件.今天这篇文章搜罗了社区内最受欢迎的 30 款免费查件. 在下载这些插件之前,需要安装一下 Sketch Toolbox,这是个 Sketch 插件管理器,通过它可以轻松地下载本文中的各种插件. Slinky Slinky 将 Sketch 导出为 HTML 和电子邮件模板. Compo Compo 帮 Sk

三调数据库标注插件 插件介绍: 本插件基于VS2010+ARCGIS Addin 开发,高效率处理三调数据,可以标注相关属性.检查尖角.检查节点平均密度.检查地类图斑属性一致性,方便数据导入建库软件之前,保证属性的正确性(好处:属性检查完成修改完成,导入建库系统,建库系统导出VCT,利用国家质检软件检查VCT,可以保证地类图斑属性正确性,减少反复导入导出繁琐过程) v1.3更新说明 将ArcGIS一键计算模型通过代码移植到本插件,只需一键就可以计算地类图斑所有属性值.特点:本功能通过代码连接GD

从零开始学Sketch——进阶篇 Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页.图标以及界面设计的最好方式. 在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了.这篇文章主要会涉及Sketch模板.插件的使用,以及Sketch在具体使用过程中的一些技巧分享. 如果你曾接触过PS.AI.Axure等软件,那么接下来的内容你应该不会陌生,因为所有的设计软件学习的路径都是相似的,都是从认识基本功能框架到外部资源整合运用,最终形成个人风格的一个

UI标注软件现在是设计师(UI.PM.前端等)必备的一款软件.设计稿是UI设计师日常工作中的产出物之一,当然,做出了高保真设计稿并不意味着你的工作结束了,因为你还得与下游的开发工程师进行对接. 我们经常听到UI设计师抱怨说,做完设计稿后满满的成就感被开发的同学给打击的稀碎,为什么和开发沟通这么累?我们也经常会听到崩溃在边缘的开发对UI设计师说:“你这个图标的尺寸是多少呢?”,“这两个控件之间的间距是多少”,“这里的切图呢”?......归根结底,是你给了开发不规范的标注图和切图. 传统的设计稿标

本文转自 http://www.jianshu.com/p/ff70b5f35c8f 从零开始学Sketch——进阶篇 Sketch是一款矢量绘图应用,而矢量绘图无疑是目前进行网页.图标以及界面设计的最好方式. 在初识了Sketch的界面布局和基础工具之后,我们就可以开始进入高阶的Sketch工具篇学习了.这篇文章主要会涉及Sketch模板.插件的使用,以及Sketch在具体使用过程中的一些技巧分享. 如果你曾接触过PS.AI.Axure等软件,那么接下来的内容你应该不会陌生,因为所有的设计软件

第1章 课程介绍主要介绍课程的安排及你将学到哪些使用技巧 1-1 课程介绍第2章 sketch 实例及相关工具本节课你将学到钢笔工具的使用.渐变及填充.投影的使用,体会并观察实际中物品的光影与材质:模糊工具.栅格化工具.辅助线的应用,体会到界面排版及构图的重要及页面设计中存在的节奏感:剪切蒙版的使用和两种添加方式,体会到选图之于设计的重要性:切图工具使用技巧,体会团队配合中沟通的重要性:symbol模版工具的使用... 2-1 Outline风格icon作品(上) 2-2 Outline风格ic

插件名称 描述 URL jQuery 1.11.0 js库,不用介绍了 http://www.jquery.com jQuery Migrate plugin 1.2.1 jQuery 老版本过渡迁移插件 http://www.jquery.com Twitter Bootstrap v3.3.4 Bootstrap, 不用介绍了 http://getbootstrap.com Select2 v3.4.6 Select2, 基于jQuery的一个插件,支持搜索,远程搜索,以及结果翻页. htt

三年多前Runner团队在德国汉堡的骇客松上第一次发布了Sketch插件Runner的beta版本.从那以后,这个团队的目标一直很清晰: 创造一个加速设计工作流的工具. 他们只给Runner添加真正能帮设计师工作提速的功能,而非来者不拒.今天,Runner团队发布了史上最大一次版本更新:Runner Pro. 相关参数 依赖工具:Sketch 插件官网:Runner Pro → The Essential Sketch Plugin 插件试用:Download Runner Pro → The

Sketch是很多产品经理.UI.UX设计师常使用的一款的设计工具,但是我在使用Sketch的过程中发现了一个让我困扰的事儿,或者说它缺少了一个我非常需要的服务:在线分享设计.可能很多使用Sketch的人都会遇到类似的问题. 我最近发现了一个很好的在线分享平台,叫做摩客原型托管.它可以解决这个问题的. 首先,将你的Sketch文件导出HTML,打包成zip,然后在摩客原型托管平台,上传就可以了.成功后,会生成一个网页地址,你把这个网页地址发给其他伙伴,就OK了. 那么,我们怎么把Stektch文

不得了,这个版本开始支持 Sketch 的打开了,还可以编辑. https://www.adobe.com/cn/products/xd/features.html Lunacy 支持 Sketch 大部分功能,扩展也在兼容 Sketch 的插件中...<IMG /> 下载

icon font的下载安装: 1.首先打开sketch--插件--管理插件--获取插件--搜索 icon font--点击icon font--clone or download--下载的是一个sketch-iconfont-master.zip 2.双击解压sketch-iconfont-master.zip文件夹--双击iconfont.sketchplugin文件进行安装 3.安装完成后,在sketch--插件中可以看到Icon Font是下图的样子:

纯干货!一款APP从设计稿到切图过程全方位揭秘   @BAT_LCK:我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧.公司不同,流程不尽相同,但是终究还是能有些帮助. 依旧声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用.另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用~ 这里我们只说IOS系统下的设计,至于Android,因为

你学会UI设计了吗? UI设计师如何前驱? 关于产品 作为一个UI设计师,我们还在干巴巴的等着产品经理甚至交互提供的需求和原型再开始动手吗?这样被动的工作是永远无法提升自己的,当然你也永远只能拿到几千块的薪水了. 我们应该参与UI设计前期产品的规划中去: 1.了解下一个版本计划做哪些需求,上一个版本还留下什么需求? 2.在下一个版本中需求的目标和目的分别的什么? 3.怎么样挖掘出用户的原始需求? 4.希望之后拿到哪些数据,并且对这些数据准备做怎样的分析,得出怎样的结果? 产生的商业价值又是什么?

@BAT_LCK :我本身是一名GUI设计师,所以我只站在GUI设计师的角度去把APP从项目启动到切片输出的过程写一写,相当于工作流程的介绍吧.公司不同,流程不尽相同,但是终究还是能有些帮助. 依旧声明:这里写的不是一种规范,只是一种工作方法,大家在具体工作中,一定要灵活运用.另外,技术的更新是非常快的,我写的这些可能某些东西已经和你们的工程师搭档所用的方法不一样了,所以,还是要灵活运用~ 这里我们只说IOS系统下的设计,至于Android,因为尺寸太多,涉及的东西比较乱,我整理好以后再说吧.

一.背景汽车导航作为ToB业务,需要满足不同汽车厂商在功能和风格上体现各自特色的需求.针对这种情况,传统的UI开发方式,基本上是一对一的特别定制.但是这种方式动辄就要500~600人日的工作量投入,成为业务发展的重要瓶颈.因此,能够对导航UI进行快速定制开发,成为汽车导航业务UI开发的必解课题. 高德地图技术团队希望打造一套快速精准的UI解决方案,通过自动化的方式生产UI代码,解放研发生产力的同时满足客户需求. 二.方案调研为了避免重复造轮子,我们调研了行业上现有的UI自动化生成方案.主要分为两

俗话说:技多不压身,功到自然成.本期 fir.im Weekly 收集的热度资源,大部分关于Android.iOS 开发工具和源码,还有一些有关设计的 Tips ,希望对你有帮助. 给女朋友的 iOS 开发教程之 Design 篇 @周楷雯Kevin 录制了一系列的给女朋友的 iOS 开发教程,一步步分解和还原设计与开发的每一步,堪称史上最有意义的"面对对象"编程.这期的 iOS With Girlfriend Design 篇,包含Intro.Design.Design An App

移动应用开发已经成为软件开发的一个重要方向,但是移动开发面临的一个重要问题就是跨平台的问题.PhoneGap 作为一个多平台的软件开发框架,提供了一次编写多个平台的运行.目前已经支持多达 6 个移动平台.对应平台的插件开发则可以为 PhoneGap 扩展 API 的本地接口,提供更加复杂的特性.了解 PhoneGap 框架的原理以便为 PhoneGap 提供本地的插件接口成为 PhoneGap 应用开发的重要方面.本文将以一个简单的实例介绍 PhoneGap 在 Android 上的插件开发方法

其实,就在几天前,我根本不知道什么是NPAPI插件.因为最近的项目中用到需要在非IE下检测客户端是否安装,最终找到浏览器插件NPAPI. 以下资料来源于网络收集,以此给那些和我一样迷茫的人.本文的目的不是将网络上资源拼凑出来,而是在于寻找资料的途径及好资料链接.并希望大家以后,无论在找什么资料都可以找到最核心最有用的. NPAPI是什么 所谓NPAPI,就是指网景插件应用程序接口(Netscape Plugin Application Programming Interface)[1][2],是

AnimateMate 可能是最好的 Sketch 动画插件.Sketch 目前被广泛应用于 HTML5 的原型界面设计,或者被应用于数据可视化的,动画部分则一般经由软件 Principle 等实现.不过现在,你可以选择一款实用的 Sketch 插件直接在 Sketch 中输出高品质的 WEB 动画.你可以向本公众号回复「Animate」下载该插件. Granim 一个骚气的 js 库.用于快速创建 WEB 内的令人叹为观止的渐变动画,网址是▼ https://sarcadass.github.