[简介] PaintCode for Sketch 是一款结合了PaintCode和Sketch两款软件强大功能的插件,今天和大家分享最新的1.1版本,支持Sketch 40+版本,这个插件能够让你的Sketch绘图快速的生成Swift或Objective-C代码,不用编写一句代码. Mac os系统上一款MiOS矢量绘图编程软件,无论是程序员还是设计师,PaintCode能够让你像在PS中画图一样绘制各种UI图形,PaintCode会自动帮你生成针对Mac OS X或iOS平台Objectiv…

Sketch拥有强大丰富的插件,但是这些插件天各一方,四处查找下载地址非常麻烦.这里提供一个技巧,通过一个入口可以安装各种插件,基本涵盖了市面上所有靠谱的插件. 准备 Sketch54 Runner 1/4:安装Runner 下载Sketch插件Runner并安装,这个插件的具体功能可以参考Runner官网. 2/4:打开Install     安装完成后,打开「Sketch」,在菜单栏中找到「插件」 「Runner」 「Install」. 3/4:查找插件 在搜索框中输入你想安装的插件名称并回…

当谈论到插件时,我是一名极客.各种新颖的 Sketch 插件层出不穷,但是有那么几个是我怎么也离不开的. Sketch 运行器 多层的插件菜单再也不会影响我的效率了. 我推迟了好几年才使用这个插件,因为我不懂怎么把它融入我的设计流程.查找信息?我会选择使用鼠标点击,谢谢.现在想想,我当时真是太傻了.它反应迅速,重要的是,它会改变你和 Sketch 界面交流的方式. 内容生成器(Content Generator)之类的插件,它们的多层子菜单曾经让我很烦恼,现在,我会直接找到我想要的操作. Run…

Sketch,作为一款专为图标和界面设计而打造的优质矢量绘图工具,也是设计师们制作和完善公司企业内部设计规范系统不可或缺的设计工具. 然而,逐个导出和上传Sketch编辑优化的设计系统资源费时而费力.究竟如何才能实现Sketch和设计系统的完美对接,实时同步更新设计系统的同时,提高工作效率呢? 不用担心!Mockplus团队全新推出了一款能够轻松帮助设计师实现与Mockplus DS设计系统无缝对接的Sketch插件新利器.它无疑是设计师们根据各自分工,实时通过Sketch工具制作,汇总,修改以…

http://www.cocoachina.com/ios/20150901/13155.html 作者:codeGlider 授权本站转载. 在我的上一篇文章中 swift10分钟实现炫酷的导航控制器跳转动画,有一个swift logo的形状 上一篇文章的动画 我说的就是中间用来做遮罩的形状. 它不是图片是用一段代码绘制而成的: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24     //绘制swift logo  …

Fusion Design 是阿里推出的新的基于sketch的快速设计方案,很适合快速设计中后台. (1) 到Fusion官方站点 https://fusion.design 注册并创建一个项目. (2) 设计样式库 (3)安装 Sketch 插件 FusionCool 立即下载使用 (4)登录和启用样式库 (5)拖动组件到绘图板   (6)看看效果…

http://www.idangero.us/ http://www.swiper.com.cn/ Swiper中文网 2015-10-15 SuperSlide2: (这是个PC用的滚屏插件,看着不错,还没研究.) 2016-5-4 http://superslide2.com/  superslide2 http://www.superslide2.com/param.html api API:  http://www.idangero.us/swiper/api/  官网API http:…

IDEA最优秀的翻译插件 效果 特性 多翻译引擎 Google翻译 有道翻译 百度翻译 多语言互译 文档翻译 语音朗读 自动选词 自动单词拆分 单词本 使用 申请有道智云翻译服务(可选): 注册有道智云帐号并获取其应用ID和应用密钥 绑定应用ID和应用密钥:Preferences(Settings) > [Other Settings] > Translation > 有道翻译 申请百度翻译服务(可选): 注册百度翻译开放平台帐号并获取其应用ID和应用密钥 绑定应用ID和应用密钥:Pre…

var sketch = context.api() var document = sketch.selectedDocument; var selection = document.selectedLayers; var command = context.command; var selectedLayer = context.document.selectedLayers().firstLayer() command.setValue_forKey_onLayer_forPluginIde…

