版式设计原理:海报篇(下)

很多知识是根据我的资深阅历做思维发散延伸出来的新想法,如果有讲的不对或不被认可的知识点,请大家及时批评和指点,我也会积极的去做改正和修正。

1.1线的性格

很多朋友看到这个标题不禁一惊,线会有什么性格,HoldonHoldon。

线本身没有性格,而是先通过找到“线的形式”与“人的性格”之间的共通性,再将他们串联起来进行思维映射,从而得到的线的性格。

我们先了解一下线的三种形式:直线、曲线和虚线,每种形式均能代表不同的含义。

这里可以把线形式比作人的性格,直线的形式是直来直去的,比作人的性格也是直白直接;曲线比较柔美灵动,比作人的性格是婉转优美。虚线时有时无,比作人的性格是不够诚实没有安全感。当把人的性格映射到“线”的上,那线也被赋有了这些性格。

同理直线也能表示男性刚毅与坚定的性格,曲线也能表示女性优柔与迟疑的性格。直线可以表示成熟与专业,曲线可以表示亲和与稚嫩。

根据不同的线的性格去做符合需求的设计,才能使设计元素更贴近实际主题,也会使设计作品的整体度变得更加的和谐。

上面这个案例就比较有意思了,它是静子米勒吉川在1971设计的关于“海报的历史”的海报。

所以历史在人的记忆中它是时有时无的,或者是可以完全不存在的。所以这张海报在整体处理上没有用实线,而是用虚线做的修饰来突出整体印象。

线的性格类似“娃娃脸偏见规则”,都是把人的表象(轮廓)映射并转化为设计要素来进行设计。娃娃脸偏见规则属于高阶设计理论,以后会讲到。

1.2线的作用

线可以用来区分平面中的要素,也能让相同类型的元素有关联,这是线的基础作用。

这句话是重点啊,大家好好记一下。

直线的主要作用有:分割要素、添加动势、增强关联性、引导视线、强调规律性,而曲线的主要作用能给整体带来柔美的感觉与印象。

直线的作用中有一条“添加动势”不是很好理解,以后讲到动势时再把它的内容完善,先以基础知识为主。

分割要素:顾名思义就是线能起到分割要素的作用,如果有两个要素贴近摆放,他俩看上去就有关联。如果在这两个要素之间加一条线,就会起到分割作用,这时两条线看上去没有关联,或互相排斥。

标题与正文用分割线分割开时,标题与正文脱离了共同属性,增强了层次感。

添加动势:动势的意思是具有一定的运动趋势。例如:对方将握紧的拳头抬起这个动作,就算没有触碰你,你看到这个动作就知道他要出拳了,而出拳这个运动形态就是动势。

斜线增加的一定的运动趋势,使平面看上去没有那么的呆板。

线的作用:分割要素/添加动势的案例

引导视线:线可以引导视线,并能有一定的指向性。偏右侧的斜线视线会向右侧引导,同理偏下侧的线视线就会向下引导。

作品中可以用线做视线的引导,同时也可以把引导线作为页面修饰使平面更饱满。

增加关联性:跟分割要素同理,当两个要素摆放在一条线的左右两侧,对于单个要素而言他们是没有关联,但他们却是处在同一平面中的,从整体的角度上来看,并成为了一体,并形成了某种联系,这种特性就是线的关联性。

利用线的关联性,我们可以设计出很多不同排版且具有节奏韵律的作品。

线的作用:视线引导/添加关联性的案例

强调规律性:灵活运用线可以使要素变得具有规律性,有了规律性就增强了一致性,大体上增强了统一性。

必要时要使用线来强调规律性,使页面达到一致并具和谐之美。

线的作用:强调规律性的案例

要点:

二、统一线宽

统一线宽指的是具有一致性的要素需要统一线的宽度,具有差异的要素需要调整线的宽度来营造层次。

“线”的意义就像“人生”意义一样,本身没有任何意义的,是需要设计师赋予线的表达方式使线变得具有“意义”。之前讲过线有分割要素的作用,而把要素用线包围起来就能起到“关联”的作用,这就是线的力量。

