九宫格排版设计教程,图片有哪些排版方法

图片排版，对于不少新媒体小编来说仍然是个大难题。

图片怎么摆放？文字放哪里合适？尤其是图片比较多的时候，怎么才能让文章排版看起来简洁大方？

今天这篇文章，我就跟大家分享一下，单图、双图、多图等情况下，我们要如何搞定排版？

一 、图片排版

单图排版，文字一般比较少或者直接没有文字。

所以，我们可以直接让图片铺满屏幕，然后将图片和文字按照居中、左下、右下、倾斜等方式进行排列，这样也能让画面更加丰富，更具有冲击力。

我们也可以直接用小蚂蚁编辑器的图片编辑工具条，为图片进行添加阴影、圆角、边框等。

▲ 添加阴影和圆角后的效果

二、双图组合

如果只有两张图片进行排版，要重点考虑对称原则。

上下或者左右对称，可以说比较常见的排版方式。图片和文字交叉排列，还能一边浏览图片，一边看文字介绍，美观又直接！

小蚂蚁编辑器中还有一些无缝图片样式，可以提高版面的整体性。

如果想让版面更生动、活泼一些，可以调整一下图片的大小、结构，比如说做成下面这种效果，对同一物品的不同细节进行展示。

或者让图片的排列发生一些错位。像下面这种：

三、 三图组合

三张图片，一般都是为了做一些产品的展示。

为了让整张版面更加的饱满，我们可以巧妙使用一下形状作为修饰，比如方形、圆形等。

如果你想要让页面更丰富，整体内容更加充实，还可以使用图片叠加的排版方法。如图所示：

还可以使用大小图套用的方法，不过要注意图片之间的间隙，不要太过于紧密。

总体来看，即便是奇数多图排版，大部分还是会遵循对齐的原则。

四、多图样式

在多图排版当中，滑动样式真的相当好用。

滑动样式不仅可以帮我们节省排版篇幅，还能增强文章的灵动性。最重要的是，不管你有多少图片，滑动样式都能帮你搞定！

我们还可以套用朋友圈样式，让自己的排版更具生活气息。

也可以使用九宫格排版，一次展示9张图片，整齐直观，落落大方。

最后，我也总结了几条图片排版的基本原则和大家分享：

第一：配图选取清晰、内容要互补。模糊的图片不仅让人看着不舒服，还会拉低整篇文案的档次，让人怀疑产品的质量。无关的图片也会让人感觉不专业。

第二：图片尺寸要统一。一方面，每个部分的图片尺寸应尽量保持统一；另一方面，图片尺寸要契合你选用的图片样式。

第三：注意整个版面风格统一。一篇文章中使用的图文样式最好不要超过3种，如果确实需要使用不同的样式，这些样式的配色也应该保持统一，以免给人带来杂乱不堪或者花里胡哨的感觉。

准备好九宫格的图和要放在外面的图片。其实九宫格里的图同时用来做抠图素材是完全莫问题嘀~

把九张图放到朋友圈里，进行简单的排版。

朋友圈排版有个小Tips，以中心的图为中心，中间的图构图最特别，十字位置的四张图最好是统一风格，四个角的图可以稍微跳脱一些。

app界面设计布局有几种方式

1、列表式布局。列表布局就是以列表的形式展示内容，通常有对话列表、商品列表等，是可以滚动的列表布局方式，并且具有依据数据所占空间自动适应其高度的特点，这也是快速的APP布局方式。出于人性化的要求，绝大多数菜单列表的单行高度为28px，以方便用户在一个页面中，基于图形文字不失真、不模糊的情况下浏览到更多的信息，且方便手指的触摸和点击。

2、宫格式布局。九宫格是从很久以前就开始流行的经典设计布局，通俗来说，即一个被等分成三行三列的方形格子。如今的宫格式布局较早期固定的九宫格显得更简约、更自由，宫格式布局非常方便地适配所有的智能手机机型，单图标式的信息内容展示显得工整又简单，以便用户在短时间内找到自身需求的按钮进行后续操作。

3、标签式布局。标签式布局以标签的方式显示它的子视图元素，就像在各个浏览器中的一个窗口中显示多个网页一样。通过滑动或者点击，APP再提供丰富的标签选项，以达到提高用户体验的目的。

4、图片式布局。这类布局多见于引导页设计和一些文艺类、摄影类APP，图片式布局必然以图片为主，可以是占满整页的一张大图，也可以是纯粹的各类图片加以独特的排版。但凡一个图片分享类的APP，面向的用户相较于普通群体必然对审美有着一定的要求，图片式布局比起繁琐的文字介绍，能够直观地反映一个APP的性质和水平。

以上是目前市场上以迎合用户实际需求为目的的四大人性化界面布局。界面布局是一种主题和信息的统一，每个手机APP都有各自特点，结合自身的应用性质，考虑用户在使用时需要重点获取的信息元素，再决定排布界面的具体结构，方可做到人性化的界面排版和布局。

ps怎么弄九宫格的步骤方法如下面所示:

1.

第一步的方法是用Photoshop新建空白文件。

2.

然后一步的方法是选择使用自定义形状工具。

3.

最后一步的方法是设置自定义形状工具为“形状”，然后一步的方法是在形状图形里选择九宫格图形。

这个问题应该是题主你的理解有误。

你在朋友圈看到别人发的所谓的「把动图像照片拼图一样拼在一起」的东西，其实根本不是动图——朋友圈什么时候支持过发动图了？

但凡在朋友圈发出来能动的，那都是视频！

也就是说，你看到的东西，不是一套拼在一起（像视频一样）会动的图片，而是它的反面：一条看起来像是拼图效果的视频。

