2021-03-12 14:33发布
Sketch用起来好高效、内容也小巧好上手,有没有好用的Sketch插件可以分享一下
为开发人员和团队创建设计规范,标注元素尺寸及元素间距,标注图层或文本层的信息,如填充颜色、边框颜色、不透明度字体和字号等。
工具栏 执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ⌃ + shift ⇧ + B,通过清晰的图标准确的显示出设计的规格。
UI属性 通过友好的用户界面为你更直观的标记出各个元素的UI属性,只要按住快捷键 option ⌥ 后用鼠标点击相应的元素即可。
规格导出 一键自动导出html页面,还可以离线检查所有设计细节,包括CSS样式。
是一款提升工作效率工具集插件,你可以通过Kitchen将sketch的设计稿上传至语雀画板,足不出户就能管理的设计资源。
Iconfont图标库 一键拖拽海量 Iconfont 图标,还可管理自己的项目
设计稿上传 一键上传设计稿到语雀,与团队成员分享你的想法
智能排版 「边距」和「间距」功能,几步制作 Sketch 流程图
数据填充 一键填充高逼格真实的图片和文字,还可以自定义管理
色板管理 提供各大官方精选色板库,轻松管理属于你的色板库
Symbol同步 导入导出 Symbol 精选包,共享你的专属 Symbol 库
组件生成器 在 Sketch 自动配置符合 Ant Design 规范的组件
一款快速图形生成轴测视图插件,它可以在sketch中,快速使用画板和矩形生成等轴测视图。
选择源画板/矩形。
点击Ctrl + shift + I或运行插件,从“插件”>“素描异构体”>“生成等轴测视图”。
选择旋转方向,按照您的要求调整“深度”和“缩放”,然后点击“完成”
使用Magic Mirror(免费版)或 Angle Plugin(免费)将您的画板的内容映射到生成的等轴测图。
可以旋转方向
可以修改高度
可以整体缩放
可以修改颜色(退出插件后,可以手动更改边的颜色)
智能贴图(Magic Mirror插件可用于在等轴视图顶部映射所需的画板)
Dapollo、语雀、unsplash都很好用
强大的 Sketch 一键汉化工具,安装方法双击打开,重启软件即可
Runner插件可直接运行命令执行 Sketch 相关操作,让你提升工作效率。安装方法双击打开,重启软件即可
这个插件可以在 Sketch 一键随机生成中文名,安装方法双击打开,重启软件即可
Chromatic 可在 Sketch 创建统一的渐变和色阶,如创建的渐变中间部分有点灰暗,可执行 Plugins > Chromatic Sketch > Fix Gradient 能够感知渐变中间色值进行调整并增加锚点,以改善渐变。安装方法双击打开,重启软件即可。
Midnight 可为 Sketch 增加替换主题功能及图层标签、缩进引导线、自定义工具栏图标、自定义画布明度、更改选中高亮色、快速折叠组等小工具。安装方法双击打开,重启软件即可。
SketchCleaner 可快速整理 Sketch 文件删除无用图层,安装方法双击打开,重启软件即可
墨刀 Sketch 插件可自动标注、智能切图、交互动效、让设计师轻松对接多平台开发。安装方法双击打开,重启软件即可。
Axure RP Sketch 插件可一键将 Sketch 设计稿转换为 Axure 支持内容。安装方法双击打开,软件重启即可
Anima Tookkit
对于设计师来说,Anima是一款设计师的必备工具,尤其是在创建设计系统的时候更为好用。它可以帮助设计师创建自适应的Sketch布局,添加方向,对齐方式与间距等等。另外它还可以添加默认填充,并将子图层固定到父级图层的某个位置。
Chromatic Sketch
这款插件可以创建美观且均匀的色彩渐变和色阶。(静电注:相对于Sketch原生的渐变来说,使用这种方式创建的渐变更为柔和自然。)
Export More
Export More可以将Sketch画板导出为Apple Icon Image(.icns)和Animated GIF(.gif)格式的文件。最重要的是,它可以将Sketch中的图像拼合起来,形成一个完整的Gif动画。
Find and Replace
查找和替换插件,可以在Sketch的所有文本层中进行筛选,并批量替换关键字。
Icon Fonts
Icon Fonts直接在Sketch中提供了上千种来自Font Awesome,Ionicons和Material Design的图标。
Image Optim
Image Optim可以使图像加载更快。它通过删除图片的元数据来实现减小体积的作用。此插件还可以通过压缩图像来节省磁盘空间和带宽,而不会降低质量。首先需要安装APP:https://imageoptim.com/mac,然后安装插件。
Looper 2.0
Looper是一个有趣的插件,可以多次复制形状以产生有趣的效果。Looper可让您复制,旋转和缩放图层以构建精美的图案和插图。另外,你可以在选项中控制复制的时候的每个细节,生成更加有创意的图案。
Magic Mirror
作为UI设计师,演示文稿在我的日常工作流程中扮演着重要角色。Magic Mirror是Sketch的图像透视转换插件。该插件添加了Perspective Transformation,以便您可以创建透视模型,并向您的UI设计添加其他扭曲的效果。(高级功能需收费)
Merge Duplicated Symbols
此插件可以合并名称相同但外观不同的元件(Symbol),然后你可以选择要保留哪一个,随后该插件将会用你选择要保留的那个元件替代其它插件。
Relabel Button
Relabel是一个简单的插件,提示输入按钮的新标签。然后,在保留现有填充的同时,应用文本,调整按钮背景的大小并重新定位其他任何内部元素。您需要做的就是选择具有文本层和一个或多个其他层(分隔线,图标,下拉箭头等)的任何组或Symbol,然后运行插件(⌘ j)。
比如:dapllo,kitchen,蓝湖,墨刀,axure等等都是常用插件。
你好:关于需要学习几个月能找工作,我的理解和建议如下:1. 首先要确认自身是否有相关的专业积累?因为UI只是设计者手中的工具,它是内在设计思想有效的表达途径。学习软件很容易,但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累,那么工具...
哈哈哈哈 看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱,然后再做副业...
UI是英文User Interface的缩写。翻译成中文就是:用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。UE是英文User Experience的缩写,翻译成中文就是用户体验。是指用户...
不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏,然后再继续点 点到只剩下需要的元素, 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏,把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...
学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...
对于UI设计来说,更加看重的是个人的设计能力和理念,以及操作能力,和男女的性别没有太大的关系。
靠谱肯定都靠谱的,就看你自己的兴趣爱好,发展前景都很好,大前端是一种网站搭建,小程序开发等用户端口开发的技术,UI设计就是纯纯的设计师岗位,将设计思维和理念融入到产品运营的每一个交互环节中...
其实生活中也有交互性,比如两个人之间的聊天沟通,带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。
1、初步调查 前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下,这个时间大约是3天,我们会详细了解企业,对竞争对手的企业logo进行调查分析,这样可以更准确的控制方向,避免logo设计...
永远不要忘记调研 好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。 创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控,在预算上就一定要留下足够的余地。 此外,你的解...
一、具象表现形式: 具象表现是忠实于客观物象的自然形态,对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征,是对现实对象的浓缩与精炼、概括与简化,突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...
1.设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2.设计须充分考虑其实现的可行性,针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式(如印刷、广告、映像...
Looka Smashinglogo Freelogodesign Hatchful
1、沟通收集信息 在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...
Naldzgraphics这个网站据说是个人创办的网站,上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此,网站还是收集了大量的平面设计素材。 Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标,而且还提供EP...
最多设置5个标签!
1、Sketch Measure
为开发人员和团队创建设计规范,标注元素尺寸及元素间距,标注图层或文本层的信息,如填充颜色、边框颜色、不透明度字体和字号等。
特色功能
工具栏 执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ⌃ + shift ⇧ + B,通过清晰的图标准确的显示出设计的规格。
UI属性 通过友好的用户界面为你更直观的标记出各个元素的UI属性,只要按住快捷键 option ⌥ 后用鼠标点击相应的元素即可。
规格导出 一键自动导出html页面,还可以离线检查所有设计细节,包括CSS样式。
2、Kitchen
是一款提升工作效率工具集插件,你可以通过Kitchen将sketch的设计稿上传至语雀画板,足不出户就能管理的设计资源。
特色功能
Iconfont图标库 一键拖拽海量 Iconfont 图标,还可管理自己的项目
设计稿上传 一键上传设计稿到语雀,与团队成员分享你的想法
智能排版 「边距」和「间距」功能,几步制作 Sketch 流程图
数据填充 一键填充高逼格真实的图片和文字,还可以自定义管理
色板管理 提供各大官方精选色板库,轻松管理属于你的色板库
Symbol同步 导入导出 Symbol 精选包,共享你的专属 Symbol 库
组件生成器 在 Sketch 自动配置符合 Ant Design 规范的组件
3、Sketch Isometric
一款快速图形生成轴测视图插件,它可以在sketch中,快速使用画板和矩形生成等轴测视图。
特色功能
选择源画板/矩形。
点击Ctrl + shift + I或运行插件,从“插件”>“素描异构体”>“生成等轴测视图”。
选择旋转方向,按照您的要求调整“深度”和“缩放”,然后点击“完成”
使用Magic Mirror(免费版)或 Angle Plugin(免费)将您的画板的内容映射到生成的等轴测图。
可以旋转方向
可以修改高度
可以整体缩放
可以修改颜色(退出插件后,可以手动更改边的颜色)
智能贴图(Magic Mirror插件可用于在等轴视图顶部映射所需的画板)
Dapollo、语雀、unsplash都很好用
1、SketchI18N
强大的 Sketch 一键汉化工具,安装方法双击打开,重启软件即可
2、Sketch Runner
Runner插件可直接运行命令执行 Sketch 相关操作,让你提升工作效率。安装方法双击打开,重启软件即可
3、Fake Chinese Name
这个插件可以在 Sketch 一键随机生成中文名,安装方法双击打开,重启软件即可
4、Chromatic Sketch
Chromatic 可在 Sketch 创建统一的渐变和色阶,如创建的渐变中间部分有点灰暗,可执行 Plugins > Chromatic Sketch > Fix Gradient 能够感知渐变中间色值进行调整并增加锚点,以改善渐变。安装方法双击打开,重启软件即可。
5、Midnight
Midnight 可为 Sketch 增加替换主题功能及图层标签、缩进引导线、自定义工具栏图标、自定义画布明度、更改选中高亮色、快速折叠组等小工具。安装方法双击打开,重启软件即可。
6、SketchCleaner
SketchCleaner 可快速整理 Sketch 文件删除无用图层,安装方法双击打开,重启软件即可
7、MockingBot Sketch 插件
墨刀 Sketch 插件可自动标注、智能切图、交互动效、让设计师轻松对接多平台开发。安装方法双击打开,重启软件即可。
8、Axure RP Sketch 插件
Axure RP Sketch 插件可一键将 Sketch 设计稿转换为 Axure 支持内容。安装方法双击打开,软件重启即可
Anima Tookkit
对于设计师来说,Anima是一款设计师的必备工具,尤其是在创建设计系统的时候更为好用。它可以帮助设计师创建自适应的Sketch布局,添加方向,对齐方式与间距等等。另外它还可以添加默认填充,并将子图层固定到父级图层的某个位置。
Chromatic Sketch
这款插件可以创建美观且均匀的色彩渐变和色阶。(静电注:相对于Sketch原生的渐变来说,使用这种方式创建的渐变更为柔和自然。)
Export More
Export More可以将Sketch画板导出为Apple Icon Image(.icns)和Animated GIF(.gif)格式的文件。最重要的是,它可以将Sketch中的图像拼合起来,形成一个完整的Gif动画。
Find and Replace
查找和替换插件,可以在Sketch的所有文本层中进行筛选,并批量替换关键字。
Icon Fonts
Icon Fonts直接在Sketch中提供了上千种来自Font Awesome,Ionicons和Material Design的图标。
Image Optim
Image Optim可以使图像加载更快。它通过删除图片的元数据来实现减小体积的作用。此插件还可以通过压缩图像来节省磁盘空间和带宽,而不会降低质量。首先需要安装APP:https://imageoptim.com/mac,然后安装插件。
Looper 2.0
Looper是一个有趣的插件,可以多次复制形状以产生有趣的效果。Looper可让您复制,旋转和缩放图层以构建精美的图案和插图。另外,你可以在选项中控制复制的时候的每个细节,生成更加有创意的图案。
Magic Mirror
作为UI设计师,演示文稿在我的日常工作流程中扮演着重要角色。Magic Mirror是Sketch的图像透视转换插件。该插件添加了Perspective Transformation,以便您可以创建透视模型,并向您的UI设计添加其他扭曲的效果。(高级功能需收费)
Merge Duplicated Symbols
此插件可以合并名称相同但外观不同的元件(Symbol),然后你可以选择要保留哪一个,随后该插件将会用你选择要保留的那个元件替代其它插件。
Relabel Button
Relabel是一个简单的插件,提示输入按钮的新标签。然后,在保留现有填充的同时,应用文本,调整按钮背景的大小并重新定位其他任何内部元素。您需要做的就是选择具有文本层和一个或多个其他层(分隔线,图标,下拉箭头等)的任何组或Symbol,然后运行插件(⌘ j)。
比如:dapllo,kitchen,蓝湖,墨刀,axure等等都是常用插件。
1、Sketch Measure
为开发人员和团队创建设计规范,标注元素尺寸及元素间距,标注图层或文本层的信息,如填充颜色、边框颜色、不透明度字体和字号等。
特色功能
工具栏 执行 Plugin > Sketch Measure > Toolbar 或使用快捷键 control ⌃ + shift ⇧ + B,通过清晰的图标准确的显示出设计的规格。
UI属性 通过友好的用户界面为你更直观的标记出各个元素的UI属性,只要按住快捷键 option ⌥ 后用鼠标点击相应的元素即可。
规格导出 一键自动导出html页面,还可以离线检查所有设计细节,包括CSS样式。
2、Kitchen
是一款提升工作效率工具集插件,你可以通过Kitchen将sketch的设计稿上传至语雀画板,足不出户就能管理的设计资源。
特色功能
Iconfont图标库 一键拖拽海量 Iconfont 图标,还可管理自己的项目
设计稿上传 一键上传设计稿到语雀,与团队成员分享你的想法
智能排版 「边距」和「间距」功能,几步制作 Sketch 流程图
数据填充 一键填充高逼格真实的图片和文字,还可以自定义管理
色板管理 提供各大官方精选色板库,轻松管理属于你的色板库
Symbol同步 导入导出 Symbol 精选包,共享你的专属 Symbol 库
组件生成器 在 Sketch 自动配置符合 Ant Design 规范的组件
3、Sketch Isometric
一款快速图形生成轴测视图插件,它可以在sketch中,快速使用画板和矩形生成等轴测视图。
特色功能
选择源画板/矩形。
点击Ctrl + shift + I或运行插件,从“插件”>“素描异构体”>“生成等轴测视图”。
选择旋转方向,按照您的要求调整“深度”和“缩放”,然后点击“完成”
使用Magic Mirror(免费版)或 Angle Plugin(免费)将您的画板的内容映射到生成的等轴测图。
可以旋转方向
可以修改高度
可以整体缩放
可以修改颜色(退出插件后,可以手动更改边的颜色)
智能贴图(Magic Mirror插件可用于在等轴视图顶部映射所需的画板)
相关问题推荐
你好:关于需要学习几个月能找工作,我的理解和建议如下:1. 首先要确认自身是否有相关的专业积累?因为UI只是设计者手中的工具,它是内在设计思想有效的表达途径。学习软件很容易,但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累,那么工具...
哈哈哈哈 看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱,然后再做副业...
UI是英文User Interface的缩写。翻译成中文就是:用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。UE是英文User Experience的缩写,翻译成中文就是用户体验。是指用户...
不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏,然后再继续点 点到只剩下需要的元素, 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏,把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...
学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...
对于UI设计来说,更加看重的是个人的设计能力和理念,以及操作能力,和男女的性别没有太大的关系。
靠谱肯定都靠谱的,就看你自己的兴趣爱好,发展前景都很好,大前端是一种网站搭建,小程序开发等用户端口开发的技术,UI设计就是纯纯的设计师岗位,将设计思维和理念融入到产品运营的每一个交互环节中...
其实生活中也有交互性,比如两个人之间的聊天沟通,带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。
1、初步调查 前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下,这个时间大约是3天,我们会详细了解企业,对竞争对手的企业logo进行调查分析,这样可以更准确的控制方向,避免logo设计...
永远不要忘记调研 好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。 创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控,在预算上就一定要留下足够的余地。 此外,你的解...
一、具象表现形式: 具象表现是忠实于客观物象的自然形态,对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征,是对现实对象的浓缩与精炼、概括与简化,突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...
1.设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2.设计须充分考虑其实现的可行性,针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式(如印刷、广告、映像...
Looka Smashinglogo Freelogodesign Hatchful
1、沟通收集信息 在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...
Naldzgraphics这个网站据说是个人创办的网站,上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此,网站还是收集了大量的平面设计素材。 Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标,而且还提供EP...
1、沟通收集信息 在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...