Sketch的10个小技巧分享

2024-05-13

1. Sketch的10个小技巧分享

1.学会“Insert”的快捷键
什么是你在设计中最常用的?创建一个新的Artboard A,插入文字T,创建一个矩形R或者椭圆形O。

2.用正确的方式缩放
· 缩放到100%:⌘CMD+0;
· 查看你画布全部的设计:⌘CMD+1;
· 缩放特定的对象:选择对象然后按下⌘CMD+2。
3.滚动
在没有触控板的情况下如何横向滚动? 使用⇧Shift+滚轮。
4.隐藏/显示sidebars
如果你再一个小的屏幕上作业,你可能需要隐藏左右两边的图层面板(Layer-List-sidebar)和右侧的工具面板(Inspector Sidebar),使用⌘CMD+⌥Alt +3。或者只隐藏左侧⌘CMD+⌥Alt +1,隐藏右侧⌘CMD+⌥Alt +2。 5.Presentation mode(全屏模式)
按下⌘CMD+.可以进入"Presentation" mode(全屏模式),将会让你的作品全屏展示。
6.标尺
按下Ctrl+ R你可以显示或者隐藏标尺。在标尺上双击可以添加参考线,将参考线拖到最左侧或者最右侧就会将其删除。
7.移动对象
Sketch中我最喜欢的功能是,能够通过按下⌥Alt来查看对象间的margin值(CSS属性)。
你如果需要查看选中对象到其他对象间的margin值,你只需鼠标移到那个对象上即可。使用方向键你可以移动选中的对象1px,如果在按着⇧Shift则可以每次移动10px。
8.在移动的时候查看margin值
在移动的时候按下⌥Alt即可查看对象的margin值。
9.改变对象尺寸
按下⌘CMD+方向键可以改变对象的尺寸,同样的按下⇧Shift+⌘CMD+方向键可以每次10px的改变对象的尺寸。
10.为对象命名和建组
当你的设计项目很大的时候,你会发现给对象命名和建组会很有用。每次我创建新的对象的时候我机会按下⌘CMD + R,为其名一个有意义的名字。
建组则可以使用⌘CMD + G。
以上就是关于Sketch技巧的相关分享,希望对大家有所帮助,想要了解更多相关内容,欢迎大家及时关注本平台!

Sketch的10个小技巧分享

2. sketch是干什么用的?

sketch是一款用来制作矢量绘图的软件。
sketch矢量绘图应用软件,一款适用于所有设计师的矢量绘图应用。矢量绘图也是进行网页,图标以及界面设计的最好方式。
但除了矢量编辑的功能之外,Sketch同样添加了一些基本的位图工具,比如模糊和色彩校正。但是Sketch只支持Macos,其他系统无法体验。

扩展资料
Sketch 软件的特点是容易理解,上手简单,对于有设计经验的设计师来说,入门门槛很低。对于绝大多数的数字产品设计,Sketch 都能替代 Adobe Photoshop,Illustrator 和 Fireworks。
Sketch一个有着出色 UI 的一站式应用。在 Sketch 中,画布将是无限大小的,每个图层都支持多种填充模式;
Sketch 不是一个位图编辑应用。如果使用者想修正一张照片或者用笔刷来画画,不建议使用该软件。

3. UI中的Sketch有什么用?

Sketch是一款轻量、易用的矢量设计工具,它让我们尽可能少的设计,将UI放在了首位,让我们专注于响应式的设计而不是照片的编辑,关注于交互和动画而不是人造的材质,最终目的是让设计更简单、更高效。
专业的UI设计师一定是用Sketch的,原因几个方面
1. 各大公司的UED团队,UGD团队都是用,Sketch,你不会,就无法进大公司
2. Sketch软件跟动效软件principle完美结合
3.sketc软件设计各类型UI界面,高效 简单,方便,里面很多UI规范初始化

UI中的Sketch有什么用?

4. 界面设计常用软件有没有sketch

那肯定是有啊!
Sketch 有很多优点也有缺点,下面会说
优点:
快,用 Sketch 好像没有冷启动时间一样,这也就是为什么 AI 和 PS 需要启动画面
OSX 支持好,原生全屏,原生的版本控制,支持 Retina
功能集足够,支持贝塞尔曲线,支持布尔运算,支持文字转曲,支持图层样式
功能亮点
原生支持 @2x 图片导出
保存切片时,可以选择导出的图层。
像素对齐
不限制画布大小
缺点:
快捷键覆盖少
像素图像编辑功能弱
只支持SVG导入
文字编辑弱
生成文件支持率低(哪个设计师会把原文件给别人)
总而言之,Sketch的优缺点明显,在现在的扁平化年代Sketch刚刚好
希望可以帮助到你,希望采纳谢谢~~~~~

