2

保姆级教程!海报版式日常练习步骤拆解!

 1 month ago
source link: https://www.uisdc.com/poster-design-35
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
保姆级教程!海报版式日常练习步骤拆解!

今天分享一份日常的版式练习,也是好久没跟大家分享过做图的流程了,希望今天的这个设计拆解能对大家有所帮助,如果大家喜欢这种实操为主的文章以后我也可以多更新一些。

二、设计案例实操

保姆级教程!海报版式日常练习步骤拆解!

第一眼看过去最直观的感受就是丰富,图片内的视觉性是比较足的,同时有强的空间感,主要视觉信息集中在下半部分,这也是我们要提取的核心。

保姆级教程!海报版式日常练习步骤拆解!
保姆级教程!海报版式日常练习步骤拆解!

我找了一些其他有文化艺术感觉的设计作为参考,通过观察他们的特点有,第一标题都足够丰富,第二大小图的结合,第三颜色使用不会太复杂

保姆级教程!海报版式日常练习步骤拆解!
保姆级教程!海报版式日常练习步骤拆解!

保姆级教程!海报版式日常练习步骤拆解!

先把文字平铺上去,方便我们后续进行整理。

保姆级教程!海报版式日常练习步骤拆解!

可以按照相对来说比较小的字号进行观察,看什么呢?观察文字在画面中所占的大小,知道文案能占多大我们才能确定图有多大的空间。顺便换一个合适的字体,咱们这个主题用黑体不太合适。

保姆级教程!海报版式日常练习步骤拆解!

标题一定要在层级和大小上都和其他信息拉开差距,不仅仅是出于视觉性的考虑,从功能性来说,标题能被一眼识别的话也更容易被人接受,不至于看起来会乱。

保姆级教程!海报版式日常练习步骤拆解!

这里要看为什么给上面 1 号空间这么大地方?因为咱们信息的独立性比较强,会大量占据纵向空间,经常有朋友问划分空间大小是根据什么而定的,我能给的出最简单建议就是-信息量。

保姆级教程!海报版式日常练习步骤拆解!

对分区进行一个标注避免后续弄乱了,肯定还是视觉区占的最大,其次的大量的信息区,最后是小量的信息区域。

保姆级教程!海报版式日常练习步骤拆解!

对应着空间把信息粗略摆放进去,注意页边距再小也要有。

保姆级教程!海报版式日常练习步骤拆解!

截止到这一步我们都不需要什么创意,当我们没有思路的时候就可以手先动起来,然后再思考视觉点和创意点,早年我第一家广告公司的总监就和我说过,可以聊天,可以侃大山,可以没思路,但手上别停。

保姆级教程!海报版式日常练习步骤拆解!

可以看到平铺主图是行得通的,这可以作为一个设计思路,但相对简单,但我个人想让信息更有识别性一些,也就是要进行抠图。

保姆级教程!海报版式日常练习步骤拆解!

保留图片信息比较多的部分,注意这个轮廓的设定,尽可能的跟随标题的外轮廓走,这样会让空间比较合适。

保姆级教程!海报版式日常练习步骤拆解!

当然了,咱们介绍这个作品,至少得保证人家图的完整形,同时也是为了大小图有个对比,在右上角补出完整的展示。

保姆级教程!海报版式日常练习步骤拆解!

补一点背景的细节,可以采用已有的排版结合不透明度和模糊进行填补,这里是为了让背景的层次更丰富而不是为了抢戏,控制好不要让其太过明显。

保姆级教程!海报版式日常练习步骤拆解!

到这一步版式的架构就完整了,可以做一些效果的添加,这一步就带有很强的主观审美了,我希望视觉朝着中间聚焦一些,用曲线压暗整体,蒙版找回中部,自然就突出了。

保姆级教程!海报版式日常练习步骤拆解!

略微加暖一点点,我个人倾向于加暖后的效果,大家看看喜欢哪个?

保姆级教程!海报版式日常练习步骤拆解!
保姆级教程!海报版式日常练习步骤拆解!

欢迎关注作者微信公众号:「视研设」

保姆级教程!海报版式日常练习步骤拆解!

20240111-uisdcbanner-xhs-bottom.png
收藏 18
点赞 49

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK