当前位置:380元网站建设 虎网站 > 建站百科 > 正文

前端神器!为网页设计而生的插件

发布日期:2015-05-26

    有经验的西安网站建设设计师和前端都知道,在开始着手设计网页之前,通常大家会在白板或者草稿纸上画个草图,这样做方便构思整体布局。虽然许多西安网站建设设计师选择在白板上完成这一过程,不过也有许多设计师选择使用软件来”打草稿”,其中较受大家青睐的就包括西安网站建设Sketch 内置的模板功能。

    相比白板上的手绘模板,Sketch内置的模板功能更加规整,也组织得更加富有条理,了设计的向后的兼容性,也了生产力。好的开始是成功的一半,开个好头能让后续节省很多不必要的返工和麻烦。从这个角度上来说,Sketch确实是当代UI和网页设计的良心工具。

    内置的模板和Sketch的基础功能了设计师和前端们的基本需求,第三方的开发者所提供的大量的插件则起到了极好的补充的效果。今天所推荐的15个Sketch 插件都是为网页设计师所准备的,覆盖了不同的设计和开发需求。

虎网科技(西安网站建设):接下来我们详细看看这些插件吧。

1. Sketch Notebook 

Sketch Notebook 是一个西安网站建设非常方便的草图设计插件,安装上之后,工作区域中会多出一个侧边栏,其中包含多种不同的元素,借助这个工具栏,你可以轻松添加或者删除注释、调整位置、管理它们的可见性。

2. CSS Buddy

CSS Buddy 可以让你在你的Sketch 工作区域中为图层添加CSS样式。作为较基本的功能,它可以轻松控制各个元素的宽度、高度、透明度、阴影、边框和背景等属性。

3. Day Player

Day Player 这个插件让你可以在任意Sketch文档中插入一个可定制的图片占位符,其中内置多种可选占位符服务。当你激活控件的时候,还可以设定图片的宽度高度和其他的元素。

4. Material Design Colour Palette Sketch Plugin

看名字就知道这是一个配色方案生成插件,和许多类似工具一样,一键生成,快捷好用,而且直接可以在工作区中调用。另外,配色方案中色相、明度等属性都可以轻松控制,实用方便。

5. Content Generator Sketch Plugin

这个Sketch 插件可以帮你快速生成虚拟数据,诸如用户头像、名称、地理信息等数据,作为内容填充。安装插件之后,你所需要做的就是选择一个图层,然后在菜单中点击 Plugin —Generator ,然后选择 Geo、Persona 或者 Photos 即可。

6. Blade

这款名为Blade 的插件可以将你的设计自动生成西安网站建设HTML代码,将图层分组用标签包起来,将文本用表示。当你使用Blade的时候,可以通过设置图层名称,让这些图层转化为DOM元素。

7. Modulizer

Modulizer 是一个用来控制西安网站建设按钮、模块和区域等视觉元素的内边距(Padding)的插件。如果所选模块有背景,也可以通过调整内边距,轻松替换。

8. Typographic Scale

这个插件能够针对特定的文字图层缩放出一组字体尺寸从小到大的文字图层。如果你选中了多个图层的图层组,其中至少要包含一个文字图层,才能生成成功。

9. Dynamic Button

这是一个动态按钮插件,在Sketch中借助这个插件生成的按钮可以设定包括内容、样式和内外边距等各种属性。安装插件之后,你可以使用Command+J这个快捷键快速将文本快速转换成按钮。设置内边距的时候,可以在文本图层下设置(0:0:0:0)的参数来搞定。

10. Sketch Measure

这是一个测量插件,需要Sketch 3.0.2以上的版本,除了测量各种距离和尺寸之外,它还可以测量图层的各种属性,并且每个功能都有快捷键支持。

11. Sketch Framer

Sketch Framer 可以将Sketch文件导出为FramerJS,制作成可交互的原型。通过矫正Sketch-framer-config.js文档可以定制生成的文档的类型。当然,使用这个插件较常见的操作可能是导入某个库文件,并且应用到你的整个项目中去。

12. Sketch.js

Sketch.js 是一款易用的jQuery插件,这款插件可以生成一个可供访客绘图的画布。

13. Sketch DevTools

Sketch DevTools 是一套实用的开发用的工具和程序,以插件的形式安装到Sketch中。由于Sketch本身偏向与UI设计,在网页开发上有明显的短板,而这套插件就正好弥补了这一缺陷。Sketch 中较大的缺陷是没有Debug工具和各种文档的API,而这套工具中正好解决了这些问题。

14.Sketch Preview

这款Sketch 插件为西安网站建设程序提供了更先进的预览功能,使用 ⌘P 快捷键可以为选中的画板配置大小等属性(⌘⌥P) ,并且将生成的图像文件在Skala Preview中打开。

