即时设计教程 • 矢量网格绘制体系

在矢量绘制上,我们提供的是一种「矢量网格」的绘制体系形式。这种绘制体系主要对基础图形、钢笔工具、铅笔工具等矢量编辑上产生直接的影响,在使用上,新的绘制体系并不会影响到操作习惯,但在输出结果上你能够感受到它与传统工具的差别。你可以通过这一篇了解什么是「矢量网格」绘制体系,并从详细的应用解决方案中体会到它与传统工具的区别,了解到它的优点。

什么是「矢量网格」绘制体系

「矢量网格」绘制体系是一种支持多种形态路径同时保留在一个画布图层上并保持原有形态和编辑方式显示的底层功能结构。

从视觉上来说,「矢量网格」绘制体系类似原始画图工具的画布,可以不区分图层地连续绘制,一个图标的所有组成部分可以在一层画布上画完。

从本质上来说,「矢量网格」满足的是网格式的锚点连接形态,如果将锚点视为网格的交点,任意锚点可进行连接可视为组成网格。

为什么选择「矢量网格」方案

我们在使用传统设计工具时经常遇到一些影响效率及设计效果的问题,这些问题产生于底层功能形态,是用户不可控的部分。

在对比传统方案与矢量网格方案时,我们发现矢量网格可以很好地解决这些问题,提高设计师的工作效率。

对比于一般的设计工具,「矢量网格」功能结构可以支持的范围:

  • 多个开口路径与闭合路径
    一般设计工具的单个图层路径往往只能独立出现一个开口或闭合路径; 「矢量网格」支持连续创建多个开口或闭合路径
  • 一个锚点可连接多条路径
    一般设计工具的单个锚点只能连接最多两条路径,路径内添加的锚点不可以再创建路径; 矢量网格支持在一个锚点上创建无数条路径。

「矢量网格」的实际应用

除了弥补传统多路径需要分图层创建的短板外,「矢量网格」在许多实际设计场景中可以让用户工作更高效、更简单。

  • 平面网格
    当有了矢量网格后,你不需要用多个矩形拼成一个表格,矢量网格可以帮助你快速完成一个复杂表格。
  • 立体图形
    在矢量网格中, 2.5D 轴测图的绘制是一气呵成的。无需多次进行对齐、精细化锚点的位置调整,各个连接点都更自然无偏差。