15个网页设计质量草图插件

发布时间:2020-04-23 09:30:00

有经验的网页设计师和前端用户都知道,在开始设计网页之前,通常会在白板或草稿纸上画一个草图,这样便于构思整体布局。虽然很多设计师选择在白板上完成这个过程,但也有很多设计师选择使用软件来“起草”,其中最流行的是在草图中内置的模板功能。

15个网页设计质量草图插件

有经验的网页设计师和前端用户都知道,在开始设计网页之前,通常会在白板或草稿纸上画一个草图,这样便于构思整体布局。虽然很多设计师选择在白板上完成这个过程,但也有很多设计师选择使用软件来“起草”,其中最流行的是在草图中内置的模板功能。

与白板上的手绘模板相比,草图的内置模板功能更加规则和有组织,保证了设计的向后兼容性和生产效率。好的开始是成功的一半。一个好的开始可以节省很多不必要的返工和麻烦。从这个角度来看,草图确实是当代用户界面和网页设计的良知工具。

内置模板和素描的基本功能保证了设计师和前端人员的基本需求,同时第三方开发者提供的大量插件起到了很好的补充作用。今天推荐的15个sketch插件都是面向web设计师的,涵盖了不同的设计和开发需求。

Sketchnotebook是一个非常方便的草图设计插件。安装后,工作区中将有一个侧边栏,其中包含许多不同的元素。通过此工具栏的帮助,您可以轻松地添加或删除注释、调整位置和管理其可见性。

Cssbuddy允许您将CSS样式添加到草图工作区中的层。作为最基本的功能,它可以轻松控制每个元素的宽度、高度、透明度、阴影、边框、背景等属性。

Dayplayer插件允许您将可自定义的图片占位符插入到任何草图文档中,并内置多个可选占位符服务。激活控件时,还可以设置图片和其他元素的宽度和高度。

您可以看到这是一个颜色方案生成插件,与许多类似的工具一样,一个按钮生成,快速易用,并且可以在工作区中直接调用。另外,色彩方案中的色调、明度等属性可以很容易控制,实用方便。

这个草图插件可以帮助您快速生成虚拟数据,如用户头像、姓名、地理信息和其他数据,以作为内容填写。安装插件后,您只需选择一个层,单击菜单中的plugin generator,然后选择GEO、persona或photos。

这个名为blade的插件可以自动为您的设计生成HTML代码,对层进行分组和标记,并表示文本。使用blade时,可以通过设置层名称将这些层转换为DOM元素。

Modulizer是一个插件,它控制可视元素(如按钮、模块和区域)的填充。如果所选模块有背景,也可以通过调整内部边距轻松替换。

此插件可以针对特定文本层将一组字体大小从小到大的文本层缩小。如果选择具有多个图层的图层组,则必须在图层组中至少包含一个文本图层,才能成功生成。

这是一个动态按钮插件。在sketch中,此插件生成的按钮可用于设置各种属性,包括内容、样式、内部和外部边距。安装插件后,可以使用Command+J快捷方式将文本快速转换为按钮。设置内部边距时,可以在文本层下设置参数(0:0:0:0)。

Sketchdevtools是一套实用的开发工具和程序,作为插件安装在sketch中。由于sketch本身偏向于UI设计,所以它在web开发中有明显的缺陷,而这组插件正好弥补了这个缺陷。sketch最大的缺陷是没有用于各种文档的调试工具或API,这个工具正好解决了这些问题。

这个草图插件为程序提供了更好的预览功能。你能用吗?P配置大小和其他属性的快捷键(?)?P) 对于选定的调色板,并在skalpreview中打开生成的图像文件。



联系我们,谈您的需求

立即咨询