美文网首页一位设计师的干货(整理ING)书房就是我的全世界每周500字
[设计技巧]你不一定知道的七种做出漂亮封面的简单方法

[设计技巧]你不一定知道的七种做出漂亮封面的简单方法

作者: 章鱼哥笔记 | 来源:发表于2016-08-27 16:35 被阅读2132次

    设计一个别出心裁的封面,吸引读者翻开它阅读其中的年内容,并不是想象中那么困难,关键是利用好现有的素材。

    说起素材,其实在实际设计的操作中客户并不一定能提供多元化的素材给设计师,无论是在海报还是画册或折页设计中常常需要设计师自己想方设法的做出各种各样的版式。虽说网上素材非常丰富,可并不是每一个客户都是耐心的,所以在催稿的状态下,设计师并不能更好的思考发挥。

    如果你是一个刚刚入行的新手,那么这篇文章也许会给你更多的启发。避开了各种繁杂的软件操作,仅用排版完成一幅看起来还不错的设计成品。

    讲的这10种方法就是对要求时限的设计和新手情况下如何不丢失自己的设计水准。

    1.创建格子封面

    ▲使用网格作为视觉元素。将一个正方形页面分成四格,在第二格放上封面的视觉要素,斜对应格放入标题,然后再突出这两格。

    ▲画一个正方形格子,将一个正方形页面分成四格,选取角度以画面视觉要素为主,白色边框使格子更清晰。这样第二格里的画面能自然而然的被读者吸引。

    ▲为保证整个画面色彩感的统一,颜色直接从照片中提取,填充右下角的方格,降低其透明度,使下层图像隐约可见。

    ▲在方格中放置字体,注意字体选取保持整体风格统一。避免使用花哨,可爱,活泼等字体。

    2. 照片太多,也可以在网格里拼接展示

    相比剪贴薄风格的拼接,使用网格是展示一组照片即方便快捷也堪称完美的方法,它整洁、画面丰富色彩多样性,看看一个简单且容易上手操作的网格拼接是怎么发挥神奇的。

    ▲因为很难照片数量和均匀网格对应,创建一个均匀网格,将图片进行适当的剪裁,使其被容纳于一个或多个网格里面。

    ▲图片在网格的规划下完整的展示,画面饱满,整洁且色彩丰富。最后排文字。

    ▲网格把页面划分为了三个区域,文字统一沿着网格线对其(蓝色虚线示意部分)。

    ▲最后效果

    3. 窄面式封面

    ▲首先映入眼帘的是非常时尚的照片。再就是右边页面露出一条边,这里适合留下重要的导读信息。

    ▲翻开封面,右边页面依旧保持窄式竖排版。

    ▲颠倒前后页顺序,前置标题,后置图片。

    ▲重点阅读地方转移了。

    4.突出你的设计视觉焦点

    如图所示的版式,看起来很普通没有什么特色但是也说不出哪里有什么差错,硬要说的话感觉那这样的版式都算不上是设计。字体没错,颜色没错,阅读也轻松,唯独没有视觉说服力。

    我们需要更好的方法来表达视觉效果:

    缩小设计区域,定好视觉焦点集中读者注意力;

    字体,尽量符合柠檬边缘形状的字体(字体往后教程会具体讲到);

    放置图片,将柠檬抠出放置定好的设计区域并露出一部分,柠檬的外形轮廓打破了中规中矩的平直版式,形成对比突出。

    5.再利用图像,以小变大

    常常碰到一种很尴尬的情况,图片尺寸不够或者不适合现在的构图,不是有点宽就是有点短。背景还根本没有合适地方放字,怎么办?复制部分图像,将其放大。

    加长的页面用草莓局部拼接,注意羽化边缘使其融合;

    取图片中的颜色,建一个渐变透明留给文字;

    加文字,图右边单独截图了草莓局部和透明渐变示意;

    6. 设计正式,简单醒目的封页

    不可避免的我们也会遇到给普通文件设计一个简单而醒目的封面。可以试试模拟包裹式的封套。

    将页面分成数栏。对其文字后添加横条;

    配色以标题表达为主;

    包裹的位置可以居中也可以不对称,这将决定文字的位置;

    对称版式更娴静,不对称版式则偏向灵动;

    5. 重新定义版面空间,增加严谨和规范的视觉感。

    7. 简单置放漂亮的单排标题

    标题重要图片也同样重要,如何使两者相配?可以尝试把标题设置成以长排,拉大字母间距。

    画一个白色的细长矩形,分割图像却不干扰画面,位于画面中央位置更自然的吸引读者;

    字体大写,显出影响力;字体选小号,展现优雅和空间;

    字体间距设置尽量拉大,根据画面而定;

    半透明的的条纹是设计的关键,将文字和画面结合为一体。

    本教程完,谢谢观看,单卓玉整理分享。

    相关文章

      网友评论

        本文标题:[设计技巧]你不一定知道的七种做出漂亮封面的简单方法

        本文链接:https://www.haomeiwen.com/subject/ndhtettx.html