网格在AI排版中的妙用(图文教程)

飞特网   发布时间:2014-07-26 11:24:46   作者:寻找原创分享者   我要评论
本教程是向大家介绍网格在AI排版中的妙用,网格,或是说栅格系统,是做版式设计、平面设计、Web 设计的重要工具,作者通过实例向大家介绍网格的应用。教程实用性非常强,推荐给大家,希望对大家有所帮助

本教程是向大家介绍网格在AI排版中的妙用,网格,或是说栅格系统,是做版式设计、平面设计、Web 设计的重要工具,作者通过实例向大家介绍网格的应用。教程实用性非常强,推荐给大家,希望对大家有所帮助!

在 1960 年代,瑞士的现代主义平面设计海报、宣传单中,就大量使用了网格来组织信息元素。进入信息时代后,随着 Web 的兴起,由于网页设计与平面设计、版式设计有很强的相似性,网格也被大量应用在了 Web 中。网格的好处,就是在于给予一种规约,令排版者可以较为方便的组织标题、列表、段落、图片等元素,保持版面元素之间的一致性,协调正负空间。一句话概括应用网格的好处:「随心所欲,不逾矩」

 

(图片摘自现代主义设计师 Massimo Vignelli 的 The Vignelli Canon 电子书)

不过,虽然用网格组织、排版信息相当方便,通常创建网格本身却是一件十分令人头痛的事情。通常的做法是:

吭哧吭哧地在纸上算,计算网格的大小、间距什么的,算到天昏地暗;然后吭哧吭哧地拉参考线……

很容易看出,这是一个特别苦的过程,特别是对于我这样数学学渣而言。所幸,AI 提供了一个工具,把设计师从吭哧吭哧的计算和吭哧吭哧的拉参考线解放了出来。今天的内容很少,就是要讲这个工具的使用。这个工具用起来特别简单,这次还是像前几次那样,通过一个具体的案例来说明:给一个 A4 纸打上类似这样的网格:

首先,依然是新建文件。不过这次要新建一个 A4 大小的文档(210mm x 297mm)。

然后,在这个文档的画板上画一个大小同画板大小,覆盖整个画板的矩形,并去掉这个矩形的填充和描边。

接下来,确定页边距。假设我们这个文档的的横竖页边距分别是 12mm,15mm 的话,选中矩形,在「变换」面板中选参考点为图形中心,宽与高那两个文本框分别输入这样的表达式:210 – 24mm, 297 – 30mm,即「长度 – 页边距 x 2」。AI 是可以支持类似这样较为简单的算数表达式的,类似这样:


做好后画板应该类似这样:

然后,执行菜单命令:「对象」-›「路径」-›「分割为网格」,在弹出的对话框中做如下设置:

点击「确定」,几乎就搞定了!如图:

相关文章

  • ai怎么绘制一个卡通动画角色的妈妈头像?

    ai怎么绘制一个卡通动画角色的妈妈头像?想要绘制一个类似妈妈的女性角色,该怎么绘制卡通角色呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-10-25
  • ai怎么设计儿童滑梯插画? ai儿童滑梯的画法

    ai怎么设计儿童滑梯插画?儿童很喜欢滑滑梯,想要设计一款清新的儿童滑梯,该怎么绘制呢?下面我们就来看看ai儿童滑梯的画法,需要的朋友可以参考下
    2019-10-24
  • ai怎么设计卡通效果的眼镜图标?

    ai怎么设计卡通效果的眼镜图标?平时喜欢戴眼镜,该怎么绘制卡通效果的眼镜呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-10-24
  • ai怎么设计一套西餐素材?

    ai怎么设计一套西餐素材?ai中想要设计一套简单的西餐素材,比如汉堡,薯条,可乐等等,该怎么绘制呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-10-24
  • ai怎么设计创意的冲浪板产品宣传海报?

    ai怎么设计创意的冲浪板产品宣传海报?需要做一个冲浪板的海报,该怎么设计呢?下面我们就来看看ai设计冲浪板产品宣传图的教程,需要的朋友可以参考下
    2019-10-23
  • ai怎么手绘漂亮的大嘴鸟海报?

    ai怎么手绘漂亮的大嘴鸟海报?ai中想要绘制大嘴角海报,该怎么绘制呢?今天我们就来看看使用ai手绘大嘴角的教程,需要的朋友可以参考下
    2019-10-23
  • ai怎么设计拖鞋产品概念宣传图?

    ai怎么设计拖鞋产品概念宣传图?产品一般都会一个概念图,想要设计比较好看的拖鞋海报,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-10-22
  • ai怎么设计扁平化的卧室场景图插画?

    ai怎么设计扁平化的卧室场景图插画?想要设计扁平化效果的插画图,今天我们就以我是为例,来看看使用ai设计我是插画效果的教程,需要的朋友可以参考下
    2019-10-22
  • ai怎么设计简笔画效果的酒店图标? ai酒店icon设计过程

    ai怎么设计简笔画效果的酒店图标?酒店需要一个简约大方的图标,该怎么设计icon标志呢?下面我们就来看看ai酒店icon设计过程,需要的朋友可以参考下
    2019-10-20
  • ai怎么手绘简笔画效果的薯条icon标志?

    ai怎么手绘简笔画效果的薯条icon标志?ai中经常设计矢量图标,很喜欢吃薯条,想要设计薯条,该怎么设计呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-10-20

最新评论