5. sketch哪个版本好用

Sketch只能在Mac上使用,类似设计软件在市面上早已成千上万令人眼花缭乱、应接不暇。比较好用易上手的设计协作工具可以尝试Pixso协同设计,你可以简单理解它为网页端的Sketch,不需要下载软件,用户打开网页就可以随时开始设计工作,也被人们称为中国版的Figma。可以访问 pixso.cn 看看Pixso相对于Sketch的横向测评。

Pixso比较吸引人的是多人实时协同设计,设计师除了可以和团队同时在一个画布上进行协同设计,也少不了在工作过程中和产品经理或者研发人员频繁沟通,通过Pixso,可以做到用链接分享可编辑或者可查阅的文档,极大的方便设计师交付的能力,自动切图,获取代码也非常容易。

对于原型设计,Pixso可以做到高保真交付,也可以从头搭建设计规范,利用原子化设计理念构建企业的设计元素,做到设计稿在某一个基础元素变化后,自动更新设计稿的效果。这类工具还有一个好处就是云存储,很方便设计素材和资源的管理,配合社区化,可以充分利用别人的设计经验或者积累自己的设计库。

这些还不够?Pixso是一款免费在线工具,可以访问 pixso.cn 在线使用Pixso协同设计。

sketch哪个版本好用

6. sketchup技巧?sketchup中经常使用的那些小技巧是什么,都有哪些?

