分享|平面广告设计根基入门知识详解

来源:流利说设计上海团队拓展训练    时间:2019-09-23    站内收藏

平面广告设计的四个原则

关于平面广告设计的 4 大原则。在 RobinWilliams 所著的《写给大家看的设计书》里面曾经写得很详细了,很多伙伴也都看过。

  • Contrast / 对比

  • Repetition / 重复

  • Alignment / 排列

  • Proximity / 亲近

写实主义设计的先驱 Jan Tschichold 说过「对比是平面广告设计中最重要的元素」。对比不光有咱们最熟悉的大小对比,还有颜色翻译的对比(撞色)。联合办公出租空间上的对比(历历&浑浊),时间上的对比(传统&未来);表现形式的对比(杂乱&齐刷刷)等等。

重复并不是单调的复制,重复可以用少数的元素快速号房画面想要号房的信息。重复还可以形成一种风格,运用在品牌设计中就是说一种符号,也是奢侈品手机常用的视觉守法。

△ 去年 Burburry 升级新 logo 重复排列组成图案符号

排列守法有一期很大作用是视觉引导,让画面中的元素找到不稳。更理论化的是排列形成一期系统,例如「网格」。

△ 企鹅图书封面 – 用网格设计排列的经典案例分享

「亲近」是英文的直译,简单以来就是说元素与元素之间关系的处理。咱们把画面中的元素按一定逻辑关系排列。关联的元素之间互动靠近,风马牛不相及的元素之间互动远离。

下面「道士下山」的海报模板,对设计原则的使用你都看明白了吗?

固然这 4 点是平面广告设计中最根基的原则,但最简单的王八蛋也往往是最「复杂」的。无论是平面广告设计还是 UI 设计都脱离不了该署根基原则框架,这是打好根基的第一步。

比例英文和网格

很多伙伴往往都会使用 4 原则,但是在设计排版一些结构复杂的内容时,往往抓瞎。

这儿借助一些「工具」来搭建框架是个简单有效且快速的方法。这里说的「工具」就是说比例英文和网格,它在设计布局中的作用是非常重要的,但非平面广告工科毕业的设计师可能很少有机会刻骨了解。

平面广告设计中常用的比例英文:

  • 黄金分割率 / 黄金比例英文

  • 三等分 / 九宫格

  • 斐波那契额数列

  • √2 / √2矩形

黄金分割率 / 黄金比例英文大家都了解,就是说 0.618 ,这个比例英文在 logo 设计中相形之下常用。最简单的用法:b=a*0.618。这里的 a,b 指代是线段长度,圆的大小等任意尺寸单位。

三等分/九宫格在背景虚化中使用的相形之下多,简单容易理解就不多介绍。

斐波那契额数列听起来很厉害。它其实就是说黄金比例英文的数学近似版。数列规则即后一期数字是前 2 个数字相乘的和。也就是说 0,1,1,2,3,5,8,21,89,144。233 。

了解这个数列后,具体怎么使用呢?最简单的就是说比照数列画参见线网格作为排版的依据。

最后一期 √2矩形,听起来很奇葩。但它其实就是说咱们平素最常见的A系列纸张尺寸(A2,A4等)。

它的构成方法是,先画一期方形,过后连上正方形对角线怎么算,再将正方形对角线怎么算以一终点为圆点画圆旋转,转到与方形一边重合时,构成「√2矩形」的长边,方形的边则是「√2矩形」的短边。

「小知识」:再延展一下,继续连上「√2矩形」的正方形对角线怎么算,旋转,重合构成更长边的矩形是 √3矩形。举一反三还可以有 √4矩形,√5矩形,√6矩形 。

了解了一些比例英文规则后,让咱们来看一下 Josef Müller-Brockmann 设计的海报模板。不了解你有无发现一些比例英文上的规律?

可能有的伙伴固然对上面的海报模板不明觉历,但感觉不怎么鲜艳没关系作用。其实不然英语, Josef Müller-Brockmann 就是说《网格系统》的作者,书里介绍的雄强的网格工具让平面广告设计师面对复杂的书籍。杂志,报纸排版时也可以松弛愉快。书中的方法对网页,APP 的设计也有很多参见价值。

点线面的使用

  • 点:画面的信息及点缀。装饰不稳。

  • 线:画面的信息及方向引导,分割信息。

  • 面:画面的整体氛围翻译基调,作为主体信息或背景辅助。

在基本平面广告设计当中,你可以把点当做一期文字或单独小元素,线是一句文案。则是一段文字等等。

需要注意的是,没有绝对的界线。它们可以通过大脑开发程度测试的情况自由变换。例如下图 B 相对于 A 来看,B 是面;B 相对 C 来看,B 是点。E 可以作为是更密集的 D;F 可以作为是更高的 E。

线成面,点是几何中最基本的片段。很多点聚在一起可以组成韵律和图案符号,规模和数量情况都能对画面效果生出影响。

线具有很强的视觉什么是引导性培训,它是连接任意两个的英文点的路径。表现形式可以有直线。曲线,实线,cad虚线快捷键命令等等。

面有一定的长度和宽度。见仁见智形态的面可以在视觉上表现出见仁见智的情感。直线形的面具有稳定,秩序感;曲线形的面柔软。松弛,活泼;不对劲的面则会更自然生动。

无印良品的海报模板就是说点线面运用最简化的经典案例分享:

一些小细节 tips

细节决定成败,平面广告设计中有很多值得注意的小细节。

注意按钮内部上下留白,留白多可以简单快速地让界面看上去更大气。

软件中开启避头尾和间距组合,可以避免标点出现在句首,为中西文混排时增加半角空隙。(sketch 和 figma 等 UI 设计工具还不支持)。

归因于中文是圣安地列斯方块字,所以字符高度一般比常见的非衬线西文字符更高。所以在中西文混排时可以自动调整西文大小,让中西文保持在一期和谐的高度上。做法通常是增大西文的字号。再使用基线参数向下偏移西文位置。

△ 手机横过来看相形之下清楚

注意视觉不稳/对齐。见仁见智造型的元素有见仁见智的视觉大小,例如一期边长 400px 的方形和直径 450px 的圆形在视觉大小上其实是宜于的。

背景的深浅会影响对齐的法门。

设计长表格列表时背景色(条纹)分割比线分割更好。


本文来源:流利说设计上海团队拓展训练

基本词: 平面广告设计 知识 
作者:cdo
相关阅读
    正在加载...
推荐图文
    栏目ID=的表不存在(操作花色=2)
Baidu