Sketch切.9图

聊天文字的背景切出来开发那边用是虚的.一直搞不懂怎么切.9的,我直接切的2x和3x的图给到他们,四周的圆角会出现虚边的问题。
聊天文字的背景切出来开发那边用是虚的.一直搞不懂怎么切.9的,我直接切的2x和3x的图给到他们,四周的圆角会出现虚边的问题。

Sketch Measure 中文版 2.5 (支持Sketch 42)


Sketch Measure 中文版 2.5 支持Sketch Version 42 (36781)
 
新功能:导出图层的影响(阴影)尺寸
 
有时为了美观和区分层级,设计时会加上阴影。但开发同学们不一定会用代码实现阴影,UI设计师就需要切带阴影的图提交给开发。标注的坐标和图形尺寸因阴影的问题现在就很容易解决了,让开发对设计师又提升了99°好感。

只需在导出规范中选择选项即可!

 


导出图层的影响尺寸.png

 
Sketch插件安装:先下载插件,然后解压复制文件。再点击 Sketch 左上角顶部 Plugins 菜单,选择打开最后一行的 Manage Plugins…,在弹出的窗口界面左下角点齿轮图标,打开 Show Plugins Folder,把插件粘贴到打开的文件夹里即可,再回到 Sketch 主界面查看 Plugins 菜单就有了。

支持Sketch42新版立即下载⬇︎
继续阅读 »

Sketch Measure 中文版 2.5 支持Sketch Version 42 (36781)
 
新功能:导出图层的影响(阴影)尺寸
 
有时为了美观和区分层级,设计时会加上阴影。但开发同学们不一定会用代码实现阴影,UI设计师就需要切带阴影的图提交给开发。标注的坐标和图形尺寸因阴影的问题现在就很容易解决了,让开发对设计师又提升了99°好感。

只需在导出规范中选择选项即可!

 


导出图层的影响尺寸.png

 
Sketch插件安装:先下载插件,然后解压复制文件。再点击 Sketch 左上角顶部 Plugins 菜单,选择打开最后一行的 Manage Plugins…,在弹出的窗口界面左下角点齿轮图标,打开 Show Plugins Folder,把插件粘贴到打开的文件夹里即可,再回到 Sketch 主界面查看 Plugins 菜单就有了。

支持Sketch42新版立即下载⬇︎ 收起阅读 »

让Sketch的对齐拥有快捷键


屏幕快照_2016-05-11_上午10.25_.29_.png

已汉化,支持3.7+
 
*设置无法汉化,三个选项分别为:默认自定义方式对齐/默认顶端方式对齐/默认底部方式对齐

屏幕快照_2016-05-11_上午10.25_.29_.png

已汉化,支持3.7+
 
*设置无法汉化,三个选项分别为:默认自定义方式对齐/默认顶端方式对齐/默认底部方式对齐

Sketch插件推荐 - 如意金箍棒


如意金箍棒.gif

该多长就多长 - Relabel Button
其实我使用了 Relabel Button 这个插件,是制作按钮或标签非常好的帮手
* 注意:不支持批量修改
 
非常简单吧!你一定也能马上学会上手,加油!
粢飯課堂 - Sketch 技巧 & 插件
 
继续阅读 »

如意金箍棒.gif

该多长就多长 - Relabel Button
其实我使用了 Relabel Button 这个插件,是制作按钮或标签非常好的帮手
* 注意:不支持批量修改
 
非常简单吧!你一定也能马上学会上手,加油!
粢飯課堂 - Sketch 技巧 & 插件
  收起阅读 »

Sketch插件推荐 - NudgIt

NudgIt.gif

 
移动与节点微调整设置的 Sketch 应用程序 - NudgIt
官方地址:http://nudg.it
 
Sketch中默认键盘移动是 1 像素,同时按住Shift键以10倍,即10像素移动。
在右侧检查器的Position(位置)中按住Alt+上下键配合使用可以以0.1像素上下调整那么Nudg.it 能做什么?看完上面的GIF你就明白了。
 
非常简单吧!你一定也能马上学会上手,加油!
粢飯課堂 - Sketch 技巧 & 插件
 
继续阅读 »
NudgIt.gif

 
移动与节点微调整设置的 Sketch 应用程序 - NudgIt
官方地址:http://nudg.it
 
Sketch中默认键盘移动是 1 像素,同时按住Shift键以10倍,即10像素移动。
在右侧检查器的Position(位置)中按住Alt+上下键配合使用可以以0.1像素上下调整那么Nudg.it 能做什么?看完上面的GIF你就明白了。
 
非常简单吧!你一定也能马上学会上手,加油!
粢飯課堂 - Sketch 技巧 & 插件
  收起阅读 »

Sketch插件推荐 - 画板数字序号与排序中文版

画板数字序号与排序.gif

在做UI设计的时候,我们会在一个画布中处理多个画板文件,为了方便导出就会在画板的上添加数字序列,实际上是相当繁琐的事情,一旦增加图片,会影响后面所有数字,现在有了画板数字序号生成就很容易了,同时它能自动把图层列表顺序按由上向下排列。即使画板是两行排列的,也能轻松应对。
 
你也可以单独添加数字,或进行排序。同样此方法也适用与图形。
 
非常简单吧!你一定也能马上学会上手,加油!
粢飯課堂 - Sketch 技巧 & 插件
 
继续阅读 »
画板数字序号与排序.gif