干货jquery插件分享之tab. tab 选项卡切换,在日常开发中也是一种比较常见的呈现控件,今天这个tab控件效果还是蛮喜欢的,推荐给大家有用到的场景可以试试: tabulous.js A jQuery tabs module for todays web! 不过这个插件要IE10及以上才能支持,^-^!! 演示图片:   使用方法: 1. head中引入脚本及样式 <link href='tabulous.css' rel='stylesheet' type='text/css'> &l…

妹子UI: http://amazeui.org/getting-started 百度图表: http://echarts.baidu.com/ 手机UI库:https://github.com/acidb/mobiscroll 文件上传:http://fex-team.github.io/webuploader/getting-started.html#图片上传 弹出层: http://demo.jb51.net/js/2011/artDialog/_doc/license.html?demo…

项目地址: https://github.com/buckwilson/Lightbox_me用法:http://buckwilson.me/lightboxme/ var opt = { 'centered': true, 'zIndex': 99999, 'onClose': function(){ $('.js_lb_overlay').remove(); }, 'closeSelector':'.close', 'overlayCSS':{background: '#000000', o…

之前写了一些关于APP原型文档的文章:一款APP的交互文档从撰写到交付 这次想写下关于APP设计规范文档的内容,规范文档这个东西,实际上大部分中小型公司没有这方面的需求,也没精力去制作这样一个系统性的东西,所以文章篇幅不长. 但设计规范本身是个非常有助于保持产品品牌统一的好东西. 几年以前写设计规范文档,都是一页页的手写设计规范,效率低下,主要还是累~ 最近又开始为新的产品项目撰写设计规范了,时代进步,生产技术也要进步嘛~ 于是我发现了个非常高效的设计规范制作工具:Mockplus摩客的设计系统…

图标是我们日常APP及网页设计过程中必不可少的元素之一,通过小小的图标,可以快速方便的实现视觉引导和功能划分.在创作时,我们需要寻找各种各样的图标来满足自己的设计需求,非常浪费时间和精力.今天,小编给大家整理了8个设计师必看的免费UI图标设计资源站,赶紧收藏. 1. 最大的免费图标库-Flaticon ALT:Flaticon图标库 平台简介:目前在Flaticon官网中收集了92万多个图标,我们可以通过输入英文关键词很快搜索找到自己想要的APP设计图标. 价格:免费 搜索方式:关键词.类别(如…

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

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

在之前的文章中,笔者为大家介绍了Sketch 的入门教程.实用技巧和资源集锦,相信大家对Sketch已经有了初步的了解和认识.除了基础的矢量设计功能以外,插件更是让Sketch保持强大的独门秘籍.Sketch开放了第三方插件接口,设计师可以在几百种的插件中轻松找到适合自己工作方式的插件,并且他们都非常容易获得和安装. 这里笔者为你总结了五款超实用的Sketch插件,让你把Sketch用到起飞. 1. Marketch 做完设计稿后,我们往往需要告诉前端开发工程师,图片的具体尺寸,文本字号和间距等…

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

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

原型设计的发展历史经历了纸上原型.静态线框设计.到现在的可交互式原型.作为设计过程中最初始的阶段,设计师们对原型设计的要求也越来越高.因此,如今的原型设计工具格局也发生了很大的变化. Sketch对于现代设计师而言,已经成了不可或缺的设计工具之一.各家原型设计工具也在悄悄的发生一些改变,迎合设计师们的需求,纷纷开发出了针对sketch原型的插件.既有传统的桌面端原型工具,也有基于云平台的工具.虽然没有任何一条标准规定你必须使用哪一个工具,然而如何能在众多的sketch+原型工具的组合中找到最适合…

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

Sketch是一款基于Mac的矢量绘图应用.面对着功能复杂繁琐的photoshop,Sketch相比较而言身轻如燕.最近也掀起了用Sketch设计产品原型的热潮,因为用它来画设计稿简直轻而易举,相比于Axure它有更丰富的组件库和更全面的尺寸控制,让我们的原型图更逼真,更有利于交流和前期的展示. 作为目前产品原型设计中的利器,Sketch特别适合移动APP和响应式网页的设计开发.下面我们就来看看Sketch的一些入门指南以及如何利用Mockplus的插件实现交互效果. 一. Artboard 在…

前言 做产品和设计快 1 年了,积累了一点经验分享一下 —— 抛砖引玉,欢迎交流. 声明  欢迎转载,但请保留文章原始出处:)  博客园:http://www.cnblogs.com 农民伯伯: http://over140.cnblogs.com 背景 我现在的工作:产品(主) + iOS 开发(辅) 用 Sketch 来做产品原型,更高阶一些的让专门的设计师来做,比如 icon .视觉效果等. 设备:Macbook Pro + iPhone 6S 正文 工欲善其事,必先利其器.对于非科班出生…

