Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Gravit Designer
Webdesign

欢迎来到设计利器Gravit Designer的世界

by
Difficulty:BeginnerLength:LongLanguages:

Chinese (Simplified) (中文(简体)) translation by Eugénie (you can also view the original English article)

Gravit Designer这个软件,怎么说呢,就我个人而言我是十分看好的而且我认为它在矢量绘图领域必将占据十分重要的一席。不仅有良好的用户体验、专业级别的设计工具而且跨平台包括浏览器、Linux、Mac、ChromeOS以及 Windows通用,并且随后还会增加 iPad 和 Android版本。 开发更新版本的速度还很快所以经常会有新的功能添加进来。

最重要的一点是,它完全免费并且没有广告植入或任何的内购项目。当被问到Gravit Designer是否会一直保持免费,来自Gravit的Alex回答如下:

“我们可以保证Gravit Designer将一直维持免费,绝对不会推出什么愚蠢的免费版之类的。后续我们可能会推出包含额外付费项目的团队版本(毕竟我们还是需要支付服务器相关的费用的)但是个人版会保持免费这点是毋庸置疑的,毕竟我们希望每个人都可以用上免费并且专业的设计工具。”

在本教程中我将会向你介绍究竟是哪些特质让Gravit Designer如此大有前途。 由于篇幅有限,我们可能不会讲得太深入详尽,但我们会尽可能作宽泛的概述让你在心里对这个软件大致有个底。话不多说,现在就开始吧!

首次安装运行

如果你比较倾向于使用桌面版本,请转至designer.io/#download选择与你的电脑操作系统相适应的版本下载。(请注意目前Linux版本的下拉菜单还存在bug有待解决,所以Linux用户可能会选择在线版以代替桌面版)

对于那些更青睐在线版 — — 使用在线版的优点是版本总是最新的而且目前说来表现更佳 — — 在线版请转至: designer.gravit.io/

开始的界面就已经挺酷的了。初始界面是新建文档的选项界面,我们可以根据需求自定义文档的宽度和高度。 我们还可以不输入任何宽度和高度的数值让它空着,这样会创建一个无限大的画布;当你不确定要创建多大的文档的时候这一功能就显得很赞了。

还是在这个界面,Gravit Designer内置了50多个预设文档尺寸可供选择,包括:19个打印预设、8个网页设计预设、15个社交媒体封面及内容预设、6个手机和手表预设以及7个平板预设。

此外,如果你注册免费的Gravit云账户,通过点击初始页左边的从模版新建你还将获得数千免费的设计模版。

Gravit部分社交媒体类设计模版展示

Gravit提供的众多模版中包括:36个演示模版、18个海报模版、24个脸书帖子,26个A4型纸模版以及20个卡片模版。 这些模版都是预先设计好可以拿来即用的,当然你也可以以此为基础按照自己的意愿进行重新设计。这些合集还是几个星期前全新出炉的,所以你完全可以期待后续增加更多的模版。

界面速览

谢天谢地,Gravit Designer的界面设计相当直观易懂,即便你是第一次接触也完全不会感觉困惑不已。不过尽管如此我们还是需要将关键部分快速浏览一遍。

首先你可能想要知道的第一件事是界面不一定非得是紫色。当然如果你喜欢紫色界面那你就可以保持原样不做改动,但如果你喜欢黑白的用户界面那就可以打开位于左上角的主菜单,选择编辑 > 设置然后将主题更改为"黑暗主题"或"白亮主题"。

有过Sketch使用经验的用户会发现Gravit界面的布局和Sketch有些相似之处。位于顶部菜单栏下方的是工具栏,你所需要的所有矢量工具都包含在这里,例如移动画布和对齐控件、路径和文本的建立及选择工具、形状的翻转和旋转、多图形操作、堆叠顺序控制以及导出和演示文稿的热键。 记住Gravit可以做到同时打开多个文档,它们以不同的标签页显示在界面的右上角。

Gravit menu options

