服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

墙裂干货,从主体和编排看版式设计!

日期: 来源:大猫设计收集编辑:大猫Sunjay

···大猫设计,专注设计干货······



大家好,我是大猫,本周给大家带来一篇版式设计的文章,本期的侧重点在于主体和编排。


其实做一个相对来讲比较合格的版式,无非就是这两点,即好的主体与好的编排。


好的主体,即精致美观的主体。

在版式中主体的好坏对版面的影响是非常大的。所以在选择主体的时候一定要谨慎。那么什么才是好的主体呢?


好的主体无外乎有足够的分辨率、独特的造型视角,以及丰富的表现力(质感、光影、纹理等都可以算在表现力之中)。


分辨率高,即选做主体的图尺寸一定要够(不止是主体,其他的图也是越清晰越好)。分辨率不够或者有锯齿的图片一定不要用。


以此图为例,左侧的苹果非常糊,分辨率不够,其视觉效果就比右侧的差很多。


其二就是独特的视角或造型,选主体尽量选新颖的造型或独特的视角,这样会使版面的冲击力更大,同时也更吸睛,达到的效果是事半功倍的。


同样是建筑海报,右侧的要比左侧的好很多,究其原因就是视角的问题。左侧的图片不能说不行,只是视角太常见了,论独特性和设计感远没有右侧仰视视角好。


其三就是主体的表现力,质感、光影、纹理等等都算是表现力。表现力强的更为吸睛。严格来算的话视角、造型、创意性等都算是表现力。


在此案例中右侧的金属质感更为丰富,所以其品质感和设计感更强,而左侧随手拍摄的就逊色很多。


接下来说一下好的编排是怎么样的。


好的编排实际上就是在编排上要严谨有序。


层次的清晰、字型选择的契合性、留白是否工整、段落文字编排是否适合阅读,这些都是能够影响编排好坏的。


接下来我们以一个海报评改为例分别讲这四点。原海报如下


这个海报在文字编排和主体选择上都有问题,我们先对照知识点看一下文字的编排。

对比合理,文字层级的清晰与否决定着版面的视觉顺序。过大或过小的对比都会使版面的品质感下降。

海报中信息的层级划分是十分明确的,这点没啥问题,但是主标题与底下的英文对比过大了,所以视觉上非常不美观。

鉴于此我们可将英文放大,使其对比的更和谐一点。


除了放大英文,在正文与标题和时间之间加了两条竖线做区分,会是层次关系分的更明显。层次关系处理好后,可以去调整字型。



选择字体也是版式设计中非常重要的环节,不同的字体传达的气质是不一样的,要选择与项目契合且非常精致的中英文字体。


原图中中英文字体用的都是方正中雅宋,中文部分用此字体没啥问题,但英文却不是很精致,所以英文符最好选择英文字体。

修改后中文选择了思源宋体,英文选择了baskervill,其气质更为契合。


下一步是修改段落文字的编排,原先的行间距太密,段落工整,因为顿号太多字距又显得太散,文字也参差不齐,这些都是我们要去修改的。

修改后更为工整了,视觉效果也会更好。关于段落文字编排,之前有篇专门的文章,可以回复“段落”获取。

留白工整影响版面的精致程度,虽然到这里字体选择和层级关系没啥问题,但版面的留白不够,显得太挤太满,所以我们可以适当缩小字体,以留出更多的空间。

修改后的明显空间更工整匀称,同时也更美观。至此文字编排就处理好了。我们把编排好的文字放到原海报上看一下对比效果



虽然现在文字编排更为美观了,但主体并不好,所以要去找一个更好的主体。


这里我选择了一个俯视钢琴的局部,并将背景变成黑色,其设计感一下子就上去了。


也可以选择正在弹奏的图片作为主体,只不过现在有些问题,就是版面底部太空了,这种情况我们可以添加一些与音乐有关的装饰元素,如下


将活动的主旨放大曲线排列并做成描边的形式,使其不是那么抢眼。同时添加曲线和点元素,象征音乐的节奏与高低起伏。另外这些点元素也可以替换成音符哦。


 好的主体+好的编排=合格的版式,这是基础,如果想要做的更好,那么就需要在创意上下文章了。那么本期文章就到这里了,大家学会了嘛?





我们组织的有干货又有料的微信群,欢迎各位设计同好加入哟!






更多文章






由于微信改了推送机制,为了能看到我们的干货,记得点亮“星标”和“在看”哦,不然要失联啦。如果你喜欢我们的文章,这是对我们最大的鼓励和支持哦!




