美文网首页设计
版式基础,体验一下设计的整个流程!

版式基础,体验一下设计的整个流程!

作者: 清雨墨衣 | 来源:发表于2018-11-30 18:00 被阅读0次

    本篇要写的是设计流程,我相信很多初学者(说的自己很厉害似的)拿到需求之后经常会脑袋一片空白,无从入手。所以,有一套设计流程,能很好的帮助我们提高出图效率。

    我们先看看这次的案例素材。(素材来源于网络,如涉及侵权,请联系作者删除)

    设计流程一·整理信息

    拿到文案的我们,首先要按照需求列好重点内容、分析好层级关系。因为相同内容会因为目的不同而改变。例如:

    在这里我们假设素材的文案层级关系与分组为下图:

    设计流程二·设置版心和边距

    整理完信息后,就是设定版心和边界。不同版心的设定,会不同程度度地改变整体视觉效果。

    那是不是所有内容都要规规矩矩的待在版心内?答案是否定的,很多优秀的作品也时长打破常规来呈现不同的视觉效果。例如:

    设计流程三·设置网格

    版心大小确定好了,接下来我们为了让内容更统一有秩序地高效率填充在版面中,网格是我们当下强有力的辅助工具。PS可以在视图-新建参考线版面里直接调出网格设置。AI的话,可以下载辅助线插件guideguide(记不住?贵的×2!)。

    我们给这次案例设置一个5列7行的一个网格。

    设计流程四·内容填充

    这里的内容填充就顾名思义,把开头整理好的图文信息,在设置好版心、边距、网格的版面上填充好。大致如下图:

    设计流程五·强弱对比

    说白了就是把重要的内容,层级高的信息,让其突出;反之则让其凹进不那么突出。具体方法有大小对比、透明度高低对比、冷暖对比等。我们先对案例这样处理:

    设计流程六·配色

    到这一步其实版面也差不多完成了,可是总觉得缺了点玩意,不如我们给它点颜色看看?

    设计流程七·字体

    嗯~字体这个就很有讲究了,什么男性、女性、卡哇伊、衬线体、无衬线体......这里先不细讲,重点讲的是设计流程,看效果图:

    设计流程八·信息图形化与装饰

    这一步可以让画面更加生动、有质感,使其更加耐看。文字图形图标化,简单的例子就是地址变成地图的形式去展现,在不丢失功能性的情况下让画面更加容易理解或美观(案例里没用到)。装饰就不用多说了,看图。

    流程到这里就结束了,只要完成以上八个步骤,不说能做的多好,起码达到合格线。并且按照这个流程去多多练习,确实会提升自己的工作效率。

    感谢阅读!

    相关文章

      网友评论

        本文标题:版式基础,体验一下设计的整个流程!

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