来源:平面设计圈
设计一个别出心裁的封面,吸引读者翻开它阅读其中的年内容,并不是想象中那么困难,关键是利用好现有的素材。
说起素材,其实在实际设计的操作中客户并不一定能提供多元化的素材给设计师,无论是在海报还是画册或折页设计中常常需要设计师自己想方设法的做出各种各样的版式。虽说网上素材非常丰富,可并不是每一个客户都是耐心的,所以在催稿的状态下,设计师并不能更好的思考发挥。
如果你是一个刚刚入行的新手,那么这篇文章也许会给你更多的启发。避开了各种繁杂的软件操作,仅用排版完成一幅看起来还不错的设计成品。
讲的这10种方法就是对要求时限的设计和新手情况下如何不丢失自己的设计水准。
1.创建格子封面
使用网格作为视觉元素。将一个正方形页面分成四格,在第二格放上封面的视觉要素,斜对应格放入标题,然后再突出这两格。
画一个正方形格子,将一个正方形页面分成四格,选取角度以画面视觉要素为主,白色边框使格子更清晰。这样第二格里的画面能自然而然的被读者吸引。
为保证整个画面色彩感的统一,颜色直接从照片中提取,填充右下角的方格,降低其透明度,使下层图像隐约可见。
在方格中放置字体,注意字体选取保持整体风格统一。避免使用花哨,可爱,活泼等字体。
2. 照片太多,也可以在网格里拼接展示
相比剪贴薄风格的拼接,使用网格是展示一组照片即方便快捷也堪称完美的方法,它整洁、画面丰富色彩多样性,看看一个简单且容易上手操作的网格拼接是怎么发挥神奇的。
因为很难照片数量和均匀网格对应,创建一个均匀网格,将图片进行适当的剪裁,使其被容纳于一个或多个网格里面。
图片在网格的规划下完整的展示,画面饱满,整洁且色彩丰富。最后排文字。
网格把页面划分为了三个区域,文字统一沿着网格线对其(蓝色虚线示意部分)。
最后效果
3. 窄面式封面
首先映入眼帘的是非常时尚的照片。再就是右边页面露出一条边,这里适合留下重要的导读信息。
翻开封面,右边页面依旧保持窄式竖排版。
颠倒前后页顺序,前置标题,后置图片。
重点阅读地方转移了。
4.突出你的设计视觉焦点
如图所示的版式,看起来很普通没有什么特色但是也说不出哪里有什么差错,硬要说的话感觉那这样的版式都算不上是设计。字体没错,颜色没错,阅读也轻松,唯独没有视觉说服力。
缩小设计区域,定好视觉焦点集中读者注意力;
字体,尽量符合柠檬边缘形状的字体(字体往后教程会具体讲到);
放置图片,将柠檬抠出放置定好的设计区域并露出一部分,柠檬的外形轮廓打破了中规中矩的平直版式,形成对比突出。
5.再利用图像,以小变大
常常碰到一种很尴尬的情况,图片尺寸不够或者不适合现在的构图,不是有点宽就是有点短。背景还根本没有合适地方放字,怎么办?复制部分图像,将其放大。
加长的页面用草莓局部拼接,注意羽化边缘使其融合;
取图片中的颜色,建一个渐变透明留给文字;
加文字,图右边单独截图了草莓局部和透明渐变示意;
6. 设计正式,简单醒目的封页
不可避免的我们也会遇到给普通文件设计一个简单而醒目的封面。可以试试模拟包裹式的封套。
将页面分成数栏。对其文字后添加横条;
配色以标题表达为主;
包裹的位置可以居中也可以不对称,这将决定文字的位置;
对称版式更娴静,不对称版式则偏向灵动;
5. 重新定义版面空间,增加严谨和规范的视觉感。
7. 简单置放漂亮的单排标题
标题重要图片也同样重要,如何使两者相配?可以尝试把标题设置成以长排,拉大字母间距。
画一个白色的细长矩形,分割图像却不干扰画面,位于画面中央位置更自然的吸引读者;
字体大写,显出影响力;字体选小号,展现优雅和空间;
字体间距设置尽量拉大,根据画面而定;
很多优秀的画册已经看不到满满一页的画面文字这样的排版布局。
之前给大家鉴赏过几本还不错的画册,但根据留言和后台回复来看似乎大家更喜爱大面积留白简单而又整洁的版式。不得不说这也是我最喜欢的版式没有之一,这种版式的好处非常多~说的通俗一点就是立马高大上。但是这种看起来简单的版式常常在模仿过程中出现各种各样的意外。这是为什么呢?因为它根本就不像你们看到那样的简单。
它更讲究细节,更考究一个设计师的基本功,这里的基本功于软件操作完全没关系,重点全部在于用脑思考。不断分析不断解剖,否则在不懂的情况下模仿基本上只有糟糕的情况出现。最常见的就是不能收为己用,无法举一反三灵活运用。
还有3个版式没有讲,今天将会用同一张图排3个版式打破被一个版式局限设计风格,希望各位圈友看完能有所获。
8. 去掉出血位边框,活用网格
图1示意了留出出血位的画面,接着的改版直接回顾了上期讲过的其中之一的方法。看过的圈友应该能想起来跟上期做的那张柠檬的版式大同小异,这个图没有可以用于突出异形的部分,但是依旧看起来不错。就是有点像挂在墙上的画,但是足够让我开始想象其他的一些尝试了,这节版式重点在下面这张图:
1. 从缩小设计区域集中读者视觉这步开始;
2. 图二示意了宽窄中中字样,不用觉得奇怪这不单单只是为了好看。这时图片处于的是读者的视平线位置,有疑问的圈友可以随便拿本书看看第一眼视觉位置在哪里。这样就能明白为什么那么多的版式都不老实的呆在居中的位置,却依旧不失风采;
3. 静止的边框看来有点沉闷,分割成3个竖版让画面灵活起来;
4. 分别取三个不同部分,理由同3一样;
5. 加字和LOGO(字体排版和设计往后细讲),保持画面一致
提示:第一稿和第二稿字体部分排版是不同的
9. 同样一张图使用横版
1. 单行文字保持了版面的横向走势,并形成一个具有强烈吸引力的视觉焦点。图片LOGO完全统治着下方空白区域。
2. 版面分为两个区域,一明一暗,每个区域中心(视觉平行线上的标题和下边的LOGO),格子支配着周围的空白。巧妙的制衡明暗关系,比起刻意引起注意效果更佳。
10. 横幅版式
和横向图片同工之妙就是横幅,它具有非常典型的全景式形状,与纵向页面形成鲜明对比,创造非常棒的视觉冲击力。这个版式的重点在于分析图片。
页面上的视觉元素很少,却别具设计感。版面能突出视觉焦点和画面山水天的灵动性和想象空间。文字和LOGO颜色饱和度降低使用灰色填充,突出图片。
版式远不止这10种方法,但从这10种版式解析中大致可以得出以下的几点:
版面分区(网格)
版面的视觉平行线
明暗对比
空间运用