还能输入140个字&
推荐6款UI设计师必备的Sketch插件
文章分类:&&&&&&&&发布时间:
4352
&&&原作者:&&&&&&&
Sketch作为一个为UI设计而生的工具,全矢量、轻量级、像素级精准,非常适合做移动端界面设计,传统的 Photoshop 等设计工具在网页和 App 界面设计上存在的不足,所以越来越多的设计师开始使用 Sketch 替代 Photoshop 设计 App ,那么作为小而美的Sketch,有哪些值得推荐的插件呢?下面就来看看这几款Sketch插件。1、Marketch&&( for UI)来源:&云盘链接下载: &密码: mejh用过Zeplin的同学基本泪流满面,而这个免费插件可以让你泣不成声。直接在本地生成html,非常便捷查看尺寸颜色等参数,和Zeplin一样的思路。不仅免费,而且公司也不用担心云端的安全/隐私问题了。如果说Sketch Mearsure可以节省你一杯咖啡的时间,这玩意可以节省你一顿饭的时间。真正的彻底告别标记尺寸和颜色等dirty work。做了多年ERP的我明白了一个道理,能用机器代劳的活一定不要人来干。大家的时间都很宝贵,我们还是做点更有意义的事情吧。2、AEFlowchart (for UX)来源: 云盘链接下载:&密码: 6iqnFlowchart 顾名思义,就是出流程图的。共有四种控件样式 Decision | Input Output | Process | Start End自动生成对应样式,一键连接所有元素。注意:生成连线为1px,且图层默认被锁定。颜色过浅,有时候需要自己调整下border颜色,大神可以自己去调整脚本里的相关参数。Sketch 升级到3.2.2之后经常没法自动连线,比较苦恼。3、Content Generator Sketch Plugin&(for UI/UX)来源 云盘链接下载:&密码: hsfg这个插件真是酷炫至极我们做app设计的时候,我们可能会使用各种各样的头像来模拟真实效果。那么找头像也是一件耗时间的事情, 这个时候神器来了, 只需选中你要填充头像的图形,他会帮你随机选择并填充合适的图像。&填充图片还分男女,人名也分性别。还能自动生成邮箱和***可以节省大量时间,让你的Mockup看起来更加逼真。生成图片生成名字生成虚拟文本生成字符串4、Sketch Measure (for UI)&来源云盘链接下载: &密码: 36tj强烈推荐,满星好评!一款使用在 Sketch.app 中标注和导出设计规范的神奇插件。解救广大UI Designer于水深火热之中的神器,能够彻底解决开发人员和设计师之间沟通不畅的问题。UI Designer最终产出物少不了Visual Guideline. 制作这份文档真是庞大的工程。每个控件,页面的尺寸标记,颜色标记还有字号标记,最终页面的实现效果完全取决于这份文档的细腻程度。通常,有了这份文档,开发严格执行,最终页面还原度还是非常之高的。这个插件就是可以在页面上自动标记出相关参数。当然,不同的公司在这个环节执行的方法各不相同,标记的方法也不一样。Case by case的来看,这款插件还是十分实用的。曾用过Markman和Pxcook,总是觉得还是有不尽人意的地方。这个插件标记起来不仅仅的自动的,而且在源文件里直接标记...整齐的文档,带着标记交给开发。相互之间还有什么好抱怨的呢?5、Sketch Notebook Master (for UX)来源 云盘链接下载:&&密码: wpaj交互设计师都想让自己的mockup变得更加整洁,但为自己的设计写上注释是少不了的事情。整理格式会花很多时间,不整理看起来又很乱,说明太多经常会盖住相关内容。这个插件可以自动生成一个边栏用来写相关注释。选中相关控件,即可生成标记icon,右侧生成comment. & comment可以自动排序对齐,十分方便快捷。6、Taobao Image Sketch Plugin -商品模块填充插件云盘链接下载:密码: 9c1p此插件好像只支持最新的sketch3.6.1版本。别外推荐一个做app时需要用到的头像网站,上面虽然有推荐Content Generator Sketch Plugin&Sketch插件,但是还有很多win系统用ps的同学,希望你们也能节省找头像的时间。&感谢作者1-6的分享转载请注明
你需要登录后才可以评论!
&&&还没账号?
微信 扫码打赏任意金额~感谢您的支持!
UI设计群:
合作/广告QQ:
UI图(uiimg)国内最专业的UI界面设计平台,致力于中国UI产业的持续发展JS&&JQuery(6)
文章主要汇总了web前端设计师们常用的jQuery特效插件,需要的朋友可以参考下
1.jQuery鼠标悬停文字渐隐渐现动画效果
这是一款基于JQuery实现的鼠标悬停文字渐隐渐现动画效果源码,是一款鼠标悬停后图片渐渐有一层透明遮罩层,同时说明文字从左侧滑入,鼠标离开后文字从右侧滑出,整体效果美观自然,用户体验较好。是一款比较优秀的特效源码。该源码兼容目前最新的各类主流浏览器。
2.jquery基于small2big实现的图片突出显示特效
这是一款基于Jquery的small2big插件实现的图片突出显示特效源码,鼠标滑过图片可实现图片的放大突出显示效果,有三款显示效果供大家选择。
3.DIV+CSS实现的天猫知名商家店铺导航汇总页面效果
DIV+CSS实现的天猫知名商家导航页面效果源码,是一段汇总了天猫所有知名商家店铺网址和名称的代码,并且为各商家分类显示,还具有有效的搜索功能,及真实的店铺网址。
4.jquery+css实现的ul+li模仿下拉框表单美化效果
jquery+css实现的ul+li模仿下拉框表单美化效果源码,是一款利用DIV+CSS及jquery实现的下拉框表单美化特效源码。
5.基于HTML5实现的支持控制播放调整音量的环形音乐播放器
今天我要分享一款外观更酷的HTML5音乐播放器,该播放器是环形的,背景图片非常漂亮,可以控制播放、调整音量等播放器常用的功能。
6.纯CSS3实现的鼠标悬停图片文字动画效果
纯CSS3实现的鼠标悬停图片文字动画效果源码是使用css3来实现的,加载速度更快,内存占用更低,使用更加简便。
7.基于jQuery实现的彩色标签图片选项卡切换效果
基于jQuery实现的彩色标签图片选项卡切换效果代码,加载速度更快,内存占用更低,使用更加简便。
8.jquery实现的点击小图原位置放大图片效果源码
jquery实现的点击小图原位置放大图片效果源码,是一段可以实现点击小图,在原始位置出现大图片的代码,就像是新浪微博一样,点击小图就会在原来的位置把图片放大,缺点就是必须要加上动作,最好就是要么自动在指定id内的图片自动加上放大代码,要么就自动让他能放大。
9.js实现的鼠标滚动控制图片在原始位置等比例缩放
js实现的鼠标滚动控制图片在原始位置等比例缩放特效源码,是一段可以实现以鼠标为中心滚动鼠标轴等比例放大或缩小图片的代码。
10.js实现的点击gif封面后加载gif动态图片的js特效
js实现的点击gif封面后加载gif动态图片的js特效源码,是一段实现了点击gif封面后才加载gif格式动态图片内容的代码,此类代码适应于所有网站。
以上就是小编整理的身为前端设计师们必须要掌握的10个jQuery特效,都是非常常用的效果。
参考知识库
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:72204次
积分:1641
积分:1641
排名:千里之外
原创:88篇
转载:50篇
评论:28条
(11)(52)(42)(6)(21)(1)(2)(5)