2.1文字也是由线组成的

文字也是由线组成的,文字的一笔一划都是由直线和曲线组成的,所以在设计时要把文字也看做线。

文字的一笔一划也是由线组成的。

统一线宽:文字也是由线组成的。

2.2相同属性的要素,统一线宽

将相同属性的要素统一线宽,会增强平面的一致性,整体感会具有统一性。

标题、正文和注释存在优先级关系,标题与标题的线宽一致,正文与正文的线宽一致,注释与注释的线宽一致,这样才能确定层次关系。而标题与正文的线宽一致,这种做法是不对的。

统一线宽:相同属性的要素要统一线宽。

2.3不同属性的要素,不同线宽

如果将不同属性的要素用同样的线宽会使视觉变得混乱,因为从视觉上来讲平面没有了层级关系,就看不出来优先级,不能明确优先级视线就会受阻碍,给人一种不知要从哪里阅读的感觉。

标题、正文和注释是有差异化和层级关系的,存在优先级的关系。如果把这些具有差异的要素全部使用统一线宽,会造成平面的视觉错乱。

统一线宽:不同属性的要素不要统一线宽。

三、重量、重心与平衡

平面中的要素都有自己的“重量”,要根据每个要素的重量来进行契合主题的设计。为了让平面达到一定平衡性,最好把重心放在水平中心的位置。

3.1重量

平面中每个要素都有自己的重量,而要素的重量是由其面积大小和颜色所决定的,颜色则可以将要素变为灰阶色(消色)后再来考虑的。面积和灰阶度决定了要素的重量,面积越大要素越重,灰阶度越重要素越重。

这里的灰阶度(消色)是专用术语,指的是颜色黑白灰的色阶,叫做灰阶色,又称消色。

灰阶色:

灰阶度越高颜色越纯,重量也就越重。

重量-大小:

要素的尺寸越大,重量越重。

重量-颜色:

要素的颜色越重,重量也就越重。

重量颜色指的是颜色的纯度越重,重量就越重。重量大小指的是要素的尺寸越大,重量就越重。

3.2重心

重心体现了事物的重点,也是平衡点,合理的设计会增添美感。人体在平衡的状态才是最健康的,大脑皮层依靠生理力在追求平衡的过程中,在视觉上做出反应,觉得“平衡”看起来舒服——也就是有美感。

不是说平面中所有要素水平居中对齐,达到了平衡不会失重,才会具有美感,不是这样的。而是平面中所有要素的“分量”能在平面中达到和谐,这时才是最具美感的。

平面中所有要素的重量达到一定的平衡,才具和谐之美。

上面的案例中左右的重心得到很好的平衡,左右结构的对角线构图使平面具有张力与动势,不仅生动有趣而且还十分的和谐,具有一定的美感。

3.3平衡

重心与平衡相互呼应,重心呈水平垂直就得得到绝对的平衡,我理解的绝对的平衡是绝对平行于水平线的,水平居中才会得到绝对的平衡。绝对的平衡适用于水平居中对齐,一种较为死板的排版方式。而相对的平衡是基于不规则图形的重心而产生的,相对的平衡能使平面增添冲击力和节奏,使平面更灵动。

绝对平衡使平面规则死板,相对平衡使平面灵动有趣。

四、对称的稳定感

好的对称性给人带来稳定和谐的美感,比较有名的一部电影《布达佩斯大饭店》中的构图就是对称性构图。

对称性给人一种稳定而又舒服的体验,从影片的角度来讲,布景与视觉对称给人一种美感和和谐感,虽然说对称性构图相对死板,但与影片中的剧情节奏相互关联产生强烈的对比,从而提升视觉感官,扯远了。

对称分为几种形式:镜像对称、旋转对称、平行对称、居中对称。

4.1镜像对称

镜像对称就好比照镜子,很好理解。

4.2旋转对称

旋转对称就是按中心轴进行旋转,得到的图形就是旋转对称图形。

4.3平行对称

