第一站 - 轻松上网从此开始!

上网第一站

当前位置: > SEO >

高手的平面课堂!一个完整的设计流程是怎样的?

时间:2017-11-10 08:34来源:我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
在开始设计前,如果不事先理清楚设计目的和使用的场景,就一头栽进去乱做,这样是不行的。一开始随心所欲的进行,到最后只会出现结果与需求不符,一改再改。 尚未习惯之前,你会觉

  在开始设计前,如果不事先理清楚设计目的和使用的场景,就一头栽进去乱做,这样是不行的。一开始随心所欲的进行,到最后只会出现结果与需求不符,一改再改。

  尚未习惯之前,你会觉得这样很麻烦,但还是建议按照流程做几遍,会大幅度提高效率。设计流程总共分八个步骤:

  

高手的平面课堂!一个完整的设计流程是怎样的?

  △ 设计流程图

  一. 整理内容+沟通需求

  不要边做边想,先沟通和整理出必要的内容,列好重点内容的层级关系,再在开始设计。例如:

  

高手的平面课堂!一个完整的设计流程是怎样的?

  △ 相同内容会因为目的不同而改变设计

  在我的设计经验中,这部分其实是最重要的,它占了整体时间的60%以上。原则就是:需求不清晰,绝不动手,不然,只有改改改。

  开始设计前,要和客户仔仔细细沟通好设计需求,例如:为什么要做这张海报?目的是什么?想要传达什么内容?想要达到什么效果?等等,以此来明确我们的设计方向。接着再假设看到这份设计的人会在什么时候?什么地点?在做什么?等,加以整理内容优先级处理。

  好,那现在我们先来个完整示例:先看看我们有什么素材可以用。

  

高手的平面课堂!一个完整的设计流程是怎样的?

  拿到设计内容了,那就先整理信息,然后排列优先级

  

高手的平面课堂!一个完整的设计流程是怎样的?

  例如示例中,是店铺开张的宣传单,那重点信息就是“店面开张”和“开张促销”,就可以像这样列出设计的内容,加以整理,同时也决定优先顺序。这就是设计的第一步。

  二. 排版1:设定版心与边界

  整理完内容后,就是设定版心和边界。不同版心的设定,会大幅改变整体视觉效果。

  

高手的平面课堂!一个完整的设计流程是怎样的?

  摆放文字资讯、图片等内容的区域称为「版心」,其他区域则称为「边界」。

  

高手的平面课堂!一个完整的设计流程是怎样的?

  △ 示例中是将上下左右的边界设定为8mm,保证足够空间来摆放

  三. 排版2:设定网格

  决定好版心和边界后,即可开始编排内容要素。在这个阶段,「网格」是最有力的辅助工具。

  网格的设定方法有很多,可以参考下面的链接。一旦网格设定好之后,即可沿着网格线编排要素,轻松能完成一副规整的设计。

  专业科班:《专业科班方法!帮你学会网格工具这个理性的排版利器》

  平面高手:《网格系统的入门基础知识+案例演示》

  

高手的平面课堂!一个完整的设计流程是怎样的?

  △ 示例中设定了竖10格 × 横7格的网格

  四. 排版3:安排优先顺序

  这里要开始使用前三步的准备工作,「安排优先顺序」是指思考要将内容配置在版面的哪个位置,不是重要的则低调,按照内容的重要性在版面上编排。

  另外,安排优先顺序时的重点,是将内容相似的资讯相邻配置,关联性弱的内容则分开排放。这样的做法能帮助阅读者快速理解内容。

  例子中,目的是「让潜在客户知道本店开张」。因此,必须将开店的相关信息编排在足够显眼的位置。所挑选的照片素材,是让图片担任视觉焦点、吸引眼球的角色。

  

高手的平面课堂!一个完整的设计流程是怎样的?

  

高手的平面课堂!一个完整的设计流程是怎样的?

  一开始先将版面按内容划分,接着以优先顺序来编排要素,这时不需要美化。

  五. 排版4:设定强弱

  接着依照各要素的优先顺序,进一步设定强弱对比,为版面增添强弱对比后,设计的视觉感也会相对大幅度提升。

  

高手的平面课堂!一个完整的设计流程是怎样的?

  

高手的平面课堂!一个完整的设计流程是怎样的?

  设定强弱的方法其实非常简单,只要把强调的内容放大,其他要素缩小,可增加节奏感。

  六. 配色

  配色很大程度决定了设计的风格,配色理论非常深奥,与心理学是紧密关联。但是,对于新手设计师来说,建议先活用那些广为人知的配色理论,如果有品牌色指引那就更好了。

  配色理论:《色彩搭配速成!3个实用方法帮你全面搞定配色》

  品牌色指引:《专门收录世界知名品牌标准色的BrandColor》

  

高手的平面课堂!一个完整的设计流程是怎样的?

  

高手的平面课堂!一个完整的设计流程是怎样的?

  示例中,也是通过尝试不同的颜色搭配方案,来测试最好的效果。

  七. 选择文字和字体

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