交互学堂
专注分享专业知识

Sketch从入门到精通-Sketch3 九宫格

九宫格

在做图的时候,有的时候需要把画面划分几个部分,分别进行设计。因为随着作图能力的提高,规范性和严谨性就需要提高。尤其是网页设计,一个好的网页设计不是杂乱无序的。

所以我们可以用Sketch里的九宫格,但前提是必须是位图,虽然不知道为什么一定要用位图才可以用九宫格的功能,但一定有它的道理,而且你在对位图进行缩放的时候,是对称的从中心向四周延展开来,但也许有的时候,你是想随着画布的大小而变大,不需要中心向四周扩展,所以用九宫格就比较合适。

首先拖一张图到sketch里,然后Layer — Convert to Nine-slice Image,你会发现图片被划分为了9个区域。你可以单击拖拽四个中心点的任一个来调整9个区域。如下图:

clip_image002_thumb

图片被划分了九个区域,中间的四个点,你可以任意拖动这个四个点的横轴纵轴任意改变九宫格的区域大小如下图

clip_image004_thumb

这个九宫格一般很少用,只是了解下就好了。所以就现写到这里。

Sketch从入门到精通-Sketch3 九宫格

赞(0) 打赏
未经允许不得转载:IAMUE » Sketch从入门到精通-Sketch3 九宫格

评论 抢沙发

评论前必须登录!

 

交互学院

在线学习交互设计课程1元秒杀Sketch入门课程

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