ai，即Illustrator，是一款矢量图处理软件，在ui设计中非常适合用于处理一些及其复杂的图形路径，而且这款软件有一个非常大的特点就是可以和ps进行结合使用，具体就是设计师在制作图表的时候可以在ai完成，之后再链接嵌入到ps当中ps，即Photoshop，是一款我们非常熟悉的软件，在各行各业它的身影无处不在，设计行业更是离不开它。ps是属于一款位图软件，在修图和绘画方面比较擅长，主要用于图片的修改、编辑，和素材的编辑制作
在主要用途上，AI主要用于矢量图制作，PS主要用于像素图编辑。这是由两个软件的不同特性决定的：AI非常善于编辑和制作由路径和锚点促成的图形对象。PS则最初是为编辑像素图而开发的，在编辑像素图方面更具有优势。当然，这并不是说AI不能编辑像素图或者PS不能编辑矢量对象，但从优势上来说，各自的优势还是有很明显区别的。AI主要用于企业VI（LOGO）的制作、矢量插画绘制等等，因为矢量图在这个方面比较有优势。AI还比较擅长的是文字排版，很多手册、宣传页、海报等制作是通过AI来完成。尽管AI在一定意义上可以编辑一下像素图，但编辑能力远不如PS。PS在修图和绘画方面比较擅长，因为照片、图片等等就是像素图。PS主要用于图片的修改、编辑，和素材的编辑制作，当然也会做一些排版工作。尽管PS也有一些矢量编辑功能，但使用起来没有AI方便。一般情况下，PS和AI是要结合使用的，印刷品中的的有些图片素材需要在PS中进行编辑和制作，但一些图形以及文字排版还是要到AI中完成，主要原因是AI中的文字和图形保持了适量特性，边缘光滑流畅，颜色设置稳定、纯净。现在PS的功能原来越强大，以前必须在AI中完成的，现在也能在PS中完成了，所以，有的时候我们也可能会模糊两者的使用界限，但从使用习惯来说，最好还是养成AI和PS的配合使用。这样有利于更有效率的实现创意，完成设计。
你自己都找出来了 0 ctrl+shift+i
采纳个吧，互相学习，共同进步！
方法/步骤图中看到的是一个有网格的页面请点击输入图片描述接下来我们就需要制作一个这样子的网格，打开软件新建画布请点击输入图片描述利用【矩形工具】做出一个和画布一样大小的矩形请点击输入图片描述点击【路径】-对象-分割为网格请点击输入图片描述这时就可以在面板中输入相关的参数就好了，我们可以勾选‘添加参考线’和‘预览’可以查看实时效果请点击输入图片描述请点击输入图片描述这样一个网格就做好了请点击输入图片描述我们可以将网格的描边调大这样看的更清楚请点击输入图片描述制作网格是在页面上做的，比如新建了画布之后我们没有做一个矩形，这时点击【路径】-对象-分割为网格是灰色的请点击输入图片描述
这个肯定是要自己实践过多试一次才能够培养出一定的能力的，否则的话但有几句话怎么可能就做得到。
1、VI中的网格的主要目的是方便LOGO的制作，尤其是如墙体广告等不便电子输出的情况下使用。所以格子的间距要恰到好处，不能大密也不能太疏。 2、如左上角的“baidu”标志，我们就可以取“i”字的宽度作为单元格的标准间距，然后向四周延续。 3、如果你的LOGO不是很规整的，那你就将标志的宽度或者高度均分10或者15、20等分（取一个好算的数），以每个等分距离作为网格的标准。 4、以上为要点，图例就请你到网上去找吧，应该很多的。不行的话 你把标尺弄出来 之后 就用线画 也是可以的 或者上网找现成的模板也是可以的
需要准备的工具：Adobe illustrator任意版本。1、以Adobe illustrator cc2015为例，打开Adobe illustrator。2、点击Adobe illustrator左上角的文件，然后点击新建来新建一个文档。3、然后在新建文档的空白处点击鼠标右键，选择显示网格。4、然后点击软件中右上角的首选项。5、在首选项中选择参考线和网格，即可对网格进行设置。
想要创建网格图形，就得使用到相关的网格工具，那么，网格工具怎么使用呢？以一个矩形为例讲解，使用矩形工具在画布上画出一个矩形把画布上的矩形填充为任意一种颜色，比如橙色在软件左边的工具栏里，也就是以前使用过的渐变工具左边，有个“网格工具”，用鼠标单击一下网格工具启动了“网格工具”之后，在图形特定的位置上单击一下，即可生成了有网线的图形在哪个地方使用“网格工具”单击，那个地方就会是网线相交的一个交点制作好简单的网格之后，可以使用白色箭头”直接选择工具“，选中相交的节点，随便改变网格的形状、位置使用白色箭头”直接选择工具“，选中相交的节点，再单击色板上的任意一种颜色，可以给图形填充上特定的颜色也可以使用白色箭头”直接选择工具“，选中一定的图形空间，再单击色板上的任意一种颜色，这样也可以给图形填充上特定的颜色
第一：什么是网格？在掌握网格的设计方法之前，咱们得先知道，到底什么是网格？为什么会有网格系统这一说？网格系统的存在，是为了解决设计什么样的问题？实际上，说到网格的历史，得追溯到文艺复兴时期。为了达到美的极致，艺术家从绘画中找到了完美的比例分布图，并尝试以辅助线来实现 「完美」 构图的方创建了一个这样的图表，固定版面中内容的结构及边距，来实现完美的布局。所以，网格的存在，最主要就是为了解决设计美感的问题，通过网格让杂乱无章的信息能通过一个较好的结构来进行约束，保障信息高效传达的同时，充分提升版面设计的美感。 网格的结构网格实际上，是一种结构，通过线的垂直或者相交，来构建一个参考界线。通过这个参考界线，我们可以在一个单一的容器中，把容器里的内容，以参考线进行对齐，来有秩序的布局组织并罗列分布。从而实现一个较好的视觉秩序感，提升阅读效率的同时增加美感。因为网格是一种结构，所以网格本身是不一定可见（少部分作品会使用网格做装饰），但这种结构会映射到内容元素的布局，影响信息的排列美感及阅读效率。所有在有确定了网格的边界和约束后，设计师就可以根据网格，来对内容的位置比例，进行调整约束元素的坐标，达到一个比较理想的版式设计。环顾我们的生活周围，实际上也能看到很多网格的运用场景。比如我很喜欢的这套宜家网格柜子~不过网格目前运用的最为广泛的场景，还是在书籍、杂志的版式设计中。实际上，网格系统诞生的初衷也是为了解决印刷制版的问题。所以从印刷术的兴起，网格就开始诞生了 ，并演绎的越来越丰富，越来越系统。 网格的制版在平面设计中，网格系统更常见，特别是用于书籍的装帧及印刷场景。所以如果有从事平面设计或者是从事视觉相关行业的同学，我推荐有机会也可以读读下面这本书。这本书是由瑞士的设计师约瑟夫·米勒–布罗克曼 编写的《平面设计中的网格系统》，文中主要介绍了在平面设计中，网格的功能和使用方法，旨在为平面和空间的设计师们提供一个实际的工具，让他们可以从概念、组织结构和设计上更有效、 自信地处理和解决视觉问题。书中很多方法及版式，基本上可以现学现用，掌握起来也非常方便。「事实上，绝大多数的设计师都不知道、也不理解为什么要建立这样的一个秩序系统。所以，如果想要合理、功能地运用网格系统，那就必须仔细地研究网格的所有原理。只要不嫌麻烦，任何研究网格的人都会发现，在网格系统的帮助下，他都能更快地解决设计中的问题，并让设计更具功能性、逻辑性和视觉美感。——约瑟夫·米勒－布罗克曼 」 第二：网格的组成部分讲了网格的历史，接下来咱们就开始讲正式的网格使用方法啦。目前网格设计主要运用在两大场景，一个是印刷读物，比如海报、书籍、封面等，而另外一个就是电子设备的荧幕，比如 iPhone、iPad、Windows 等，常见于 APP 设计、H5设计及 Web 设计中。在这些不同场景的网格设计中，都会有一些很通用的基础组件部分，如边距、列宽、水槽、以及交叉的模块，正是这些基础的元素组成了复杂的网格系统。所以在使用网格设计方法做图之前，我们需要先了解每个元素的具体含义以及其具体用法。 网格边距网格边距指的是内容外部边缘距离容器的空白距离，在纸质设备中，容器就是纸张的大小，在界面设计里，容器就是设计稿的尺寸分辨率。这个边距，一方面是为了信息不超出安全距离，二方面也主要是为了让内容看起来，能更加的聚焦在中心区域，以防信息太过于贴边导致的不利于阅读。在APP设计中，也会用到边距这个概念。基于@2x尺寸，很多APP内容到屏幕的边距，都采用的是24px，比如淘宝、支付宝、微博等。但也有不少的APP采用的是32px的边距，比如微信、QQ、知乎等，这个大家可以截图，缩到750的宽度，自行量~~当然，文章后面也会详细讲这块怎么定比较好 列宽及水槽除去边距，在内容区域的中心部分，网格主要由列宽及水槽组成，列宽就是每列中间的宽度，水槽就是每两列的中间预留区域。列决定网格的复杂程度，而水槽决定内容的疏密程度。 交叉模块这个指的就是网格中的交叉区域，实际上是一个空间单位。我们可以把固定的图片或者是段落，直接填充在这个模块里。当然，后面也有案例来解读。所有的网格，基本上都是由上面的基础元素组成。正是这些，组成了庞大且复杂的网格系统 Gird System 第三：三种常见的网格在我们的设计当中，目前这三种网格最为常见，且这三种也能满足我们日常的大部分需要。 单列网格在咱们目前设计中，其实最常见的，就是这种单列的网格。这种单列的网格大多数以水平，或者是垂直的形态出现。比如你看到的现在咱们发的这篇文章，实际上它就是一种以水平形态的单列网格所组成，文字与文字中间的距离，就组成了水渠，它也是目前最简单的一种网格。这种其实我们用文字的行高，就可以控制了，不需要设置特别多的信息。保证每一列的距离是一样的即可。 多列网格多列网格，顾名思义就是有多列的网格，会包含交叉关系。实际上，创建的列数越多，你的网格在使用过程中覆盖面会越广，能对齐的内容也会越多，不过处理不好的话，信息也会越碎。咱们根据这个网格，简单排一些文字，看看效果再把线去掉，顺便加点颜色看看，再修饰一下细节~~其实还是比较的简单，当然，我这个只是随意拼凑，小伙伴们可以在收藏本文后，抽时间自己动手试试~~相信肯定会比我这个好 交叉网格交叉网格也比较好理解，其实就是基于水平及垂直领域的交叉网格。这种网格的节奏感非常好，适合在海报、杂志、封面版本中使用。包括在部分App以及Web的场景中，也可以使用这种布局方式。比如：是不是明白许多啦，再强调一句，光看是不行的，这里我鼓励各位小伙伴们，多动手进行练习尝试，只有动手了，这些知识才能转化成你自己的能力！加油，奥利给
1、网页排版的技巧——使用网格系统使用网格系统允许某种页面平衡。网格系统是印刷设计中遗留下来的一种经典的布局方法。近年来，网格系统帮助设计师完成了大量的在线设计工作，并成功地将网格系统的概念移植到数字媒体中。利用网格系统规划不同元素在页面上的位置，可以建立和促进页面上不同元素之间的联系，在页面上产生强烈的平衡感，为受众提供清晰的结构参考。2、网页排版的技巧——选择专注在布局中找到焦点是创建平衡布局的最有效方法之一。例如，在设计中常用的大图是页面上最大的单焦点元素。好的视觉效果可以将观众吸引到页面中，并围绕页面安排其他内容。如果有多个视觉元素，则与格式塔理论的接近原则相结合，符合排列原则。标题或引文副标题也可以是重点。一个好的标题也可以有强烈的视觉吸引力，可以用来在其之上安排其他元素，从而形成一个平衡的页面布局。3、网页排版的技巧——使用三分法三分法也是创建平衡页面布局的有效方法。简而言之，三分法就是将页面垂直和水平分为三分之一，网格线相交的点就是一个现成的焦点。三分法的常用方法是将最重要的元素放在页面的上(下)三分之一处，将主要焦点对齐以匹配其中的一个交叉点，然后将关键元素与四个点对齐，这样的构图就令人满意了。三分法本身并不能为页面布局提供平衡，但是通过扩展该规则很容易实现平衡。环球网校小编为大家整理的《有哪些网页排版的技巧，可以令ui设计的作品更加优秀?》到这里就结束了，如果你希望能将这篇文章灵活应用，还需多加练习，如果你还想学习更多有关ui设计的技巧或知识，也可以点击本站其他文章进行学习。
运用网格系统的的好处包括：简约、清晰、高效、节约和连续性。网格把系统性的秩序映入一个布局中，区分各种不同类别的信息，并且使受众在浏览这些信息时更加方便、简单。同时使用网格能够让设计师展示大量的信息。
很多制作的标签文件对排版的模式要求的比较严格，这个时候就需要设置网格来进行达到排版的要求。设置网格在，设置完纸张尺寸相关数据之后，点击软件上方网格设置，进行设置网格。设置这个网格可以在制作的时候看到，但是在打印和预览的时候是看不到你设置的网格类型水平线的。 同时可以根据实际排版的效果设置网格类型，网格大小，是否吸附网格之类的信息。