当前位置: 首页 >文章 > 版式进阶,如何提升设计的level?
收藏
分享

版式进阶,如何提升设计的level?

举报K先生K先生发布于 2017-11-301029阅读1点赞
几何图形不仅可以表现广泛的具象事物同时也能图解抽象概念,那些现实中并不存在的事物可以采用几何图形轻松表达...

几何图形的应用非常广泛,无论在设计、绘画创作、数学研究中都需要借助几何图形来进行。本期我们为大家带来的主题便是几何图形在版式设计中的应用,在设计版面时经常会找不到新颖的表现形式,往往按照常规联想到的设计风格总是会落入俗套,这时不如反其道而行,采用几何形式进行视觉创作,也许会带来不一样的视觉感受。那么相对于照片插图来说几何图形具有哪些优势呢?这其中又隐藏着哪些有趣的知识呢?接下来我们一起来学习今天的内容吧!




采用几何形式的版面构成风格,通常会传递出简洁抽象的视觉印象,适合表现那些较为抽象的概念和新颖的视觉印象,与照片相比图形感的画面更具艺术表现力。


人们将从生活中抽象出的各种图形称为几何图形,几何这个词最早来自于希腊语“γεωμετρία”,指土地的测量即测地术。我们视线所看见的一切都是由点、线、面组成的,而几何图形解决了点线面体之间的关系。这些图形们看似简单,却包含着独特的奥义。

我们可以赋予同一种图形无限的象征性含义,因为其本身就是构成世界的基本元素。一个圆形可以代表太阳、西瓜、饼干甚至是一个人的头部。除了具象的事物也可以表达那些抽象词汇,如:圆满、团结、和谐、永恒和循环等等。



相对于照片与插图来说,几何图具有哪些优势呢?这里我用苹果的新老标志举例说明这个问题。左侧是最初苹果使用的标志,是插图形式的标志构成,而右侧是1976年以后采用的几何图形,将两者进行比较我们可以发现,采用几何图形更容易识别和记忆,即使在很小的容器上也依然让人印象深刻,这便是几何图形的优势所在。

易于识别和方便记忆,对于以传递信息为主要功能的设计领域几何图形都受到了广泛的使用,对于公共厕所的图示来说,采用图形会更加简洁和易于识别,仅用简单的轮廓就能够表现出男人与女人之间的差异。对于那些非具象的概念来说,采用几何进行图解也是非常直观的表现形式,晦涩难懂的数据经过图标处理后会变得更加直观而且易于理解。

这是日本"国宝级"平面设计师田中一光运用几何元素进行创作的代表作品,让世界知道日本的现代设计。他继承了日本传统文化,也吸取了现代设计养分并把其观念融入到其中,是民族与国际、传统与现代完美结合。上图中是其1981年创造的经典海报,具有明显的日本浮世绘版画”大首绘”的遗风。




大家都知道两点之间直线距离是最短的,排除地形限制外为什么在设计高速公路的时候必须要主动加入弯道呢?按照理论直接修建成笔直的路线不是更具效率吗?这样的设置是因为除了要参考理论之外我们还需要去考虑车辆驾驶员的生理和心理限制。

从驾驶员心理和生理角度考虑,直线段长度过长,公路线形过分单调,环境缺乏变化会让驾驶员感到单调、疲倦和急躁,容易超速行驶,对安全行车不利。这一切都是以人为中心设计的,无论是工业产品还是平面媒体都需要将人的心理与生理需求纳入考量范围。



传播信息最主要的途径便是文字,字体设计师们一直在努力设计出最易于识别的文字结构,这在书面阅读中是非常易于阅读的。但对于那些需要吸引视线的版面用途中,平面设计师们通常会将文字处理成更接近图形,这大大降低了文字的易认性,为什么不能将需要传达的信息以容易阅读的书面形式编排呢?

从理论上来说,将所有文字规整的编排是非常有助于阅读的,对于来去匆匆的路人来说,大面积的文字很难会让人们产生阅读下去的兴趣,这会让信息的传播大打折扣。试想如果是你路过这样的广告信息,你会上前去仔细阅读上面的内容吗?

为了简化信息的阅读难度,我们将信息划分层级,重要的信息放大不重要的信息缩小,并按照重要程度安排顺序同时也为了吸引目光,为其添加色彩。经过这样的处理后似乎情况有所改善,但还是会显得乏味,虽然信息的传播做得很到位,但依然没办法去吸引人们主动去观看其传播的内容。

人们的目光更原意去观看那些具备视觉效果的版面,虽然信息经过图形化处理后会相应的损失一部分识别性,但也正因如此得到了更具视觉化的图形元素,使人们参与到解读字意的环节中并产生交互行为。版面中焦点的出现成为了良好的记忆点,人们的目光被画面吸引后自然会去留意主视觉旁边的小字部分。



我们可以从想要传达的概念出发,将概念通过几何图形具象化呈现在版面中成为主要的视觉形象,这种视觉图形通常会给人留下不易解读的未知的美感。

上图左侧采用的是书籍内容中科学怪人的发型,设计师运用几何图形将其抽象成了视觉符号;中部的画面则是鲸鱼喷出的水柱的印象化呈现;右侧的版面运用了倾斜的斜面与滚落的球体来表现坠落的日之丸这一概念进而呈现出对崩坏的日本社会的印象。


也可以从文字的角度出发,使想要传达的概念与文字以几何的结构呈现。左图是将精品店boutique与几何图形相结合的案例;中图则是将作者名字ANGO与樱花飘落的几何图形相结合;右图中为表现出主题“那5个画面的神秘”将12345几个数字处理成晦涩的几何形式以表达其难以解读的神秘感。