在做UI设计的时候,我们会在一个画布中处理多个画板文件,为了方便导出就会在画板的上添加数字序列,实际上是相当繁琐的事情,一旦增加图片,会影响后面所有数字,现在有了画板数字序号生成就很容易了,同时它能自动把图层列表顺序按由上向下排列。即使画板是两行排列的,也能轻松应对。
 
你也可以单独添加数字,或进行排序。同样此方法也适用与图形。
 
非常简单吧!你一定也能马上学会上手,加油!
粢飯課堂 - Sketch 技巧 & 插件
  收起阅读 »

Sketch插件神器 - Craft 中文教程

船儿翻不了绝对好用到家的Sketch插件你还没用?不知道怎么用?看看视频学习一下,so easy!





Craft能做什么?
1. 预设/自动生成群组数据,可调节间距和定制生成数量
2. 自动填充预设文件夹内/dropbox/unsplash网站/任何网页上的图片
3. 先进的自动样式表,提供颜色/字体/文本样式等一页式管理
4. 填充文本数据,默认为英文(可不显示),可自行创建数据一键生成
 
Craft完全免费,可以前往官网下载:https://labs.invisionapp.com/craft/
 
教程中提及的图文数据、安装文件和中英文教程视频合集,在百度云盘上可以下载。
百度云盘地址:http://pan.baidu.com/s/1dFDIscL (密码:35tj)
Craft已更新,操作变化很大,以上教程成为历史,仅供参考
继续阅读 »
船儿翻不了绝对好用到家的Sketch插件你还没用?不知道怎么用?看看视频学习一下,so easy!





Craft能做什么?
1. 预设/自动生成群组数据,可调节间距和定制生成数量
2. 自动填充预设文件夹内/dropbox/unsplash网站/任何网页上的图片
3. 先进的自动样式表,提供颜色/字体/文本样式等一页式管理
4. 填充文本数据,默认为英文(可不显示),可自行创建数据一键生成
 
Craft完全免费,可以前往官网下载:https://labs.invisionapp.com/craft/
 
教程中提及的图文数据、安装文件和中英文教程视频合集,在百度云盘上可以下载。
百度云盘地址:http://pan.baidu.com/s/1dFDIscL (密码:35tj)
Craft已更新,操作变化很大,以上教程成为历史,仅供参考 收起阅读 »

Ant-UX


68747470733a2f2f742e616c697061796f626a656374732e636f6d2f696d616765732f543179706c68586b686958585858585858582e706e67.png

这是一套制作页面逻辑的素材库,当你在产品设计初期,可以用它来绘制页面与页面之间的逻辑图,帮助你了解产品架构,业务流程

配合工具: OmniGraffle ,Sketch

OmniGraffle 可以用来绘制图表,流程图,组织结构图以及插图,也可以用来组织头脑中思考的信息,组织头脑风暴的结果,绘制心智图,作为样式管理器,或设计网页或PDF文档的原型。它具有采用拖放的所见即所得界面。所谓的 "Stencils" 一组用于拖放的形状—可以作为 OmniGraffle 的插件使用,用户也可以创建自定义的 Stencils。

Sketch 是一个矢量设计软件,可以帮助你快速投入UI设计当中
Github
继续阅读 »

68747470733a2f2f742e616c697061796f626a656374732e636f6d2f696d616765732f543179706c68586b686958585858585858582e706e67.png

这是一套制作页面逻辑的素材库,当你在产品设计初期,可以用它来绘制页面与页面之间的逻辑图,帮助你了解产品架构,业务流程

配合工具: OmniGraffle ,Sketch

OmniGraffle 可以用来绘制图表,流程图,组织结构图以及插图,也可以用来组织头脑中思考的信息,组织头脑风暴的结果,绘制心智图,作为样式管理器,或设计网页或PDF文档的原型。它具有采用拖放的所见即所得界面。所谓的 "Stencils" 一组用于拖放的形状—可以作为 OmniGraffle 的插件使用,用户也可以创建自定义的 Stencils。

Sketch 是一个矢量设计软件,可以帮助你快速投入UI设计当中
Github 收起阅读 »

柔美线条:多曲线一键生成 - Interpolate Path

柔美线条.gif

在处理一些背景图的时候很方便使用的插件
 
已中文化,支持Sketch 3.7.2
 
柔美线条.gif

在处理一些背景图的时候很方便使用的插件
 
已中文化,支持Sketch 3.7.2
 

Sketch Measure 中文版更新(支持Sketch39.x)

687474703a2f2f75746f6d2e64657369676e2f6c6f676f4032782e706e67.png


新的友好用户界面,更直观的标记操作
687474703a2f2f75746f6d2e64657369676e2f75692e706e67.png


自动生成HTML规范页,CSS样式垂手可得。官方提供的预览:http://utom.design/news/
687474703a2f2f75746f6d2e64657369676e2f6578706f72744032782e706e67.png


更新:
完全汉化中文
支持 Sketch 39.x版本
继续阅读 »
687474703a2f2f75746f6d2e64657369676e2f6c6f676f4032782e706e67.png


新的友好用户界面,更直观的标记操作
687474703a2f2f75746f6d2e64657369676e2f75692e706e67.png


自动生成HTML规范页,CSS样式垂手可得。官方提供的预览:http://utom.design/news/
687474703a2f2f75746f6d2e64657369676e2f6578706f72744032782e706e67.png


更新:
完全汉化中文
支持 Sketch 39.x版本 收起阅读 »