相关阅读

  • 纯纯写作桌面版 v1.7.0 发布

  • Pure Writer Desktop v1.7.0* For English or Latin, fixing the line wrapping may produce bad results with spaces at the beginning of the folded/wrapped lines* If
  • 你如何证明你是你自己?DID行业研究报告

  • ‍我们无法低估DID去中心化身份(Decentralized Identity)带给人类的意义,因为人是社会动物,而身份是社会关系的起点,不依赖于发行方的身份自由是自由的起点身份管理(ID)是计算机技
  • E38 神、不死与疯狂:电子游戏的凡人性

  • 按本期播客是落日间与例外状态(State of Exception)播客的一期串台节目,是一期充满即兴和思维火花的交流。在讨论时,我们在游戏设计,游戏文化,现代生活反思和批判的不同层面上穿梭
  • 如何听懂英文播客

  • 听英文播客可以让你学习英语、开拓视野、从各领域的牛人身上学习。日常生活里,只要有机会,我就会戴上 Airpods 听播客。我从 My First Million 里学到了创意和生意思维,从 The
  • cradle/bandy about/re­cur­rence丨热词手帐

  • 热词手帐(No. 1441)我们从英国《金融时报》近期热点报道中挑选值得记忆的高频单词和短语,配合释义与新闻原文例句,帮助你轻松掌握地道实用的英文表达,在不断积累中感受英语能力的
  • incongruous/implosion/hurdle rate丨热词手帐

  • 热词手帐(No. 1442)我们从英国《金融时报》近期热点报道中挑选值得记忆的高频单词和短语,配合释义与新闻原文例句,帮助你轻松掌握地道实用的英文表达,在不断积累中感受英语能力的
  • fend off/enclave/wreak丨热词手帐

  • 热词手帐(No. 1461)我们从英国《金融时报》近期热点报道中挑选值得记忆的高频单词和短语,配合释义与新闻原文例句,帮助你轻松掌握地道实用的英文表达,在不断积累中感受英语能力的
  • ether/affiliation/sequentially丨热词手帐

  • 热词手帐(No. 1462)我们从英国《金融时报》近期热点报道中挑选值得记忆的高频单词和短语,配合释义与新闻原文例句,帮助你轻松掌握地道实用的英文表达,在不断积累中感受英语能力的
  • App多语言适配经验分享

  • Sharing微信作为以中文为基础的设计的应用程序,除了服务以汉语母语的用户外,也致力于为非汉语母语用户提供足够简单易用产品体验。微信目前支持 18 种语言。不同国家的语言文
  • 2月9日 | 我知道一种忧愁

  • ‍‍‍‍‍‍ 脸[日] 萩原朔太郎小椿山 译睡迷糊了的樱花开放时一张白皙的恍惚的脸在窗边看它。在我十分久远的记忆阴影中似乎在哪个码头上见过那张脸有着堇花的病郁味道透

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 墙裂干货,从主体和编排看版式设计!

  • ···大猫设计,专注设计干货······大家好,我是大猫,本周给大家带来一篇版式设计的文章,本期的侧重点在于主体和编排。其实做一个相对来讲比较合格的版式,无非就是这两点,即
  • 藏体风字形怎么做

  • ···大猫设计,专注设计干货······在我们实际工作的过程中,或许会有一些藏体风的字体项目,有些朋友觉得这种字形很难做,完全没有头绪,以至于不知如何下手,所以我分享一下自
  • 今年双11视觉大赏!太TM卷了~

  • ···大关注我,每篇都是干货!······直接来看作品吧!卡贝锁具旗舰店 | 壮观!黄老五食品旗舰店 | 手绘功底很强问题灵魂旗舰店 | 这人物太真实了全友家居官方旗舰店 |
  • 原创 | 效率翻倍!超好用的AI小技巧~

  • ······大关注我,每篇都是干货!······01邮票边框大家平常用的应该蛮多的,想来刚做设计哪会儿,一个一个圆去画,真的是又笨又累的方法~!后来知道了混合工具的用法,就开始
  • 美团吉祥物升级!更可爱了?

  • ······关注我,每篇都是干货!······还记的去年的美团LOGO升级么?袋鼠LOGO从“成年袋鼠”变成了可爱的“儿童袋鼠”,最近美团外卖的袋鼠吉祥物具体设计细节曝光。01标
  • 三招六式搞定国风标志设计!

  • 天青色等烟雨,而我在等你。各位才子佳人们晚上好啊,又是一波好久不见,千言万语道不尽,唯有学习挂心头,不多唠叨,点一首青花瓷(波哥翻唱版),让我们开始今天的LOGO教程~相信大家看到标