请点击右上角在浏览器中打开

图片排版怎么做?一文带你学会图片排版

veleap头像
冰可乐
2022-02-17
1532
正文内容

今天要讨论的话题主要是关于点线面分布分析,这部分知识主要是针对空间层面的,学会后真的可以做到任何一张图都能拿来直接做。好啦闲话不多说下面开始今天的内容。

图片排版,教程,排版技巧,文字图片排版,图片排版设计

1.图片的疏密

这个方法是我自己思考的,可能严谨性还有待实验,不过我目前的使用还是比较顺手的。我们可以给图片简单的分为九个区域,以此来量化图片的疏密,这样就十分清晰的看到我们的文案应该如何分布。

图片排版,教程,排版技巧,文字图片排版,图片排版设计

先随便来两个图我们找找感觉。通过观察我们发现,所谓的疏密松紧也就是空间的分布哪里干净,哪里复杂。

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

2.主体的图像位置

这两部分知识是承接的关系,确定了疏密也就约等于确定了主体的位置,确定了主体的位置就可以确定构图的形式,因为我们之前做过定义,所谓设计的构图就是协调主体与标题的关系或者说是协调视觉点之间的关系。

所以我们得出结论,图片的疏密分布于图片主体的位置,可以直接作为后续设计文案编排位置参考,因为顺着图片的趋势走就会省掉很多麻烦。

图片排版,教程,排版技巧,文字图片排版,图片排版设计

主体位置相较于疏密更加精确,疏密只是针对图片大致感觉的判断,而主体位置部分会涉及到对疏密的更改,下面给大家看一个版式的小案例大家就理解了。(这个设计图 不具备商业属性,是我个人的一种记日记的方式)

优先进行疏密的分析。

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

我们通过调整主体的疏密块面可以做到让信息以最大的灵活度编排让版式像推箱子游戏一样,只需要把对应文字需要占得面积提前标注我们就能轻松完成设计。

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

我把编排好文字信息组合图片进行结合后会发现,现有的主体位置不允许我做这样的排版设计,因为存在主体遮挡严重,重心不稳定头重脚轻,主体缺乏视觉聚焦点等等问题,下面我们做的操作就完全是基于问题的处理。

图片排版,教程,排版技巧,文字图片排版,图片排版设计

最后简单的调个色就完成了,基于主体位置的应用还有很多,我们可以看到确定主体位置是疏密的细化过程,确定图片疏密是建立基础块面的必要条件。

图片排版,教程,排版技巧,文字图片排版,图片排版设计

3.图片的主体属性

不管是图片还是图形都具备其相应的属性,所谓属性指的是它呈现出的视觉状态更加偏向于点线面的哪种方向。为了照顾一些基础不太好的小伙伴下面我会把点线面的概念先简单介绍一下,大家能做到概括的理解就可以。

图片排版,教程,排版技巧,文字图片排版,图片排版设计

说完了概念我们再回到最开始的话题,主体的属性,下面我给大家分别叙述点线面各自的应用方式和优劣情况。

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

随着面的大小变化,所呈现的视觉性与主体面的大小呈正比,面的表现越大视觉性越足,面的表现越小视觉性就越弱,当然弱不代表着不好,有些项目就是需要让面的充实感下降。

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

图片排版,教程,排版技巧,文字图片排版,图片排版设计

以上就是图片排版技巧的全部内容了,更多设计灵感、排版技巧欢迎关注VE Leap社区

原作者:视研设
作者主页:站酷

相关阅读:

AE的动画输出方式分享

设计网站推荐丨5个超实用的Icon网站

  • AE使用教程
  • AE教程
  • AE教程
/
立即打卡
点击下方”选择文件"或将文件拖拽到此区域
支持批量上传,上传格式为mp4文件
*标题:
*简介:
下载专区

温馨提示

暂不支持 系列版本下载 欢迎加入社区交流群,获取最新产品及资讯