这是一个医生、作家兼外交官徒步行走900多公里前往西班牙朝圣的游记书籍,我希望通过几何构成与书名相结合的手法来表现这本书给我的印象。神圣的宗教往往给人非常神秘的感觉,是科学所无法解释的力量,简单的几何除了能够表现出医学的严谨外也因为其简单原始的宗教属性让人联想到图腾及魔法阵。


为了保证图形能够保留文字结构最初的印象,这里将文字置于图形之下形成参考,注意笔画的粗细需要统一宽度的同时反复调整其结构,这里我尽量使用垂直水平的笔画结构来替代本该是曲线的部分。

为了让笔画变化更丰富更具视觉效果,运用三角形和圆形替换斜线和曲线的部分,这也避免了原来结构给人的呆板印象。

大体轮廓搭建好后,接下来便是细节部分的刻画,上图中红圈的部分是需要改进的结构,绿圈的部分是尝试修改后的结构。在优化的过程中我们需要不断的尝试新的可能性,这其中包括笔画的叠压细节的均匀分布,避免某一轮廓结构过于复杂。当然在搭建笔画时笔画的结构也需要不断的去参考书面文字的结构特征。

接下来我们从细节方面逐一优化图形结构,根据人眼视觉的特性,人们看到同一宽度的线条时,横向的线条会显得更宽。这里将我们做好的图形横向线条修整得更细一些,同时也由于三角形的顶端与方形顶端对齐后在视觉上是会有落差的,所以我们将三角形向外突出来校正这一视错觉现象。


“朽”字的结构相对于“不”字来说要更复杂一些,左侧方形与三角形依然采用错位的处理形式,底部方形与圆形的部分也是同样的处理形式。为了让结构更规范,需要注意图形与图形之间的对齐部分。顶部的图形的错位也是为了保证文字的识别度。

文字“的”是左右结构,为了保证笔画的留白均衡,左侧白的纵向负空间采用和笔画本身同样的宽度,在这个文字结构的水平分割线的部位,由于人眼的视觉重心和几何中心并不在同一高度,将中间的横线居中处理会给人向下掉落的感觉。

“远”字的结构相对于前面两个来说相对要简单一些,在笔画的长度上与书面文字保持一致会加深关联性,这也可以更好的提升图形文字的识别性。试想一下如果将所有笔画都在方框内对齐的话,看上去是更加规范了,但是相对于错落的笔画来说识别度会相应降低。

“行”字的笔画相对要更少一些,针对这种情况,需要将中宫外放一些,这样既保证了文字的视觉大小同时也解决了笔画较少时给人留下的松散印象。其余部分则与其它图形的处理手法大致相同。

统一图形文字的大小,将所有文字都统一安放在相同大小的网格中,这里需要注意的是不要完全按照方格的大小来规范文字,而是根据视觉面积来统一它们。仔细观察你会发现,笔画的细节部分有些会超出规范的网格区域,而有些笔画则会留在网格内部并不与之贴齐。

基本结构处理好后我们将图形置入版面中,中标题文字中提取出“不朽”和“远行”两个关键词作为版面中的主视觉,为了让图形更具视觉效果,我们加入色彩与肌理的对比。

刻画好主体形象后,接下来加入说明性的标题与法文与图形成为组合。在顶部与底部空白位置加入其余的文字信息,这个封面部分就完成了。其中在细节部分我提取了900并以图形化的形式处理,为的是与上方主标题文字的图形部分产生呼应关系。

接下来是腰封的部分,将信息划分好主次关系后依次编排到版面中,采用居中的方式构建版面,其余的元素则安放在四个空白的角落位置,形成一种视觉结构。其中反复出现的留白空间也起到了规范版面的作用,经过信息的整理后腰封的部分也编排完成了。

将处理好的信息延展出书脊部分,接下来进入规范的环节,上图绿色部分我们可以看出留白面积的重复应用,所有元素都井然有序的在网格系统中规范的对齐,给人传递出一种秩序的美感。版面到这里就基本完成了,接下来我们看一下实际的应用效果。



接下来我们试着为这款书籍延展出一张海报,为了形成差异化,这里修改配色,将底色改为黑色增强了版面的品质与神秘感,白色线条改为金色来凸显高级的视觉感受。

用横向双栏纵向三栏的网格规范图形,每个文字几乎占据一个图格空间,中央位置的“的”则一分为二分别占据图格大约三分之一的面积大小。

接下来添加其余的文字信息,将信息经过整理后按照大中小更小的面积比例分配层级,整体高度位于整个版面的黄金分割处,为了添加更多细节,在图形文字旁边标注了拼音作为装饰,同时也为文字的识别添加辅助作用。

作者在朝圣的旅途中经历了无数壮美风景和沿途趣事和在天地之间无边发散思索的孤独漫步者。这里采用抽象的几何图形来表现这“肉体与精神的转化”传达出更多的想象空间,同时松散的图形也为版面带来更多的轻松感,打破了原本呆板的印象。





几何图形不仅可以表现广泛的具象事物同时也能图解抽象概念,那些现实中并不存在的事物可以采用几何图形轻松表达,采用几何图形构成的版面总体会给人传达出一种现代的印象。同时也具有易记易识别的优势,在平面设计的各个领域都被广泛运用,本篇文章向大家介绍了其优点与常用的概念切入点,也向大家说明了信息传播背后的原理,希望能够对你有所帮助,本期的分享内容就到这里我们下期见!





本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:研习设!


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,637人)

电商海报设计训练营
距离开班仅剩10天66人已报名
【5月】零基础手绘插画训练营
距离开班仅剩10天53人已报名
【5月】零基础动态表情包创作训练营
距离开班仅剩27天15人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了36,588
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证