下面是我整理的sketchup技巧,有需要的朋友可以收藏起来,已备后用。 
 
 1、偏移和阵列 
 
 偏移很简单,只需要按着C下RL拖动物体,或者输入数据,就可以直接得 
 
 到偏移的物体阵列有2种,一种是在2点之间阵列,一种是相当于连续偏移 
 
  
 
 第一个,选中物体一按着ctrl移动一输入移动距离-一回车确定-一输 
 
 入5/(表示在里面均分5次陈列)-一回车 
 
 第二个,选中物体一按着ctrl移动一输入移动距离一回车确定一输 
 
 入5x或者5*(表示5次连续偏移)一回车 
 
 圆阵列方法同上 
 
 2、SU里面没有专门的”剪切”命令,当你以2条线的交点为出发点再随 
 
 意画出一条线,那2条线就会从该点打断 
 
 3、画椭圆,先画一个圆,然后用缩放工具在一个轴方向上缩放就可 
 
 以了。按住CTRI进行缩放就是以中心为基点缩放。 
 
 4、我们从CAD中导入到SU中的图形,都是以线的形式存在的,如果 
 
 想要把CAD中的面转换为SU中的面,就必须重新描一遍,要是简单一点的 
 
 图形你可以用SU4.0的创建面的功能 
 
 5、关于镜像,选中物体用右键,有沿轴镜像选项,分别可以沿三个 
 
 轴镜像,通过不同的镜像+旋转的组合可以达到你所需的效果。一般对称 
 
 物体是先做一半,然后复制一个出来再镜像,然后拼合 
 
 6、最简单的中键滚轮使用,滚动就是缩放,按下滚轮移动鼠标就是 
 
 旋转,按住SHIFT同时按住滚轮就是平移 
 
 7、如果有一个面挡住了你要编辑的面,那么就选取它,右键选隐藏。 
 
 如果要重新显示则在编辑一显示选项里选择 
 
 8、用右键的“将面反转”菜单,可以改变面的正反、最快速的改变 
 
 模型形状的方法是移动,你可以通过移动物体的一条边或角来改变物体形 
 
 状(注意,角是不能选取的,用移动工具直接放在角上就能移动了) 
 
 9、缩放工具可以提供多种方向的缩放,在缩放过程中直接输入要缩 
 
 放的比例可以准确缩放 
 
 10、测量工具首要功能是量取长度,同时也是做辅助线的工具,用测 
 
 量工具放到一条线上,按住鼠标不放拖动,就可以拖出一条和这条边平行 
 
 的辅助线。(量角器也同样是做辅助线的工具)。测量工具还有一个缩放功 
 
 能-一一选取一个物体,以一条边为基准,按住SHIFT用测量工具测量边的 
 
 长度,然后输入你所希望的边长数值,按回车。整个物体就会按比例变化。 
 
 (组件要先进入组件模式再做编辑) 
 
 11,路径跟随,先选取路径,再用路径跟随工具选取要跟随的面,这 
 
 样跟随又快又圆滑 
 
 12、旋转,如果旋转面不好捕捉,那么就在好捕捉的地方先把旋转方 
 
 向上的面找好,再按住 
 
 SHIFT锁住方向,之后移动到要旋转的物体上 
 
 13、如果把CAD图导入SU后找不到,那么按一下充满视窗按钮, 
 
 不出来你找我。 
 
 14、用橡皮擦而不是DELET〔来删除多余的线,因为橡皮擦只对线起 
 
 作用而不对面起作用,可以避免误删除 
 
 15、在画线的时候有个小技巧,先找到轴方向,然后一直按住SHI 
 
 FT锁定方向,这时无论你鼠标怎么变都不会改变直线的方向,但鼠标别 
 
 闲着,这时鼠标可以移动到你所需要的第二个参照点上,也就是一个方向 
 
 和一个参照点限定了你所要的直线。 
 
 16,用拉伸工具双击你要拉伸的面,它会自动拉伸你上一次拉伸的 
 
 高度 
 
 17,拉伸的时候不要放开左键,将鼠标移动到其他参照面上,可以 
 
 拉出和参照面一样的高度 
 
 18,SU的圆心不好捕捉,先选取圆,用右键选择“标记圆心”<POIN丁 
 
 AT  CENTER),  SU就会帮你标记出圆心,这样就可以从容捕捉了 
 
 19、画多边形。再点取多边形工具后不要先动手,看右下角对话框 
 
 有边数目,直接输入你所要画的多边形边数按回车,就可以改变多边形的 
 
 形状了。同理,在你画圆的时候先设一下边数,边数目越大,圆越圆滑 
 
 20、选择的时候双击所选而,会选中它和它边线,三击会选中所有 
 
 关联的线和面 
 
 21、填充时候按住CTRL是填充所有关联的面,按住SHIFT 
 
 是填充所有同材质(颜色)的面 
 
 22、导入一张J EPG图像,然后把它炸开,可以用填充工具的吸 
 
 管吸取它的图案作为材质用。 
 
 23、做大模型的时候最好想清楚,把需要编辑多次的或会和其他物 
 
 体有交错的部件先编个组(右键菜单有)。还有同类型的也可以根据需要 
 
 编组,其中好处你们以后自己会体会到,它可以保证你的东西不会粘作一 
 
 团,这一点分层是做不到的。 
 
 24、模型太大的时候把一些暂时不用编辑的东西编组群,隐藏起来。 
 
 这会提高你的SU运算速度。采用线框显示模式也有此效果。别傻到开着 
 
 阴影做模型,如果你是受虐狂除外。 
 
 25、选取一个面以后,用右键选择“对齐坐标轴”可以改变坐标方 
 
 向便于作图 
 
 26、选取物体的时候为了避免误选到后面看不到的物体,建议采用 
 
 透明模式显示模型 
 
 27、用橡皮擦的同时按住SHIFT则是隐藏线条而不是删除 
 
 28、如果面丢失了则补上边线即可,不用补面 
 
 29、和CAD一样,SU的框选有从左到右和从右到左的区别(你没用 
 
 过CAD?!去死吧!) 
 
 30、画指定尺寸的矩形可以输入“长度,宽度”来实现 
 
 31、按住SHIFT缩放视图会是广角镜头效果 
 
 32、用右键的等分菜单可以等分线条,用鼠标在线条上移动可以选 
 
 择等分的段数 
 
 33、如果你对你模型的某一视角效果很满意,那么就建立一个页面 
 
 来保存它,查看一一页面一一创建。 
 
 34、如果想将SU模型导入LS中渲染,大都是将模型导出为3D5格 
 
 式。你不妨将其导出为DWG格式试试,这样做的好处是;SU模型中的组

7. 如何高效使用Sketch