15. Sketch Data Parser

这款Sketch 插件能用来分析你的数据并补充你的设计的,下载sketch-data-parser.sketch 这个文档,双击安装即可。

「虎网科技(西安网站建设)说」:

闲聊的时候,经常碰到”Sketch能否有效替代PS”这样的问题。虽然Sketch日渐强大,但是作为一款矢量绘图工具,依然具有一定的局限性,有效脱离Photoshop这样的位图处理工具还是有一段距离的——比如你还是得在PS中处理图片细节。虽然麻烦,但是还是得承认,能解决问题的软件才是好软件。

以上内容由虎网科技(西安网站建设)为您提供,更多精彩内容:https://www.huwz.com/

关注“虎网科技”微信公众号,快速获取互联网较新资讯

包头到日本旅游攻略(详细介绍日本旅游必备攻略)

    日本是一个充满魅力的,每年都吸引着来自世界各地的游客前往旅游。对于初次来日本旅游的游客来说,如何规划行程、如何预订酒店、如何购买交通票券等问题都是需要考虑的。本篇将为大家介绍包头到日本旅游的攻略,帮助大家更好地规划行程,享受日本之旅。 一、如何规划行程? 1、确定旅游时间 在规划行程之前,首先要确定旅游时间。不同的季节,日本的景色和气候都有所不同。例如,春季赏樱、夏季感受日本的浴衣文化、秋季欣赏...

       怎样妥妥地设计一个网站 企业会选择定制网站,定制网站的优点在于为企业量身设计。网站设计的主要作用就是能更好的提升企业名气,能够吸引更多客户,并提高转化率把意向客户变成忠诚客户。这样的网站就需更全面,更人性化的功能,能让客户愿意去消费,实现企业盈利化目的。从客户体验这角度来看,如果他们愿意花更多时间在浏览网站,那么必须是网站有内容能够吸引他们。定制在于设计,想要妥妥地设计一个网站,需要注意这些问题。 怎样妥妥地设计一个网站...

       企业网站建设中网站优化应该怎样去做? 在当今是信息化时代企业网站则是较为热门的,现如今拥有很多的企业都拥有自己的企业网站,去线上营销去宣传自己企业与自己的产品等。当然了有了企业网站就是肯定要去做网站的推广以及优化的,如果一个网站不优化不线上营销就等于是白费。但是有的企业网站制作时显得无关紧要,等企业网站建完后再去费心费力的优化网站,虎网网站建设的小编在此只想说,搜索引擎优化并不是只有在后才需要去优化的。 接下来虎网网站建设的小编要为...

       如何推广企业网站 企业网站推广,网络营销是营销组成部分,是电子商务的核心,而推广是网络营销的最重点,许多企业都有专门的网站,开设电子商务部,在网上开展贸易,如何推广企业网站,有没有什么好的方法。 一、b2b平台网络营销 1. 选择B2B平台三原则??1.流量,当然是基于平台的内容丰富。2.平台优化情况,在主流搜索引擎上搜索你的产品关键字时,不做广告产品信息也能排在前几位,那是一种快感。 3. 知名度,说明:与第一点...

       深圳宝安丰驰车辆监控和虎网站签下网站建设合作协定 丰驰是经深圳市宝安区工商局审核的正规企业,统一社会信用代码:914403007771820939。同时经国家工信部和广东省通信管理局审核通过ICP备案;备案号:暂不备案。丰驰选用虎网站网络实用型网站案例,此案例比经济型多了些功能,如动漫广告图片、在线客服QQ/MSN等聊天工具、顶部侧部二级分类导航、走马灯等功能。丰驰处于深圳市宝安区西乡臣田第二工业区宝民路晖信厂房第贰层1号。   深圳宝安丰驰车辆...

       承德京讯家居五金和虎网站签下网站建设合同 京讯在承德市平泉县平泉镇哨鹿沟村一组。京讯选用虎网站网上商城型网站案例,其功能特点说明:管理员权限设置,可设置无限个不同角色的管理人员,设置各自不同的管理权限;会员管理和等级设置:可以无限级设置会员等级、设置升级条件(经验值)等等功能,适合大型网上购物商城。京讯是经承德市平泉县工商局审核的正规企业,统一社会信用代码:91130823MA099RW87U。同时经国家工信部和河北省通信管理局审核通过I...

最新模板
少儿英语培训机构网站建设 培训公司网站建设
成人自考网站建设 成人培训网站制作设计版面
智能家居摆设设计网站建设 智能家居装修企业网站建设
铜螺母,铜螺丝,螺栓,螺钉工厂网站建设
废气处理设备,如活性炭吸附箱、RTO蓄热式氧化处理设备、光氧等离子复合设备 低温等离子设备 光氧催化设备等网企业网站建设
图文阅读