Sketch制作网格与旋转副本妙用

Sketch制作网格与旋转副本妙用,第1张

sketch中有两个能提高绘制效配羡率的小工具,制作网格和旋转副本。

如果工具栏里没有,就要从自定义工具栏中添加进去哦!

接下来我们看看如何使用它们吧~

制作网格的意思是让一个图形或一组对象呈几行或几列平铺开。

首先在画布中悉卖亏置入一个正方形,然后点击【制作网格】图标。

行/列表示一行有几个正方形,外边距表示每个正方形之间的间距。

设置好后,点击制作网格,效果如下:

在移动界面中如何应用呢?

举个例子:我们想制作一个新闻列表页,那么一起看看如何通过网格制作工具快速实现。

首先制作一条新闻,然后对其进行编组。

然后选中这条新闻,点击打开制作网格面板,设置1列多行间距适当调整,点击确定瞬间完成。

旋转副本的意思是,让一个图形按照一定的数量围绕着一个圆平均铺开。

首先在画布中置入一个椭圆,然后点击【旋转副本】图标。

注意,输入框里的数量是除了原有的图形之外要增加的数量,这个面板已经睁神说明共会生成多少个数量。

点击旋转,我们来看看效果:

看上去像是一个雏菊的花瓣,可以去拖动图形上的手柄,调整花瓣的紧密程度。

再给雏菊画一个花芯:一个正圆填充咖啡色,一个方形网格填充黑色(编组)。

然后在选中两者,来个布尔运算-交集(留下相交部分)。

是不是有点那个意思了,哈~

除此之外,还可以通过旋转副本工具制作出很多有意思的图形,大家试试吧~

设置里打开并慧。

默认的常规网格是由长度为20px的小方块组成的,每10个小方块出现一条粗线条。执行菜单命令视图中画布选者含项,选择首蔽笑显示网格来打开网格,在这里还会看见网格设置的具体选项。

可以在标尺上点击右键-网格设置,或者在菜单-视图-画布-网格设置,打神腊开设置面板,网游运滑格尺寸:多少像素一个格子;

粗线每隔:每多少个格子用粗线划分一下;

又称栅格化设计,ctrl+L显示或隐藏布局,或者在菜单-视图-画布-布局设置,打开设置面板。

总宽:相当于容器,是设计可见区域的总宽度;

偏置:表示栅格的起始位置;

列数:表示栅格的数量;

外围悄谈间距:取消勾选,栅格的宽度才是总宽;

间距宽度:槽的值,通常是定值;

列宽:栅格内单个可放置内容区的宽度;


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/12235827.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-22
下一篇 2023-05-22

发表评论

登录后才能评论

评论列表(0条)

保存