平行对称就是将你要移动的要素进行平行复制,得到的新图形就是平行对称。

4.4居中对称

居中对称就是将要素进行水平居中,很好理解。

对称能使页面赋予稳定性和美感,但对称过于死板,不适用于节奏感很强的主题上。

五、设定版心

排版设计以在版面中设定假想边框为基础,将要素全部摆放在这个边框内。

这里设计两个专业术语“版面”和假想边框,版面接下来会讲,先简单讲一下假想边框。

假想边框其实可以简单理解为“边框”或“边界线”,是指版心周围的边框与文字相同重量的边框。

文字的边框是字体构成的知识点,汉字中称“边框”为“围框”,日文中称“边框”为“假想边框”,英文字体结构不是以方框的形式构成的,因此英文中没有边框的概念。简单了解一下就行了,以后会讲到的。

5.1版面

相信很多设计师都分不清“平面”、“空间”、“正负形”、“版面”、“空白”、“留白”他们之间的差别。

我觉得对于初学者而言,就把版面理解为纸张的规格就行了,纸张规格多大,版面就多大。例如:A4纸的规格是210mm×297mm,那相对应的版面就是这么大。

同理App的设计中,iphone6的设计尺寸是750×1334像素,那么相对于的版面就是750×1334像素。

或者你可以把版面理解为画板,画板有多大版面就有多大。

5.2版心

5.3版心的计算方法(针对书籍设计)

版心的计算方法是针对于书籍设计的,在这里就不多提了,以后我讲到版面、版心、订口时会讲如何设计书籍,选择规格等等,这里大家就先了解一下版心的计算方法吧。(磅值指的是书籍设计所采用的字符度量单位)

计算公式:

(文字的磅值+行间距)x行数–行间距=版心的上下尺寸

5.4设置版心与没有设置版心的对比

一般可能看不出来有什么改动,左面那张图没有设置版心,文字没有一定的规则约束,上下左右之间的留白也没有一定的关联性,会显得有些杂乱。

而右面那张设置版心后,文字得到了一定的约束,留白之间有一定的关联性,存在着一定的比例关系,这样的平面看上去就更和谐一些。

5.5关于版心的其他知识点

【打破规则】设定好版心后,就可以将正文或配图编排在版心中。但是,也不是绝对禁止把要素设置在版心之外的,有时候将图片或插画的一部分设置在边界之外,可以给平淡死板的版面带来变化。

【针对单页的设计】使用共同的版心有助于显示整书的条理性。若是单页的作品设计,就不用像多页那样严格。特别是编排要素较少的海报,设定版心几乎没有意义。

版面:把版面想象成规格。

版心:版心基于版面,版心能让要素变得有约束性,整齐而和谐。

版心的计算公式(针对书籍设计):

版心的其他知识点:有时候不一定非要遵循版心来进行设计,适当打破规则使平面具有节奏和活力。在要素较少的情况下可以不做版心,直接进行设计。

六、网格的运用

【网格的历史】这种方法早在大约1950年的时候开始在欧洲使用了,网格系统的基本形状是“矩形”。把文字或图片都摆放在矩形里,视觉上能创造出条理分明,整齐的美感。