要制作这样一条视频，你需要用到的APP叫Cinepic：

使用这个APP的方法非常简单，大致上有四步：

一、设置底图：

进入APP后，直接点击「开始制作新作品」，进入制作的第一个环节——底图的设置：

此时屏幕会分成上下两部分，上半部分为预览效果，下半部分为你的相册图片。挑选一张图片，这张图片就会变为视频的底图。你可以拖动图片以显示合适的位置：

二、设置版式

挑选好底图之后，点击底部的第二个按钮，进入版式设置环节。在这里，你可以选择多种不同的版式：

可以看到，右下角就是类似朋友圈9图的九宫格版式。当前选中的四宫格也与朋友圈发4张图的版式类似。

三、置入视频（或图片）

点击工具栏第三个按钮，进入视频置入环节。在这里，你可以直接把手机相册中的视频长按，然后拖到上方的格子里，有几个格子就需要拖几个视频：

置入之后，你还可以双击单个视频进入裁剪模式，挑选你要该视频中的哪一段（只支持2秒）：

这样，视频部分就制作完了

四、添加音乐

点击底部第四个图标，进入背景音乐设置环节。你可以选择直接录音，也可以选择添加现有音乐，或搜索音乐（我是搜索的）。音乐只能有15秒，同样可以指定不同的部分：

如果你不想加音乐，直接跳过这个环节也是可以的。

完成前面四个步骤之后，点击第五个图标，就可以把视频分享出去了，当然下载到相册也是可以的。

最后的视频成品如下：

如果没有设置背景音乐的话，是不是看起来像是几张动图拼在一起？这才是题主在朋友圈里看到的东西，前面答的那些都实在是跑偏太远了……

我是Jesse，《和秋叶一起学PPT》图书作者，悟空问答科技问答达人，欢迎关注、留言交流。如果觉得回答得还不错，就点个赞再走吧！

经常看到朋友圈有下图这样的九宫格图片，很酷是不是？其实不需要任何 p 图软件，用 Excel 就能简单制作。

制作方法：

1. 打开 Excel，选择菜单栏的“插入”-->“形状”-->“矩形”

2. 此时，按住 Shift 键的同时，拖动鼠标，就能在 Excel 中画出一个正方形

* 小技巧：按住 Shift 键的同时拖动鼠标，可以画出任意等边形状，例如，选椭圆图标，画出的就是个正圆；选三角形，画出的就是等边三角形

3. 选中这个正方形 --> 鼠标右键单击 --> 选择“设置形状格式”

4. 去除填充色：在弹出的对话框中选择“填充”-->“无填充”--> 关闭

最终还要去除边框色，但是为了接下来的操作能看清楚，此时我们暂时保留边框色。

5. 接下来我们复制 9 个一模一样的正方形，并且排列成九宫格的位置：

选中正方形 --> 按住 Shift+Ctrl 键不松开的同时，用鼠标向右拖动，即可复制出一个同样的正方形用相同的方法再复制一个，适当调整这 3 个正方形的间距按 Ctrl+G --> 选择“定位条件”-->“对象”--> 确定：这样就全选了 3 个正方形再次按住 Shift+Ctrl 键不松开的同时，鼠标向下拖动，就一次性复制了三个排列好的正方形再拖动一次，完成九宫格设置

6. 九宫格的形状就排列好了

7. 现在可以去除边框了：

还是用这个方法选中所有正方形：按 Ctrl+G --> 选择“定位条件”-->“对象”--> 确定鼠标右键单击 --> 选择“设置对象格式”

8. 在弹出的对话框中选择“线条颜色”-->“无线条”--> 关闭

9. 继续保持选中所有正方形的情况下，鼠标右键单击 --> 选择“组合”-->“组合”

10. 九个小正方形就组合成了一个整体

11. 选中这个组合形状 --> 选择菜单栏的“格式”-->“形状填充”-->“图片”

12. 找到我们需要插入的这张图片 --> 插入

13. 九宫格图片效果就制作好了

14. 把这个组合形状复制粘贴到 Windows 自带的图片编辑器中，保存为图片格式就 OK 了。现在，你可以发朋友圈了。

可以在微信小程序里面搜索“九格拼图”，然后上传要拼的照片，完成之后保存即可！

1、在word文档中，点击菜单栏的【插入】－【表格】，插入一个3X3表格，然后调整下它的边框，使其变成一个规整的九宫格。

2、单击菜单栏的【插入】－【图片】－【来自文件】。

3、然后从本地选择一款图片素材插入到word表格下方。

4、右键单击图片，在弹出的列表中选择【其他布局选项】。

5、接着在布局页面选择【文字环绕】－【衬于文字下方】，再点击【确定】选项。

6、再紧接着将图片拖到表格的下方。

7、用鼠标全部选中表格，然后点击右键，在弹出的列表中单击【边框和底纹】选项。

8、在边框和底纹设置窗口，选择【边框】设置选项，然后颜色定义为白色，宽度定义为4.5磅，再点击【确定】选项。

9、回到word文档主界面，即可看到图片变成九宫格的形式了。

10、如图片大小和表格不符，可以调整一下图片的大小，这样形成的九宫格图片显得更美观。

先找尽量只有一两个格子空的一行或者一列，因为那往往比较好填且填的也比较准确，接着环顾全局，看整个九宫数独，那一行或者那一列的空格少，那就尽量去想那边的数字，很多时候是可以很容易猜出来的，因为，这个九宫数独毕竟也是九个数字轮流变换，那慢慢的数字在九宫数独上越填越满，九宫数独也就完成了。