界面的左侧并排有三个选项卡:图层(译者注:中文版为概述)、 图形库教程。在你首次使用Gravit的时候,教程选项卡(在3.2版中被移至菜单栏下的帮助选项栏)会给你提供相当大的帮助。 图形库选项卡提供大量的拖动放置类预设合集 — — 作为之前提到过的模板的补充。 图层选项卡是这三个选项卡里运用最频繁的,因为它展示了你的页面列表,(稍后页面功能会更丰富),当然,还有你的图层列表。

在界面的右边是针对你当前所选的对象特定的快捷控制区。如未选中任何对象,将显示文档设置。

页面;类似于附带了“Powerpoint”的画板

在Gravit Designer中,页面可能像你在其它应用程序里看到的那样除页面本身外还融合了画板。每个页面自身就像一个独立的文档,它有自己的尺寸、出血、页边距以及画布颜色设置。 然后,您可以通过选择该面板中查看任何页面。默认情况下,页面面板只有一个单独的页面,你可以通过点击页面面板右上方的创建新页面来添加页面。点击选择页面你可以查看相应的页面内容。

如果你习惯于常用的画板界面,可以通过激活位于页面面板删除图标左侧的切换按钮将页面显示模式切换至"多页模式"。所有的页面都可以像单独的文件那样被选择、移动、自定义尺寸或者更改为不同的预设尺寸。 在多页模式下你也可以通过单击画布上的页面标题选中页面,然后按住ALT + 拖动CTRL / CMD + D键来复制所选页面。

Gravit页面也有便利的"主页"功能。通过将页面设置为"主页",那么主页包含的所有元素例如背景或标题将同步到所有使用此主页的页面上。 反之你也可以以此主页为基础建立新的页面,你还可以在主页的基础上添加额外的元素。当主页元素更新之后,所有其它以主页为基础的其它页面会同步一并更新。

Gravit还有一个很酷的功能,就是通过使用页面你可以立即创建"Powerpoint 式样"的演示文稿。 只需单击工具栏最右侧的播放按钮即可将已创建的页面立刻演变为幻灯片。按向下的箭头切换至下一张幻灯片,按向上的箭头切换回上一张幻灯片。

使用Gravit演示文稿

路径和形状

Gravit的路径和形状工具和你在其它矢量图形处理程序中期待的差不多。有标准的可绘制直线和贝塞尔曲线的钢笔工具,以及一系列预设的形状工具如直线、矩形、椭圆、多边形、三角形和星形。

除了标准钢笔工具外,Gravit还有一个额外的很好用的工具即贝塞尔工具。选择贝塞尔工具后,当你在添加锚点的同时按住ALT键,它会自动在锚点周围生成平滑的曲线。

路径和形状绘制完成之后你还可以在右侧的列表中修改它们的属性。常规路径可以设置为开放或闭合,这样当你想让一个开放的路径完全闭合或者在已生成的路径上继续增加锚点的时候通过此法可以轻易实现。 形状有其特定的设定属性文本框,例如将椭圆转换为圆形分格图表,或是自定义多边形或者星形的点数。

常规文本和路径上的文本

文本工具也和你在其它应用程序中希望的那样差不多。选择文本工具之后,在画布上单击即可开始输入可动态调整大小的文本,你也可以按住鼠标拖动一段距离之后再松手,这样会形成一个文本框,如此输入的文本都会被限制在文本框内。

还有一个对于网页设计师来说超级好用的功能就是,当你输入“lorem”,然后敲一下空格键你将得到一段自动生成的"乱数假文"占位符文本。

Gravit让制作路径文字变得轻而易举。只需绘制出任何路径或形状,然后选择文本工具,将鼠标悬停在路径上直至有红线显现后单击即可。 这将使你下一步输入的文字立即直观地显现出在路径上的效果。当你修改过路径后依附路径的文本也会随之相应改变形状。

选中路径文本后,你可以看到右侧的参数调整面板上出现了将文本更改为在路径外及反向的切换按钮。调整文本位置也很容易——只需单击并拖动文本开头的橙色小标记,就是这么简单。