需求设计: axaure8.0 tool: teambition/石墨.幕布. 接口管理tool(后端开发接口,pc,m,app使用) https://www.eolinker.com/#/ ui 设计大都用sketch sketch只有苹果版: 1.sketch 2.photoshop 3.iiiustrator 4.after effect 5. premiere macbl.com 管理工具用蓝湖: 前端设计: node.js vs code npm; vue.2/3 sketch52.4…

相信大家都对Sketch有一定的了解和认识.除了基础的矢量设计功能以外,插件更是让Sketch保持强大的独门秘籍.Sketch开放了第三方插件接口,设计师可以在几百种的插件中轻松找到适合自己工作方式的插件,并且他们都非常容易获得和安装.这里主要介绍使用Javascript API for Sketch开发Sketch插件. Sketch成为梦想中的“设计师工具箱”.但是每个人都有不同的需求,也许你需要一个我们还没有实现的功能.不要担心:插件已经可以满足您的需求,或者你可以轻松创建一个插件. 一.…

切图是很多UI设计师的一项日常工作.平时做完设计图,要将设计稿切成便于制作成页面的图片,并标注好尺寸和间距,交付给前端来完成html+css布局的静态页面,有利于交互,形成良好的视觉感. 但有的认为前端自己会切图是最好,不建议把切图的事情丢给设计师做.这样中途会损耗结构讲解的开销(比如网页层级,细节重构方案等),毕竟最后css是前端去码,怎么切最合适要自己把捏的,否则又要引出一个新问题(设计师有必要掌握考虑重构实现的切图吗?). 总之,切图对于设计师设计创作.程序员写代码来说,其实不是件难事,但…

本文来自网易云社区 写在开头,关于ps与sketch之间的优劣网上已经有很多分享,大家有兴趣可以百度,其中对否我们在这里不予评价.在移动互联网时代每个app从几十到上百张页面,如果用ps绘制一个个页面光文件管理就让人崩溃,这也是为什么adobe出了一款ux的软件,自网易有钱2.0.0开始我们使用sketch到现在迭代到2.4.0版本,在本篇文章里分享一下我们的使用心得与问题希望可以和大家一起交流. 摒弃ps拥抱sketch 自项目之初"有钱"团队中的切图和标注工作由开发同学独立(满脸写…

    Sketch 插件大集合 -- Using Sketch Like A BOSS   这几天发现了一个叫做 Sketch Toolbox 的 Mac 应用,简直是下载和安装 Sketch 插件的利器,保证像 Zen Coding 一样带给你高效创作的超级快感!   Sketch 是为图标设计和界面设计而生的.它是一个有着出色 UI 的一站式应用,所有你需要的工具都触手可及.在 Sketch 中,画布将是无限大小的,每个图层都支持多种填充模式:我们有最棒的文字渲染和文本式样,还有一些你一定…

1.导读 关于应用的主题定制,相信大家或多或少都有接触,基本上,实现思路可以分为两类: 内置主题(应用内自定义style) 外部加载方式(资源apk形式.压缩资源.插件等) 其实,针对不同的主题定制实现思路,没有绝对的好坏,每种实现方案都有其利弊,重要的是如何去权衡.选择,根据实际的项目需求,痛点,制定一个符合实际项目需求,能够解决主题定制过程中痛点的方案才是好的方案. 由于我和团队一直是做车载导航应用开发,面向的对象是客户.不同的客户对于应用的UI或者主题是有不同需求的,也就是说针对不同客户,…

去年夏天开始用Sketch,觉得它放Dock里闪亮亮的很好看,当时笑称是男盆友送我的第一颗小钻石噗哈哈.所以那段时间几乎刷遍了所有关于 Sketch 的网站.文章.教程,之后又在自学设计,因为想和更多的人分享 Sketch, 所以用 Sketch 和 Adobe Muse做了这个 Sketch中文网 ,之前新增了 Sketch中文社区 ,欢迎来提问.探讨和分享喵- 之前在社区里有朋友问如何自学 Sketch,正好搬过来希望我的经历能够帮到大家: Sketch 是非常好上手的设计软件,比起花在 P…