网站首页 > 知识剖析 正文
从今天开始,我们陆续推出版式设计相关的教程。希望能够对设计师朋友们有所帮助。
排版对于设计师来讲,应该算是一项基本功,无论是海报、单页、折页、画册,都离不开版式设计。而版式设计中最常见的就是图文的排版。那么,如果只有一张图片和一段文字,我们该怎样排出高大上的版式呢?今天我们就来学习第一招。
这里,我们以一张16:9的画面为例来做演示。
这个版式的灵感来自大作上的一个案例,我觉得这个案例的排版非常值得参考。
这里,我们添加色块和线条来丰富整个画面。实际上,色块和线条也常常作为版式设计中的辅助元素。
首先,我们画一个矩形色块,将整个版面一分为二。这样就会让原本单调的画面多了一些色彩。关于色块的颜色没有一个固定的数值,只要和图片保持一个色调就可以了。
接下来,我们插入一张竖版的风景图,大家可以在网上找相应的素材。
这里有一个细节,就是我们需要让图片上下居中,并且上、下、左三边的距离相等。
接下来,我们在图片的右侧画一条竖线,在竖线的右侧输入图片的相关信息。
这里有一个小技巧,就是文字和线条的颜色不要用100的纯黑色,可以将文字的颜色改为70-80的灰色,这样看起来更加高级一些。
接下来,我们在版面右侧空白部分输入标题和段落文字。
可以看到,这个时候,我们发现整个画面的右上角有些空,我们可以提取画面文案中的关键词,比如这里的“夏天”(当然你也可以提取“记忆”)。我们在右上角画一个圆,在圆里输入“夏天”的英文,这样整个版面就完成了。
我们来看一下最终的效果:
怎么样,是不是顿时觉得高大上了?
最后,我们来总结一下这个版式瞬间高大上的设计思路:
- 色块的加入,将整个版面一分为二,并且让版面有了层次感和呼吸感。
- 文字并没有用纯黑色,而是用灰色,这也是目前许多设计师常用的一个小技巧,能够给你的版面增添一种高级感。
好了,今天的教程就到这里,版式设计相关的教程我们将持续更新。
如果你想了解更多和设计相关的内容,欢迎关注我的头条号!
猜你喜欢
- 2025-03-26 「斑马进度宝典」一文读懂横道图设置方式,各种参数修改全明白了
- 2025-03-26 我们一起学图表,一起喵喵喵喵喵(我们一起喵喵喵是什么)
- 2025-03-26 怎样设置背景图片位置(如何设置背景图片的位置)
- 2025-03-26 03调整图片上中下层的放置关系,在图片上插入文本框
- 2025-03-26 不会挂画才说挂画没用!这份指南让墙面高逼格,照片墙也能
- 2025-03-26 办公小技巧:简单易操作 Excel热图轻松做
- 2025-03-26 电视不居中是偏的,咋办?(电视当显示器不居中)
- 2025-03-26 Deepseek首秀:在Excel中生成Vba用于将复制的图片居中粘贴
- 2025-03-26 Excel 单元格格式设置与合并单元格居中简单好学
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)