THE END
1.一文读懂设计要点,ps海报设计四大原则日常设计工作中,ps海报是我们最常接触到的设计项目。同时,ps海报作品的质量高低,往往也决定着我们设计水平的高低。https://www.canva.cn/learn/ps-poster/
2.保姆级海报设计思路说明,新手不容错过对于新手设计师来说,海报设计要先学会一些基础的思路,才能在此基础上更进一步的发挥自己的创意。今天就来分享保姆级海报设计思路说明,分别是明确目标与受众、素材收集、字体选择、海报布局、优化细节,新手不容错过!https://js.design/special/article/poster-design-idea-notes.html
3.海报设计怎么做做海报设计有哪些手法技巧→MAIGOO知识摘要:环保是广告公司宣传常用的,好的海报能给人带来深刻印象,这就需要有好的海报设计。海报设计就是对海报进行设计的过程,一般分为明确海报主题、搜集素材、布局排版三个步骤,在正式的海报设计过程中,还可以运用直接展示法、强化特征法、运用联想法、超越现实法、诙谐幽默法等手法技巧,让海报设计效果更好。下面一起来https://www.maigoo.com/goomai/276156.html
4.在线海报设计要点海报设计要点素材海报设计要点图片模板海报设计需要掌握关键要点,如何快速了解海报设计的要点?在线1分钟搞定海报设计要点制作!选择从设计原则、色彩搭配、排版技巧等方面获取灵感,结合具有实用性和创意的设计建议,让你的海报制作更加高效。无论是商业推广、活动宣传还是个人展示,这款工具都能帮你轻松掌握https://rrx.cn/content-ip1oeq
5.海报设计要点包括()。海报设计要点包括()。 A.主题 B.构图 C.配色 D.视觉冲击力 点击查看答案进入小程序搜题 你可能喜欢 aortic dissection指() 点击查看答案进入小程序搜题 近代中国在历次反侵略战争中失败的根本原因是? A.社会制度的腐败B.军事技术的落后C.西方列强的强大D.经济力量的薄弱 点击查看答案进入小程序搜题 根据PLC在https://m.ppkao.com/wangke/daan/07f5f08363dc4ca9b5d2ee47f5a46c54
6.海报如何设计三、总结在设计海报时,遵循简洁明了、突出主题、视觉冲击力、考虑受众等原则,并运用合适的尺寸和布局、色彩搭配、字体选择、图片运用、排版布局、添加动感元素以及测试和优化等技巧,可以帮助您打造出吸引人的企业宣传海报。记住,不断尝试和创新是成功设计海报的关键。https://aiqicha.baidu.com/qifuknowledge/detail?id=10166968052
7.如何做好拼贴风海报?这里总结了这6个要点拼贴风海报设计要点这里总结了这6个要点【拼贴风海报设计要点】 关于教程 今天用实际案例来带大家一起拓展新风格 — 拼贴艺术: 教程效果图 一、什么是拼贴风 拼贴艺术首先从字面意义上讲就是“拼合”“粘贴”,也就可以理解为,把不同的元素拼贴在一起,从而实现“1+1>2”的艺术形态。https://www.wandongli.com/index.php/news_detail.html?id=30523
8.宣传海报的作用有哪些?宣传海报设计要点分享海报是公司进行自我宣传的重要手段之一,所以宣传海报在公司的发展运营中有着很重要的地位。不过在日常工作中依然有不少朋友还没有意识到宣传海报的作用具体有哪些?也不清楚进行宣传海报设计要点有多少?如您此刻也存在同样的疑问,下面就由稿定设计网小编来做个简单的介绍吧。 宣传海报的作用有哪些?从传统意义上来讲,一https://www.gaoding.com/article/6344
9.宣传海报尺寸设计要点有哪些?宣传海报设计要点有哪些?对于推销产品、连接客户,海报始终是一种比较有趣和实用的展现形式,很多优质的海报不仅呈现了信息,还能顺带做一些有趣的事情。而海报是经典,宣传海报尺寸大小设计也贴合当下的许多设计的需求。下面鱼爪网小编就为大家详细讲讲宣传海报尺寸设计过程中需考虑的设计要素具体有哪些方面,感兴趣的朋友不https://www.yuzhua.com/consult/2-74-25275.html
10.静态海报设计要点+Q&A裤兜创新设计学院是中国文创领域集线上线下为一体的一站式知识分享平台,汇集了知名高校创意名师+国内外创意机构明星导师亲自授课的创意实战内容。分享内容涵盖时尚创意、市场营销、工业设计、视觉传达及空间建筑等热门领域,致力于让每个人随时随地享受学习的乐趣。裤兜寓https://www.kudouedu.cn/h-nd-70.html
11.人气超高的世界杯海报设计,10个要点帮你快速掌握!以上就是关于海报设计的要点分享,最后再分享一个高效的海报设计软件Pixso,希望通过以上设计技巧以及好用的设计软件Pixso,在这个世界杯期间,可以让你少加点班,多留点时间看比赛。Pixso是新一代国产在线设计协作工具,其内置海量海报设计素材资源,包括海报模板、图标、插画、照片等,所有设计素材均可免费使用,此外,还有强大https://pixso.cn/designskills/world-cup-poster-design/
12.设计海报应注意哪些要点?1、海报尺寸画面大小,海报主要粘贴在一些大的公众场合,画面大能突出形象和色彩,画面有全开,对开,长三开等多种类型。2、远视觉强,海报设计还需要充分考虑视觉效果,想呈现什么,如何把商标、标志https://gonglue.epwk.com/297283.html
13.PS平面设计一节课教你小白迅速get海报设计要点!love野马设计小白PS平面设计一节课教你小白迅速get海报设计要点!,love野马设计小白,平面,海报,站酷网,中国设计师互动平台.需要视频素材看我主页加群https://www.zcool.com.cn/work/ZMzU1MzYyMjg=.html
14.人气超高的浪漫主义海报设计,5个要点帮你掌握起来!如何快速完成一张极富美感的浪漫主义海报设计?本文从文案、字体搭配、文字组、主视觉、实例演示5个方面帮你get到这类海报的设计精髓。 Hello,大家好,我是全蛋。 浪漫主义风格源于 19 世纪的欧洲,它主张摆脱古典主义过份的简朴和理性,反对艺术上的刻板僵化,它善于抒发对理想的热烈追求,热情地肯定人的主观性,表现激烈https://www.uisdc.com/romantic-poster-design
15.海报设计如何突出主题在海报设计图时还有一种表现手法是适当的放大主题,譬如电影《PIANIST》(《钢琴师》)的海报以钢琴师的手指触碰到钢琴的局部部分作为主体,就算没有文字部分,也直接在视觉上第一时间传递了电影的信息内容,运用这样的设计手法比较容易突出主题。 2 海报设计要点 https://www.qinxue365.com/jsjzx/Graphic_Design/722538.html
16.字体设计基础知识整理文字组合排版设计 海报、logo字体:更加图形化,形成深刻印象;针对标志字体/运营字体,排版方式对营造整体的氛围形成帮助。 杂志、书籍字体:更偏向于阅读性,强调清晰、舒适。 海报、logo字体组合排版方法: 位置错落:上下左右之间的摆放、字体大小之间的变化。 https://www.jianshu.com/p/c4008c98fdb7
17.2022年寸草心爱老敬老活动总结范文(通用14篇)二、校园海报设计要点 海报是图文并茂的一种艺术宣传形式,又称之为“广告招贴”。它是一种张贴于公共场所的广告,也是一种向人们通报某种信息的视觉传达艺术,在社会生活中运用非常广泛。 校园海报是专门传达学校各类活动信息的海报,向学生传递学校各部门或团体举办的各种活动的信息。学校是一个充满活力和学术气氛的场所https://www.yuwenmi.com/fanwen/zongjie/3382162.html
18.上海平面设计公司上海朋友圈海报设计公司上海表情包设计公司蓝招商宣传册设计要点分享 2024.11.04 金融行业画册设计要点分享 2024.11.01 节日活动表情包设计技巧分享 2024.10.24 节日海报设计要点 2024.10.15 企业吉祥物设计的意义 2024.10.14 上海海报设计公司|公益类海报设计要点 2024.10.12 上海产品包装设计公司|分享产品包装设计流程 http://shsj.cdlchd.com/
19.商品拍摄与图片处理(二)* 34.视觉是与消费者沟通最直接、最高效的途径,消费者在移动端海报的注意力通常有___秒,因此商家要在海报上下功夫,从而对主要商品进行推广。() A.2 B.3 C.4 D.5 * 35.下列不属于移动端商品详情页设计要点的是() A.字体清晰 B.放大细节 C.整洁统一 D.促销视觉 * 36.下列不属于移动端店招主要内容https://www.wjx.cn/jq/99145464.aspx