@乘与九设计：在开始设计前，如果不事先理清楚设计目的和使用的场景，就一头栽进去乱做，这样是不行的。一开始随心所欲的进行，到最后只会出现结果与需求不符，一改再改。
尚未习惯之前，你会觉得这样很麻烦，但还是建议按照流程做几遍，会大幅度提高效率。设计流程总共分八个步骤：
△ 设计流程图
一. 整理内容+沟通需求不要边做边想，先沟通和整理出必要的内容，列好重点内容的层级关系，再在开始设计。例如：
△ 相同内容会因为目的不同而改变设计
在我的设计经验中，这部分其实是最重要的，它占了整体时间的60%以上。原则就是：需求不清晰，绝不动手，不然，只有改改改。
开始设计前，要和客户仔仔细细沟通好设计需求，例如：为什么要做这张海报？目的是什么？想要传达什么内容？想要达到什么效果？等等，以此来明确我们的设计方向。接着再假设看到这份设计的人会在什么时候？什么地点？在做什么？等，加以整理内容优先级处理。
好，那现在我们先来个完整示例：先看看我们有什么素材可以用。
拿到设计内容了，那就先整理信息，然后排列优先级
例如示例中，是店铺开张的宣传单，那重点信息就是“店面开张”和“开张促销”，就可以像这样列出设
计的内容，加以整理，同时也决定优先顺序。这就是设计的第一步。
二. 排版1：设定版心与边界整理完内容后，就是设定版心和边界。不同版心的设定，会大幅改变整体视觉效果。
摆放文字资讯、图片等内容的区域称为「版心」，其他区域则称为「边界」。
△ 示例中是将上下左右的边界设定为8mm，保证足够空间来摆放
三. 排版2：设定网格决定好版心和边界后，即可开始编排内容要素。在这个阶段，「网格」是最有力的辅助工具。
网格的设定方法有很多，可以参考下面的链接。一旦网格设定好之后，即可沿着网格线编排要素，轻松能完成一副规整的设计。
专业科班：[url=http://www.uisdc.com/grid-the-typesetting-tool]《专业科班方法！帮你学会网格工具这个理性的排版利器》
平面高手：[url=http://www.uisdc.com/grid-design-basic-knowledge]《网格系统的入门基础知识+案例演示》
△ 示例中设定了竖10格 × 横7格的网格
四. 排版3：安排优先顺序这里要开始使用前三步的准备工作，「安排优先顺序」是指思考要将内容配置在版面的哪个位置，不是重要的则低调，按照内容的重要性在版面上编排。
另外，安排优先顺序时的重点，是将内容相似的资讯相邻配置，关联性弱的内容则分开排放。这样的做法能帮助阅读者快速理解内容。
例子中，目的是「让潜在客户知道本店开张」。因此，必须将开店的相关信息编排在足够显眼的位置。所挑选的照片素材，是让图片担任视觉焦点、吸引眼球的角色。
一开始先将版面按内容划分，接着以优先顺序来编排要素，这时不需要美化。
五. 排版4：设定强弱接着依照各要素的优先顺序，进一步设定强弱对比，为版面增添强弱对比后，设计的视觉感也会相对大幅度提升。
设定强弱的方法其实非常简单，只要把强调的内容放大，其他要素缩小，可增加节奏感。
六. 配色配色很大程度决定了设计的风格，配色理论非常深奥，与心理学是紧密关联。但是，对于新手设计师来说，建议先活用那些广为人知的配色理论，如果有品牌色指引那就更好了。
配色理论：[url=http://www.uisdc.com/3-color-matching-skills]《色彩搭配速成！3个实用方法帮你全面搞定配色》
品牌色指引：[url=http://www.uisdc.com/famous-brand-standard-color]《专门收录世界知名品牌标准色的BrandColor》
示例中，也是通过尝试不同的颜色搭配方案，来测试最好的效果。
七. 选择文字和字体很多初级设计师会忽略字体的选择，字体的风格也是绝大程度影响画面风格。选择字体的原则是「不要使用多种字体」。单一版面中使用多种字体，只会让整体缺乏统一性，导致失去视觉焦点。
△ 最终版本
这次示例就算是完成了。若能正确完成以上八步，设计至少是合格线以上。这个设计的流程看似繁复，实际是提高效率的方法，一步到位，达成最终的版面设计。
最后说一句，设计对设计师的考验，不仅是把画面做的好看，更要有对信息内容逻辑的处理能力，也是就我们说的信息设计——以最有效的方式把内容传达到位。
本文资料来源：《马上学会好设计》 坂本伸二 著, 谢尔镁 译，2017
欢迎关注作者的微信公众号：「设计便利店」
![[致奋斗的你]TANGPION](https://img.zhisheji.com/Fk_B53cYb4RjlpM-_tz02-mCHuNB?imageMogr2/quality/100/sharpen/1/thumbnail/290x/crop/!290x180)
粤公网安备 44030902001796号 粤ICP备19041343号-3
签到成功
关关
全部评论()