自从知道xcode6支持使用矢量图后就开始用sketch,顺手记录下使用中的一些能够提高效率的方法
Sketch适用范围
sketch主要是做图标和界面的。如果是板绘或者处理照片还是用Photoshop之类的比较合适。和ps相比,sketch的优势是开启速度会快很多,是用来原生开发,支持退出后再开启保持退出状态等特点,这些都是ps所没有的。
图层操作
command+d复制图层,或者按住option键拖动
按住shift键能够选择多个图层
按住shift键能够能够严格按照垂直活水平移动
按住shift键改变图层大小是按等比变化
按command加上方向键会精确到像素的调整
图层透明度可以使用快捷键进行调节,选中一个图层按1到9的数字快速将图层透明度从10%到90%,按0调成100%
command+shift+l 锁定图层
绘制图形
可以在Insert > Shape里找到预设的一些图形,比如圆形,方形等基本图形。按o添加圆,r添加矩形,l添加直线,u添加圆角矩形,t添加文本
按v可以自己绘制图形
绘制时按住shift画Sketch会自动按45度对齐前一个点适合绘制直线
善用布尔运算将简单的图形组合成复杂的图形,布尔运算有四种,合并形状(Union),减去顶层形状(Substract),与形状区域相交(Intersect),排除重叠形状(Difference)
布尔运算后可以使用扁平化功能(Flattening),使用后会将其合并成一个图形
复制旋转是个比较有意思的功能,能够很方便绘制出类似花瓣的效果,通过菜单进入 图层 > 路径 > 复制旋转 (Layer > Paths > Rotate Copies)即可。如果希望让复制的图形独立出来,可以分离路径通过菜单 编辑 > 路径 > 分离 (Layer > Paths > Split)即可。
画出粗细不均效果的线条效果可以使用描边宽度 通过菜单进入 图层 > 路径 > 描边宽度 (Layer > Paths > Stroke width),然后点击希望加宽的地方以添加锚点拖动使之变宽
填充可以按从下到上的顺序叠加
选中图层control+command+m创建蒙版
control+c会出现放大镜,然后可以方便选择颜色替换当前选择对象的颜色
画布的控制
使用空格进行抓手移动画布
按command加鼠标滚轮进行画布放大和缩小
control+p能够切换到像素模式查看,相当于输出png后点开图片查看的效果。
control+g开启关闭网格
按住option键能够看到各个对象之间的距离
command+1缩小至能看到所有对象,command+2放大到选中对象到屏幕适合的大小,command+0缩小至100%
Symbol共享元素,一次编辑所有地方都能够生效。
什么会影响Sketch的性能
模糊
阴影
多页面
文本转轮廓

如何高效使用Sketch

8. 如何高效使用Sketch

如何高效使用Sketch


自从知道xcode6支持使用矢量图后就开始用sketch,顺手记录下使用中的一些能够提高效率的方法
Sketch适用范围
sketch主要是做图标和界面的。如果是板绘或者处理照片还是用Photoshop之类的比较合适。和ps相比,sketch的优势是开启速度会快很多,是用来原生开发,支持退出后再开启保持退出状态等特点,这些都是ps所没有的。
图层操作
command+d复制图层,或者按住option键拖动
按住shift键能够选择多个图层
按住shift键能够能够严格按照垂直活水平移动
按住shift键改变图层大小是按等比变化
按command加上方向键会精确到像素的调整
图层透明度可以使用快捷键进行调节,选中一个图层按1到9的数字快速将图层透明度从10%到90%,按0调成100%
command+shift+l 锁定图层
绘制图形
可以在Insert > Shape里找到预设的一些图形,比如圆形,方形等基本图形。按o添加圆,r添加矩形,l添加直线,u添加圆角矩形,t添加文本
按v可以自己绘制图形
绘制时按住shift画Sketch会自动按45度对齐前一个点适合绘制直线
善用布尔运算将简单的图形组合成复杂的图形,布尔运算有四种,合并形状(Union),减去顶层形状(Substract),与形状区域相交(Intersect),排除重叠形状(Difference)
布尔运算后可以使用扁平化功能(Flattening),使用后会将其合并成一个图形
复制旋转是个比较有意思的功能,能够很方便绘制出类似花瓣的效果,通过菜单进入 图层 > 路径 > 复制旋转 (Layer > Paths > Rotate Copies)即可。如果希望让复制的图形独立出来,可以分离路径通过菜单 编辑 > 路径 > 分离 (Layer > Paths > Split)即可。
画出粗细不均效果的线条效果可以使用描边宽度 通过菜单进入 图层 > 路径 > 描边宽度 (Layer > Paths > Stroke width),然后点击希望加宽的地方以添加锚点拖动使之变宽
填充可以按从下到上的顺序叠加
选中图层control+command+m创建蒙版
control+c会出现放大镜,然后可以方便选择颜色替换当前选择对象的颜色
画布的控制
使用空格进行抓手移动画布
按command加鼠标滚轮进行画布放大和缩小
control+p能够切换到像素模式查看,相当于输出png后点开图片查看的效果。
control+g开启关闭网格
按住option键能够看到各个对象之间的距离
command+1缩小至能看到所有对象,command+2放大到选中对象到屏幕适合的大小,command+0缩小至100%
Symbol共享元素,一次编辑所有地方都能够生效。
什么会影响Sketch的性能
模糊
阴影
多页面
文本转轮廓
最新文章
热门文章
推荐阅读