整合了谷歌字体

大多数设计师可能都有过几次为了寻找合适的在线字体而体验到的旋转木马般的经历:打开谷歌字体库,挑选合适的字体,下载,安装(某些情况下可能还要重启设计程序),在设计程序里进一步筛选,如果都不符合需求则继续重复之前的工作。当然有时候可能会用Skyfonts来跳过"下载并安装"的步骤。

不过有了Gravit Designer这些旋转木马般的体验就不存在了,内置了所有的谷歌字体,即点即用,所以你看现在使用在线字体也变得和常规字体一样简单了。

如果以上仍不能满足你的需求的话,通过在在线版中点击字体文件 > 导入 > 添加字体...还可以让你自行导入字体

当然在线字体的存在并不意味着你不能使用系统字体 — — 只要你使用的是桌面版的Gravit那么所有你的本地字体将变得可用。

多重填充及边框

Gravit 有一个让我个人很喜欢,并且Sketch用户会觉得很熟悉的功能就是多重填充与边框。在许多应用程序中如果你想通过放置的方式创建合成效果,比如说,纯色上叠加瓷砖图案再叠加杂色,你还得每次都复制一遍你的目标形状。 但是在Gravit那些麻烦就不复存在了,你可以尽情添加你想给定的填充及边框。

每个填充或边框表现得很像单独的图层,有独立的显示或隐藏开关,混合模式和不透明度设置。 你可以按照喜欢的顺序对填充进行排列。可以使用到的填充选项有纯色、图案填充、渐变或者杂色,所以你还是有相当大的创造空间的。

效果;比图层样式更出色

Gravit中的效果和你在其它应用程序里见到的图层效果很相似,但和填充和边框一样不会限制每个图层只能添加一个效果,你可以尽可能多的按照自己的意愿添加效果。

基本的效果包含阴影(也可作为外发光),内阴影(也可作为内发光),以及叠加(纯色或渐变)。由于Gravit已经有填充和边框工具,所以效果里的描边和图案叠加就显得略有多余了。 不过除此之外,Gravit还有一些其它真心有趣的效果如“镜面效果”,“镜面效果”会在图形的下方创建倒影,还有“弯曲阴影”,“弯曲阴影”的效果如下图所示:

其它的效果例如高斯模糊、暗角、颜色调整以及颜色分级这些Gravit都有。所有这些效果你都可以按需配置,而且后续还可以任意修改参数。

样式共;创建多形态并节约时间

Gravit可以创建应用于填充、边框、效果和文本的样式,这些样式有十分有益的用途。

首先,你可以通过创建样式使同一形状呈现不同的形态,就好像一个按钮有默认和悬停两种外观那样。 其次,样式可以应用于画布上的多个对象,当你改变其中某个对象的样式后还能将所有其它对象的样式也一并改变。

锚点的半交互设置

 锚点设置可以定义当一个父图形改变其尺寸时锚点要作出怎样的回应,反之就演变为创建半交互的功能,而这会节约你大量的时间。

复制的页面 (上) 通过顶锚点、 底锚点和中心锚点来控制其响应调整大小后的父图形所产生的结果

打个比方,假如你正在做需要运用到多种尺寸屏幕的UI设计,你可以先只创建单一尺寸的图层,通过设定锚点来定义设计元素伸缩或者移动时锚点的响应方式。然后复制已创建界面重新更改尺寸即可,使用这种方法你可以保证现有的绝大多数设计方案保持不变而无需重做。

总结

就目前来说Gravit Designer的表现已经很强劲了,对于新增的后续功能也有强有力的保证。 在下一版本也就是版本 3.2中,我们可以看到加入了符号,这可能是一些用户最后的一项需求了。想要知道后续版本有哪些更新还请访问roadmap

Gravit 功能强大,灵活高效、更新速度快、真正的跨平台而且完全免费。不论你出于什么原因需要和矢量绘图软件打交道,Gravit Designer都绝对值得一试。

更多信息请访问:designer.io

Envato qr branded
关注我们的公众号
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.