- ?
设计干货分享:美工排版版式设计,收藏
Noah
展开
大家好,今天小编要分享的干货是如何设计版式以及各种版式的作用,废话不多说,好货多分享。现在和小编一起去学习吧!
1、正三角版式
正三角板式,由模特和文案从上到下三角形的排版方式。这样更容易突出中心主题。(如果客户问你为何要这样设计,你也可以告诉他这样做的目的是为了突出主题。)
微调排版,文字的距离、大小,增加素材突出主题,凸显视觉中心。
2、倒三角版式
同理地,模特、文案和素材想结合组成的倒三角排版方式,突出重点。让画面平衡稳定。制图三元素(文案+模特+背景装饰),我会一直强调的。
效果非常震撼,非常有冲击力,人们可以很快看出设计者想表达的寓意。
倒三角也不仅仅用来做冲力比较强的图片,他也可以适用于比较随和文艺的表现手法,比如下面这个图
上面每一张图都是以倒三角的排版方式排的,你看出来了吗?这种方式可以突出重点,让画面稳定,设计出比较有冲击力的画面。
3、创意版式
如果你是一个设计师,那么你肯定对创意这个词又爱又恨。很多人都为创意烦恼和开心过,那么什么是创意版式呢?小编认为创意就是创新的点子,有一位大师说过,世界上没有绝对的创新,都是在平凡的基础上进行添加或组合,所以这个就需要我们平时多积累和收集了。我们今天的创意版式就是通过模特和文案之间相互的联系,字体之间的对比,颜色之间的对比,画面里有装饰性小元素。
如下图:复古的色调,性感的模特配上英文和小素材,主文案的颜色区分突出了版式的新,也突出了主题“新”。
我们经常可以看到一些普通的版式,基本都是左边文案右边模特,又或者是左边模特右边文案,相信很多人都能够做的出来,而且也比较简单,极简主义风格版式现在也是随处可见。
今天分享一些比较有创意的版式吧,利用小元素如三角形、方块等,来增加整个版面的层次感,英文、线条等素材的处理使之具有较强的层次。
再看看下面的版式,画面排版具有空间感和层次感,通过模特远近和水墨虚实增加整个版面的纵深感,水墨素材在字体里的嵌入突出主题,使得荷月清欢的韵味非常足。
排版相对而言是“大方向”,但是我们也要注意细节,像下面的图,在边边角角的文字处理,使得整个版面非常饱满,处理英文突出主题。
4、版式层次感
做有层次的排版版式的方法有三个:位置距离、大小区分、色彩区分。我们一起认识一下,位置距离指的是重要的信息会放在画面靠前的位置,次要的信息放在画面靠后的位置,这样可以突出重点。小编觉得这个应该非常好理解,就不过多赘述了。大小区分,这个也很容易理解,学过画画的人都明白就是近大远小,类似透视原理,为画面增加视觉焦点。色彩变化,近明远暗,近暖远冷,在色彩中,冷色调通常给人一种后退感,而暖色会给人一种前进感,利用色彩冷暖的特性可以有效地增强画面的纵深感与层次感。
上面的就是利用远近位置和大小变化来凸显层次感,同理,下面的图片也是利用这样的方法制作的。
上面几张图的版式都是非常常见的,而且非常好做,利用色彩的变化,和人物的阴影,做出来就非常有层次感,处理模特,近明远暗,近实远虚,给英文加材质,让色彩变化更明显,层次感更强。
今天就分享到这里了,后面持续更新
- ?
版式设计的形式美法则!该如何用?
露丝
展开
文/侯航英 版面设计由于文字和图形结合的可变性,一方面可使整个作品生动活泼,产生强烈的空间感、韵律感、节奏感,另一方面也在一定程度上可使作品达到一种统一、整体的感觉。其中形式美法则发挥着重要的作用。
形式美法则是我们为了能表现平面中整体而完美、和谐而又富于变化等形式美感而运用的设计创作法则。文字与图形的编排在传情达意这个基本要求达到之后,还要使图形和文字在形式上完美结合,这就涉及到形式美法则了。怎样运用形式美法则来使图形和文字在传情达意的基础上达到一种艺术美感呢?
单纯与秩序
运用单纯与秩序的法则使图文的编排整体而完美。所谓单纯,一是指基本形的简练,二是指编排的结构简洁、明确,在对文字和图形编排之前要对大量的图片和文案资料运用理性和逻辑思维进行大胆取舍,创建清晰的形式感,如水平、垂直、倾斜和纯一重心及视觉流程。这些方法可以帮助我们达到单纯化,单纯化可使版面获得完整、秩序、明了感和良好的视觉效果。
秩序是指版面各视觉要素组织有规律地形式表现,它使版面具有单纯的结构和井然有序的视觉效果。实质上,编排越单纯,版面整体性就越强,视觉冲击力就越大。简明的结构和秩序可以理解为版面的气运走向,气的流向要有明确或主流的方向,即为版面的“神气”。
①利用版面的骨骼可使图文的编排整体而有秩序。骨骼的设计本身就是为了使版面更严谨、秩序、具有理性的美,若把文字和图形放置在按照事先根据内容、风格和信息量的多少而设计出的骨骼内,那么整个版面就能达到那种单纯秩序的审美境界了,这种设计方法适用于标准化的批量排版。
②将文字和图形一体化可增强版面的整体感觉,看起来更具单纯性,在这点上要涉及到字体的艺术设计。即把文字作为图形的一部分,将“文字图形”作为一幅绘画作品,用形式美的节奏、韵律、垂直、倾斜、虚实等手法来完成,达到字图一体。
③为达到单纯秩序,在图文的编排上不妨多考虑单向视觉流程和重心视觉流程。因为单向视觉流程的组织结构简洁有序,而重心视觉流程能使版面产生强烈的视觉焦点,这两种流程都将使版面的表达显得简单而规则。
对比与和谐
运用对比与和谐的法则使图文的编排活泼而不失统一整体。对比是将相同或相异的视觉元素作强弱对照编排运用的形式手法,版面中的图形和文字在形与形、形与背景中均存在大与小、黑与白、主与次、动与静、疏与密、虚与实、刚与柔,粗与细、多与寡、鲜明与灰暗等对比因素,归纳这些对比因素:有面积、形状、质感、方向、色调这几方面的对比关系。他们彼此渗透、相互并存,交融在各版面设计中。版面的调和指:一是内容与形式的调和,二是版面各部位、各视觉要素之间寻求相互协调的因素,也是对比的同时寻求调和,所以许多版面常表现为既对比又调和的关系。
文字可以按照自由骨骼作不同形状的编排,其本身就可以形成对比关系,而同一版面中的图形也可在与其他图形或文字形成对比关系,如形状上的对比:曲直、大小、疏密、粗细等,那么在色彩上就必须为版面的和谐而把他们设计成相类似或同类的颜色。
如果他们在颜色上存在着对比关系,那么在形上必以协调来缓和矛盾,这样在同一版面上就会存在着对比与和谐两种因素,共同营造既对比又和谐的完美关系。这种情况在图文的散构中最为明显,这种版面因为有对比存在而显得动感十足,有时一个版面中存在着多种形式的对比,但总有协调的因素如内容上的连贯、形和色调上的协调在内而不使作品混乱。
对称与均衡
运用对称与均衡的法则使版面庄重而稳定。对称与均衡是一对统一体,常表现为既对称又均衡。实质上都是求取视觉心理上的静止和稳定感,关于对称与均衡可以从两方面来分析,即:对称均衡与非对称均衡,对称均衡是古典主义版面设计风格的表现,但处理不好易单调、呆板。
在一个版面为中心形成对称均衡关系的图形和文字在形与量上大体相同,但是若能根据内容对其进行小的对比变化,那么这个版面就有生趣可言了形成对称或均衡关系的可以是文字与文字,图形与图形,也可以是图形和文字。图形和文字一方面在形式上对称与均衡,另一方面在内容上互为呼应,那么该设计在功能和形式美上就无可挑剔了。
形成对称或均衡的文字和图形,如果一面是简单而实的,另一面必是复杂而虚的;一面是形粗大而色轻淡的,另一面必是形纤细而色浓重的。也就是说形成对称均衡的形态应有相同的心理公约量而形成的静止状态,这样版面便会严肃而稳定。
节奏与韵律
运用节奏与韵律的法则使图文的编排富有乐感和情调。节奏与韵律来自音乐的概念,也是版式设计常用的形式,节奏是均匀的重复,是在不断重复中产生频率节奏的变化,是延续轻快的感觉,节奏的重复使单纯的更单纯,统一的更统一。在本质上,静态版面的韵律感主要建立在以比例、轻重、缓急或反复、渐次的变化为基础的规律形式上。这种规律的形式一般表现在反复的视觉流程中,通过各种视觉要素规律、秩序、节奏的逐次运动达到一种韵律感和秩序感。
①节奏不仅仅是依靠反复来表现的,图形和文字可以通过交替反复来营造节奏和韵律,在反复的基础上使之在大小、色调上加以规律的变化,也可产生节奏感。②在内容上,图形与文字也可做有节奏韵律的编排,如:一系列的图形可按这样的顺序来编排:整体 - 局部 - 整体 - 局部及弱 - 强 - 强弱 - 强,这里的强弱为对比关系的程度。③通过对同一内容的文字的字体、大小、颜色的渐次变化达到舒缓的节奏韵律。④文字和图形本身的各种对比和强化以及文字之间的对比及图形之间的对比本身也是一种节奏的表现。
虚实与留白
运用虚实与留白的法则使图文的编排获得庄重和空间感。版面中的“虚”可为空白,也可为细弱的文字、图形或色彩,这要依具体的版面而定,为了强调主体,可有意将其他部分削弱为虚,甚至以留白来衬托主体的“实”,所以留白是版面“虚”处理中的一种特殊手法。版面中的虚实关系为以虚衬实、实由虚托,这种关系统一体现在版面设计中。
留白与文字、图片具有同等重要的意义,有了部分的空白,图形和文字才能更好的表现。并不是所有版式设计都有大量留白,如:报刊杂志之类的读物留白量就少,因为他主要的功能是传达信息,而休闲抒情类读物或广告留白率较高,因为他们带给人的是闲暇时的消遣。 推荐阅读:以少胜多的设计技法!适度的留白
利用对文字进行纤细的设计使其变虚,而与实的文字或图形形成对比,增强对主体的强调,或利用对图形中的点、线、面的设计使其有虚有实以增加空间感,提升设计作品的意境。
① 官方百家号:设计智造 顶级创意设计师必备
② 本篇为 设计智造cocoo.top 编辑整理,转载请注明出处!版权归原作者所有,如有侵权请来信告知(cocootop#163 将#改为@),可合作,我们愿意支付稿费。
- ?
版式设计中的“视觉形态”!
瓦尔迪维亚
展开
文/石兴 版式设计是在版面上将所有有限的视觉元素进行整合,将理性的感觉通过视觉的方式表现出来,是一种将个人风格和艺术特色有机结合的形式,在传达信息的同时,也会产生视觉上的美感。版式设计不仅仅是关于排列和组合的内容,更是技术与艺术的高度统一。
点、线、面是视觉构成的最基本要素,是版式设计中最重要的构成元素和最重要的表现手段之一。任何版式设计最后都可以归结为点、线、面的组合构成。
在版式设计中,点是有面积的,只有当它与周围要素进行对比时才可知这个具有具体面积的形象是否可以称之为“点”。从内在性的角度来看,点是最简洁的形态,它是由形状、方向、大小、位置等形式构成的。点即是最简洁的元素,也是最基本的要素。在版式中,可以通过大点与小点的对比关系,突出主次,也可以通过重复排列形成一种视觉上的冲击。
在设计中,点在版面上的的运筹和安排要服从整体风格,在整个风格的基础上,做到区分主次,突出重点. 点的作用在设计中是最基本的,作为视觉中心的核心,这些点积聚起来要有一种很明显的凝聚力,能够抓得住读者的眼睛,而小的、散的点,它们分布在整个版面的各处,虽然多如天上的繁星,但是每一颗都有其特别的意义。
版式设计中,线的应用要符合线其本身的运动规律和性格,突出版式设计的艺术感和美感。线具有切割空间的作用。线的功能主要体现在分栏和图文混排模式,有时也会起到融合图文的效果,产生流动性的美感。线是有方向性的,它引导我们的视线随之前行。不同源头的线在一点交织,这个交点就是中心,即视觉中心。
线在版式设计中的表现力远远高于其它元素,直线给人简单直接的视觉感受,曲线则有柔和动感之美,自然、亲切。在美学中,线体现了形式美,丰富了人们的视觉感受。
点和线在平面空间上的延伸便形成了面。点、线、面共同构成了一个完整的主题。面在基本元素中属于面积比较大的,它特别强调元素的位置关系。在排版设计中要注意各个元素之间的和谐与统一,才会产生具有美感的视觉表现形式。面是点或线延展开来的产物,可以变换成为不同的形态。面的大小、虚实、空间、位置等不同状态都会让人产生不同的视觉感受。
版式中存在诸多视觉元素,如经过独特设计的正文字体,版面的主色调、各辅色的具体色彩、所选用图片的质量以及所用纸张的个数等。通过对这些元素的搭配和组合,给读者传递信息,体现设计的个性之美。从艺术设计的形式美角度出发,版式设计内容可概括为三个方面:简洁有序与层次分明、均衡协调与差异对比、和谐统一与创新求变。
在版式设计中,生动性和整体性就体现在简洁有序和层次分明的版面上。版面由许多元素以及文字内容组合而成,这种组合并非简单、生硬、机械的拼接叠加,而是由一根"红线"将这些零碎的、单个的元素逐一串接为一个统一整体,它表现的是一种节奏, 把握好版式的整齐有序,从而避免杂乱无章的现象。层次性也是形式美的一个因素,也不可忽视。
例如:版式中各级标题的反复出现,各级标题不同空间的运用,章、节、段落之间的间歇和停顿组成了版面最基本的同类反复;文中图表的运用,以及它们的反复出现,又构成了第二层次的同类反复;版式中反复出现的,就形成了第三层次的同类反复。这些同类反复中,既有力度的变化字体、字号的变换,又有空间的变化版面空间的占用。把这些重复、间歇、虚实、层次与时间联系起来,形成重复、简便和跳跃的不同层次,再通过版式设计,形成有序而富有个性的版式。
简洁有序和层次分明是版式形式美的初级层次,它有着整一的审美特性,但也存在着生硬、呆板的弊端。在进行编排时,应注意按照作品自身的价值和意义、作品之间的内在联系,以及读者阅读的视觉习惯来有组织、有目的地安排版面;空间组合应明晰可辨,标题设置应简练醒目,线条的运用应简单流畅,图片画面应清晰鲜明,达到凸显主题、前呼后应、上下左右相得益彰的审美愉悦。
均衡给人的感觉是生动、紧凑和新颖。若失去均衡,则陷于形式上的失稳状态,看起来让人感到不舒服。合理地运用版面的“语言技巧”,处理好版面各元素之间繁简、大小、疏密、曲直等关系,在整齐与错落之间营造出不同的“气韵之美”。通过版块的大小、色彩的深浅、字体字号的差异、空间位置的不同、虚实的变化等诸多变化,使元素之间形成相辅相成的呼应关系,成为一个统一的整体,这就是版式设计中“均衡协调”的原则。
然而,密布的文字或满版的插图,这样的版面既无间隙又无浓淡层次,缺少视觉强势,缺乏活力和趣味,使人产生一种透不过气来的压抑感,更谈不上具有使人愉悦的美感。例如:在一个平稳、妥适的形式基础上,有一个特别显露的组成部分,必能使柔和的美感更为生动。调和状态中的对比作用,均衡状态中力的均衡,就都能发挥出‘平中出奇’的作用。
版式设计中的“差异对比”就是通过图文的大小、形状、浓淡、色彩、方位等技术手段,构成版面的差异。它包括形的对比、明暗与黑白的对比,以及虚实对比。新颖而不落俗套的对比运用,让版面波澜起伏、跌宕多姿,制造出版面的动态美以捕捉读者的阅读兴趣。
和谐统一的原则就是寓统一于变化。 这要求版式在形式变化与内容方面做到相互协调一致。经过排版之后,标题正文的字体、字号,图片的摆放,色彩的使用,装饰线条的运用等都与内容表达的严肃或活泼等协调一致,“整齐美”更为突出。这种“整齐美”的前提就是和谐统一。如果没有“和谐统一”作为设计的前提,就像乐曲中的音符不按音节排列一样,发出的声音只能是噪音而非乐曲。
创新求变就意味着突破传统,超越传统;打破老规矩,创立新规矩;突破旧风格,创建新风格。 版式不仅要在内容上求新求变,而且要在版式设计上大胆进行创新尝试,给读者以新的视觉享受。例如,对原来对称的版面有意识地在对称的外形中掺杂某种不对称的因素,在均衡布局的原则下,采用等量不同形的手法;在横竖成行成列的版式中,采用题头和脚花的装饰图案形成对角呼应的斜轴来加以突破,等等。
只要符合美学的原则,几乎没有什么规律是不能突破的,这就是版面的统一与变化。 只有做到形式和内容的统一,既不喧宾夺主、故弄玄虚,又与元素组成和谐统一的整体,才能与大众产生互动,达到传播信息的目的。
版式设计中的视觉元素和表现形式在设计中的表达是多种多样的。不管是具象还是抽象的表现形式,都会因为排列的不同而给人各种特色的视觉冲击力,所有的元素都不是独立存在的。善于把握各个元素之间的关系,可以使版式设计的整体感和美感得到更好的表达。
- ?
8种版式设计,让你的UI作品更上一层楼!
瞿香薇
展开
不管你是平面设计,还是UI设计,甚至动画设计,终究离不开对外包装自己产品的版式设计,所以版式设计这块非常考验设计师的基础功力。
今天给大家分享几种常见的排版样式,对大家做设计会有很大的帮助。
1、大且醒目、美观的排版设计
版面设计大概是一个优秀的网页设计中最重要的部分了,今年的版面设计会围绕着大且醒目,个性鲜明的标题。
2、颜色渐变
渐变绝对是时下最流行的趋势,在版面设计中也会经常见到。
3、视觉分层
视觉上的层次感对所有设计领域都是非常重要的,字体的尺寸和厚度能轻易的决定哪些文字或段落是最重要的。所以想要清晰的视觉分层,一定要牢记这一点,同时文字的位置和颜色也是非常重要的。
4、小元素运用
这种小字体通常用在负空间里,可以与背景颜色或图片建立联系,或者通过动画让它更加凸显。
5、动态排版
动态效果在今年的版面设计中无处不在,只要效果流畅,在今年绝不会出错。
6、与摄影结合
文字段落和摄影作品之间的契合能产生很好的效果,看看这些优秀案例就知道啦。
7、与几何形状结合
几何图形的设计同样可以加入到版式设计中,达到一种现代化的时髦效果。
8、字体组合
两种或更多字体的运用在今年仍然流行,下面有趣的字体组合案例能帮助你安排自己的字体。
看完这些版式设计的方法,相信大家对以后的设计都有了更多的想法了吧。希望大家在设计的道路上掌握更多的技法,形成自己的设计风格,做自己喜欢的设计。
ui设计越来越火,网上很多朋友在问ui设计要学什么?怎么学?关于ui设计的学习,常常会听到这么一些忠告“多看 多想 多做”,但作为新人更想知道咋看、咋想、咋做。
下面总结了几个学习ui设计的小技巧,希望对新人有所帮助。
学习ui设计的小技巧之一、软件学习
ui设计要学的东西很多,软件是基础的东西,要想做好出好的ui设计就得先熟练掌握ui设计的基础软件,软件方面有:PS、 AI、ID、Firework 、Dreamweaver、 HTML5、p+css等等,不过对于新人,建议先把Photoshop学扎实。Ui设计要学的都是比较高级的知识,学习起来也是需要花时间和精力的,所以呢,基础软件一定要先学扎实。
学习ui设计的小技巧之二、找灵感
如何找灵感,也就是培养审美的能力,首先我们要知道什么好看,什么不好看。当我们排斥那些不好看的设计的时候,我们的品味就自然上升了。
再就是要知道去什么网站上看设计作品。看到不错的设计要采集下来。说到这里,我给大家推荐一些不错的网站。如:花瓣网、站酷、UI中国、Behance、APP截图欣赏网等等……
那么,如何能快速找到灵感呢,当我们接到一个设计任务的时候,该如何去快速的执行,快速找到灵感呢。
平时的素材采集和分类至关重要。一定要整理分好自己的素材文件夹。这对于一个设计来说,真的非常非常重要。
设计师的素材资源库,就是自己的财富,只有自己整理出来的才有价值。关键是自己要记得东西放在哪里了,不要用的时候找不到了~
学习ui设计的小技巧之三、懂分析
学会分析好的设计作品,主要从下面的几个方面去分析:
1.是配色上吸引了我们的眼球 还是 版式设计吸引了我们的眼球?
2.细节处理的很有新意吗?
3.背景烘托的很有档次吗?
4.为什么排版上看着很舒服?
然后再换位思考一下,如果是自己,自己会如何设计,设计手法和细节的处理会不会?创意想法上有没有给带来些什么灵感...
学习ui设计的小技巧之四、做笔记
有没有发现一个问题,我们每天都在看各种设计作品,真到自己做的时候,一下子全都忘记了,脑子短路了。之前看到那么多好的设计作品也都白看了,人家的还是人家的,跟自己一点关系也没有。
所以我建议准备一个小本子,养成做笔记的习惯,坚持完成下面三点:
1. 看到了什么好设计画一画。
2. 想到了什么好点子,写一写。
3. 做会了什么或是想要学点什么,都记录下来。
那么半年时间下来,小本子就写的密密麻麻了,没事拿出来翻翻看,学习的时候积累的心得,精益求精。
以上就是学习ui设计的小技巧了,只要用心认真学习,我相信一定可以成为一名优秀的ui设计师。
- ?
无处不在的版式设计!该如何用?
三合板
展开
文/张海芹 张欣 平面广告随着经济的发展,越来越得到社会的认同。平面广告的主题具有社会性,其主题内容存在深厚的社会基础,它取材于日常生活中的酸、甜、苦、辣和喜、怒、哀、乐。并运用创意独特、内涵深刻等广告手段和用不可更改的方式、鲜明的立场及健康的方法来正确诱导消费者。
版面艺术设计的构成离不开艺术表现,版式设计通过重复与交错,节奏与韵律等一系列形式构成法则来规划版面,把抽象美的意念诉诸于观者,并从中获得美的引导与感受。
交错
在版面构成中,不断重复使用形状,大小,方向相同的基本形式,形成严正庄重的气势。重复使设计产生安定,整齐,规律的效果,但重复构成的视觉感受有时容易显得呆板,平淡,缺乏趣味性的变化。故此,在版面中可安排一些交错与重叠,打破版面的呆板,平淡的格局。
韵律
节奏与韵律来自于音乐概念,正如歌德所言“美丽属于韵律”。韵律被现代版面构成所吸收。节奏是按照一定的条理,秩序,重复性连续排列,形成一种律动形式。它有等距离的连续,也有渐变,大小,长短,明暗,形状,高低等排列形成。在节奏中注人美的因素和情感—个性化,就有了韵律。韵律就好比是音乐中的旋律,不但有节奏,更有情调,它能增强版面的感染力。
均衡
对称是同等同量的平衡。对称的形式有以中轴线为轴心的左右对称;以水平线为基准的上下对称和以对称点为源点的放射对称;还有以对称面出发的反转形式,其特点是稳定、庄严、整齐、秩序、安宁、沉静。均衡是一种有变化的平衡。它运用等量不等形方式来表现矛盾的统一性,揭示内在的含蓄的秩序和平衡,达到一种静中有动或动中有静的条理美和动态美。均衡的形式富于变化,趣味,具有灵巧、生动、话泼、轻快的特点。
调和
对比是将相同或相异的元素作强弱对照编排所运用的形式手法,也是版面设计中取得强烈视觉效果最重要的手法。归纳起来有:主次、大小、粗细、长短、疏密、动静、黑白、刚柔、虚实等对比,它们彼此渗透,相互并存。通常在同一版面中呈现,多种对比关系交融在一起。在对比关系中,对比越清晰鲜明,视觉效果就越强烈。调和是在类似或不同类的视觉元素之间寻找相互协调的因素,也是在对比同时产生调和,所以许多版面常表现为既对比又调和,两者相互作用,不可分割。 对比为强差异,产生冲突;调和为寻求共同点,缓和矛盾。两者互为因果,共同营造版面的美感。
版式基本原则
平面广告版式设计不能像绘画创作那样以表现内心情感为首要目的。在用其传达具体信息的行为过程中,应当根据版式的功能性需求,依照版式设计的原则来办事,所谓艺术化的创造,当以符合原则为前提,这是由平面广告版式艺术和特殊性决定的。平面广告版式的基本原则可以概括为:
可读性
版面设计的目的在于使平面广告的版面结构清晰合理,视觉流程通畅,信息传达明确。它有助于增强观众对平面广告的注意,加强对内容的理解,使平面广告具有良好的诱导力,鲜明地突出主题。
整体性
将各种视觉要素作整体的安排和考虑,也就是说将版面各种编排要素 -- 图形、文字在编排结构及色彩上作整体设计。版面构成是传播信息的桥梁,所追求的完美形式必须符合主题的思想内容,这是版面构成的根基。只有把形式与内容合理地统一,强化整体布局,才能取得版面构成中独特的社会和艺术效果,才能解决设计应说什么、对谁说和怎样说的问题。强调版面整体协调性原则,也就是强化版面各种编排要素在版面中的结构及色彩上的关联性。通过版面的文、图间的整体组合与协调性的编排,版面具有秩序美、条理美,从而获得更良好的视觉效果。
主题性
版面设计追求的完美形式必须符合平面广告的主题思想,这是版面设计的前提。版面设计本身并不是目的,而是为了更好地传播客户信息的手段。设计师以往中意自我陶醉于个人风格及与主题不相符的字体和图形,这是造成设计平庸失败的主要原因。一个成功的版面构成,首先必须明确客户的目的,并深入去了解、观察、研究与设计有关的方方面面。
版面离不开内容,更要体现内容的主题思想,用以增强读者的注意力与理解力。只谈形式而脱离内容或是只讲内容而缺乏艺术表现,版面设计都会变得空洞与刻板,也失去版面设计的意义。只有将二者统一,找到一个符合两者的完美表现形式,版面设计才会体现出它独特的分量和特有的价值。
建立合理的视觉流程
我们在欣赏平面广告作品或接受外界信息时,视线会不自觉地跟随版面中的编排轨迹移动,这种贯穿整个版面的视觉路径就是所谓的视觉流程。因此,建立合理的视觉流程,是在平面广告版式设计过程中要解决的重点问题。视觉流程的形成,是由人类的自身的视觉特性所决定的。由于生理上的原因,人们在阅读信息的时候,总会追寻某种规律,养成一种自然流动的观看习惯,例如浏览的先后次序、方向等。
这种视觉的流动倾向,无形中形成一种脉络,似乎有一条线、一股气贯穿其中,是整个版面有一种运动的趋势。视觉心理学的研究表明,一般的浏览习惯是从上到下、从左至右。从版面上,上半部比下半部给人感觉更轻松、自在,同样,左半部比右半部显得更舒适一点。这就是我们所说的版面的视觉影响力是上方强于下方,左侧强于右侧,这样版面的上部和中上部就成了视觉要素的最佳选择区域。
版式构成形式
①图片信息主体化:这是常见的一种广告编排类型,图片在版面上方,标题在下方,然后是说明文与商标图形。图片占据版面大部分区域,文字部分无论从信息量还是所占空间大小都相应弱化,精美的图片从形式还是内容上都具有视觉冲击力,易引起消费者的注意。
②标题型:标题在版面上方,图片、说明文与商标图形依次在下方。以标题作为图片的先导,让观众对标题先予以注意,留下明确印象,然后看到图片后获得感性的形象认识,进而在版面下方安排适当的说明和商标图形,使观众获得一个完整的认识。这类构图一般文字较少,可以根据内容需要对主题文字形式本身,以及文字组合形式进行灵活、生动的设计,实际上是文字图形化的设计表现。
③散点型:在版面的设计时将图与图、图与文字之间作自由分散状态的散点构成方式,形成一种随意的不经意的视觉效果。散装排列强调感受性原则,较注重自由、随机和偶然性的空间运动感。这种设计貌似随便而为,其实在内涵上蕴含着设计者独具匠心的创意追求。
④全图型构图:这是一种具有现代感的构图形式,也称无版心设计。它是用一张图片占据整个版面,无疆界性地打破了传统版式天头、地脚、内外白边的含义。图片可能是产品或品牌代言人形象,在图片的适当位置直接嵌入标题、正文和商标图形,用开窗形式安排其他构成要素,或图片甚至文字元素频繁“出血”,使广告形式具有较强的视觉冲击力,从而赢得消费者的极大关注。图片的视觉流程往往是从图片的精妙之处开始,最后视线流动到说明文及商标图形。
① 官方百家号:设计智造 顶级创意设计师必备
② 本篇为 设计智造cocoo.top 编辑整理,转载请注明出处!版权归原作者所有,如有侵权请来信告知(cocootop#163 将#改为@),可合作,我们愿意支付稿费。
- ?
版式设计的“版式结构原则”!
沛儿
展开
文/刘蕤
设计作品不能让阅读者“一目了然”,其原因之一就是忽略了版式的结构编排,在编排上松散无序,导致受众在短时间内无法分清重点。版式设计作为传达某种信息的"载体",应符合所设计的内容,应突出直观动人、简明易读、主次分明、概念清楚。
版式设计是将文字、图案等元素,在既定版面上按照一定的原则进行的形式编排,它并非简单的“排版”。确定版式结构是版式设计的重要一步,设计师可以将所有的内容安排至既定的版面中,这就出现了各元素的布局问题,好的版式结构可以使页面结构清晰、视觉平衡,给阅读者以舒适、大方、易读的印象,这就需要版式结构遵循以下的基本原则。
设计中分组的方式与我们日常生活中对生活物品的摆放具有同样的道理,我们通常会将橱柜里的外套和贴身的衣服分开放置;厨房中蔬菜、肉类及调料等整齐归类而避免相互污染。分组是版式设计中一种整理信息的办法,即将客户提供的原始信息按照一定的规律进行分类整理为信息组,并且组与组之间具有一定的间距。 推荐阅读:版式设计中的"平面构成"原理!
版式设计的过程可以看成信息规整的过程,它将画面中逻辑关系相近的项组织在一起,位置接近则意味着关联。分类的方式有很多,可依据种类、颜色、形状、重要性等进行编组,例如可以通过添加编号、几何图形符号等方法使每组信息更明显,当条目比较多时,可以将内容分类或制作成列表的形式,当通过设置相同的颜色或形状相同的色块时,阅读者就会理所当然的认为它们在信息上有着关联性。
作为版式布局设计中分组的处理方法,首先必须明确制定逻辑组与组之前的空间距离,它应该明显大于组内每个元素的空间距离,或为其配以加粗的标题,使组与组之间的关联性和逻辑性更易区分。
版式设计中追求的稳重感会使画面产生平衡,使受众心情舒畅,有利于信息的传递。在版式设计中,可以通过划分简单的网格,使图片、文字段落等顺序排列,确保画面产生平衡感。使用改变画面中元素的大小、比例、位置、添加元素等都能使画面变得平衡。
当画面中只有一个图像元素,并且居中放置时,它达到了平衡,当图像元素移动至两侧时,画面的平衡被打破,出现了一边轻一边重的现象,这相当与天平的一侧太沉了,另一侧就会被翘起,为了使天平回到同一水平线上,我们可以在翘起来的一侧添加元素,原则上是与图像的面积在观感上一致,如果完全按重量来配比,则会使画面显得机械和呆板,画面的灵性也会被束缚。
同时,最重要的层次关系也会因为重量的完全相等而无法分清。在设计商务性质的版式设计中,需要打造出诚信稳重、让人放心的氛围,如果画面失去平衡,这在版式设计中是非常致命的。
画面布局是版式设计中让很多设计师“头疼”的问题,如何在有限的空间中让文字、图片、图像、符号等大量设计元素出现在合适的位置,并能产生合理的层级关系,是设计师需要解决的难题,而通过划分网格可以高效的对这些元素进行合理放置。网格是现代版式设计中最重要的基础构成之一,它能将版面中的点、线、面构成元素协调一致地编排,并具有秩序感、比例感和整体感。
在版式结构的搭建过程中,通过对版面划分网格线条后,并将元素整齐排列后隐藏“网格线”,在视觉中会产生某种相互关联,使阅读更加具有逻辑性和层次感。利用网格来进行版式结构布局的设计方法被称为 “网格设计”,它能使我们的版面布局形成工整而有规律的效果,并且有着无数种组合方式,能大大提高工作的效率。
重复的方式有很多,如重复的颜色、字体、字号、文本行距、项目符合、图表风格、对齐方式、图片风格等。在很多商品宣传册的设计中,往往需要展示大量的产品信息,没有太多经验的设计师常常会担心最终的版面单调乏味,于是在版面结构中加入各种花哨的特效、改变图片的倾斜度、使用难以阅读的文字的效果,这样的方式不仅不能解决问题,反而降低了信息的“可读性”与“易读性”,使阅读者产生厌恶的心理,大大影响了产品信息的传达,降低了设计的“档次”。
此时如将一件商品的说明信息和图片进行合理组合,分清信息层级关系后形成编组,其它产品的信息与图片组合按其同样的方式在版面空间中进行重复,并且排列整齐,使读者能快速的分清阅读规律,将更加有利于信息传达。如果需要增加变化,可以对各商品分清主次关系后进行放大与缩小等方式来处理即可,这样使得商品宣传册整体在稳重的同时又不乏味。
在开始设计时,首先要思考一些问题,比如,“这是一个什么样的主题?什么样的色调适合这个主题?这个主题需要烘托出什么样的气氛?什么样的字体性格更符合这个主题?”等等,这样就可以得到一个统一的设计风格。
如果版面中各种颜色和形状等设计元素太多了,字体的风格或颜色变化太大,则整个版面就会缺乏统一性和连贯性,使画面看上去很“乱”,给人造成不值得信赖的感受。设计不是各种元素的简单堆积,版面中没有任何一个元素是多余的,所有的元素都必须是仔细分析主题得来的结果,去掉那些多余的装饰元素,避免“为了设计而设计”。
留白是版式结构中非常重要的元素, 它是画面中各元素之间的间隔部分,起到缓冲、隔离的作用,合理的留白可以有效解决平面设计中的实际问题。初学设计的人常常担心“画面太空”,在版面里填充各种元素,不留空隙。过于紧凑的布局会使读者心情紧张,失去阅读的兴趣,相反,漫无目的的留白也会使画面显得空空荡荡。
留白在留出韵味的同时,也可以增强画面的空间感,留白越大,空间越广阔,画面中元素越少,人的视觉注意力就不会被其他无用的信息所抢走。初学者对留白容易产生误解,认为留白就是留出白色,然而事情并非如此,留白留出的是空间,背景可以是白色,也可以是其他任何颜色。 推荐阅读:版式设计中的“空白艺术”!
需要特别注意的是留白不适合所有的设计,如促销广告中需要的是传递热闹和实惠的氛围,如果大量留白只会适得其反。在表现高端、雅致、文艺的气质时,留白是非常适合的,但是在烘托氛围和热闹、喜庆的感受时则不能使用。
只有掌握版式结构的基本原则,科学分析项目信息,才能使我们的作品在具有视觉上的形式美感的同时,传达的内容更加符合主题,能向受众正确的传递出设计的信息。
① 官方百家号:设计智造 顶级创意设计师必备
② 本篇为 设计智造cocoo.top 编辑整理,转载请注明出处!版权归原作者所有,如有侵权请来信告知(cocootop#163 将#改为@),可合作,我们愿意支付稿费。
- ?
解读!版式设计那些事儿
大地
展开
文/曾文英 版式设计的基本元素为文本和图形,要在有限版面中最优化地传达信息、影响受众。美学特征是其重要因素,即结构、色彩、光影、虚拟空间与想象空间等的编排指引,使小区域蕴藏深度内涵,承载时代与社会倡导的主流意识与情绪。
现代版式设计注重艺术与技术的统一,强调创意、个性化并融合情感。版式设计需要突破平面的范式,走向立体、多元、多维等基于数码时代的综合应用,设计出艺术、技术、商业价值兼备的好作品。
版式设计的构成
版式设计是通过点、线、面等元素在版面空间中组合而成的。通过对版面空间进行分割,置入不同的元素,对元素之间的关系在比例、位置、方向、轻重、浓淡等方面进行调整、协调,从而形成个性化、符号化、艺术化的版式作品,体现个性、时尚、意境与情感等多种内涵。
元素构成
从内容看,版式设计的构成元素为图形、色彩、文字等。版式实质是由图、文构成,版式编排即是对图、文的合理布局,可以体现作品内容和创作者的思维逻辑,引导受众的视觉流程。从几何角度来看,版式设计元素是由点、线、面构成的。点的属性有大小、虚实、明暗等;线是由点的聚合和运动而形成,线的属性有位置、粗细、长度、空间、方向、曲直等变化;面是由线包围而成,面的属性有大小、明暗、规则、透视、倾斜等,多面可以形成立体的视觉效果。
分割方法
版式设计的区域之间,如书籍封面、书脊、勒口之间,可采用颜色分割、图形分割、直线分割、文字分割、无分割等多种方法。同一系列作品可在色彩、图形、文字等方面有所不同,但最终要构成和谐有机的整体。
组合关系
版式设计中各元素的组合可通过重复、变化、集合等方式,通过大小、明暗、曲直、动静、疏密、高低、旋转、移动、缩放等手段,形成预想的韵律、节奏、意境、氛围,以体现作品的主题、内容和风格,使信息传播效益达到最大化。
编排原则
版面编排的本质是对区域中设计元素的有序化,其中涵盖形式、内容、逻辑等的有序化,可采用分类、分区、分栏等多种方式,构成内容的分类、图文的分区、模块化的分栏。
从图文之间的布局看,版面可用上下分割、左右分割、不规则分割等方法被分割为多重子区域;从内容视觉流程组织看,可选用线性编排、重复编排、以中心为重点的编排、对称与均衡的编排、重叠编排、蒙德里安的编排、边框式编排、散点式编排等多种编排方法;从图文绕排方法看,有集中式、分散式、连贯式、断裂式、装饰式等方法。
语义编排
版式设计基于语义的序化,可将文字划分为多级标题,即为文字的级别,一般可为三至四级,文字之间的组合可形成节奏、主次、对等等关系。
设计风格
版式设计风格可分为严谨周密、平易近人、生动活泼、休闲、安逸、紧张、稳重等各种风格,不但可遵从平面设计规范,且可借鉴建筑、音乐、绘画等领域的设计风格。
综合效果
版式设计作品的综合效果要能给人强烈的视觉冲击力、充分的联想空间,使人对其产生深刻的印象和美的感受。好的版式设计可引导读者和观众的视觉流程和思路,增进他们的理解和联想。
版式设计方法探讨
根据设计者意图,版式设计可采用统一或随机的范式。图文可采用直排与横排、倾斜、旋转、扭曲、大小、前后、浓淡、粗细等多种变化。
网格化是版式设计的经典方法,可以用横线和竖线将版面划分为多个区域,然后将图形、文本、色彩等版式元素进行布局,使其与所表达的主题、内容等相适应。网格单元之间的关系,可分为对称、规则化、非对称等。具体进行版式编排时,可根据内容模块进行分类、分区,对每一类内容根据视觉习惯与阅读舒适度选择合适的分栏。重点内容要放在版面的重要区域,标题、内文等可以选择突出的字体字号。
在进行版式设计时,需对材料内容信息进行分解,先进行总体版面分配,再对文字、图形进行编排,使图与文、图与图、文与文相互呼应、相互协调。图文编排不但可构成视觉引导线,还可以构造层级关系。版式设计元素之间要注意选择适宜的间距,使其远近相宜,并使图文编排、展示空间与内容匹配。另外,在形状、风格、色彩等方面可以进行变化和拓展。
也可以颠覆传统的规则,利用旋转、切变、呼应、排列等手段,以更加突破的形式对均衡、方向、中心、空白、分割、韵律、点线面等进行重构,展现更丰富的美学规律,并从平面、空间、逻辑、阅读流程等方面进行元素编排,以体现美学、人体工程学、艺术与人文等的完美组合。
宏观上看,版式设计可归结为点、线、面、体的有机组合。点是眼,线是手,面是主体,点、线、面的组合构成版式的多维立体效果。潜在流程线引导视线、隐含时间元素,也可使版式设计从原平面设计的范畴拓展至立体多维。时态、大小、色块、文字块、图形块、区域、立体……各种元素的构成、组合、呈现,使版式产生无穷的变化。
版式设计将图文在有限的版面进行编排,不但可归结为点、线、面的组合与变化,且可从中感悟到哲学意境。版面设计宜将艺术元素与技术融合,将形式与内容协调,融入设计者的个性,在有限区域内创设具有无限想象的艺术空间与视觉传达效果,在有限的平面里构造丰富立体的视角。
① 官方百家号:设计智造 顶级创意设计师必备
② 本篇为 设计智造cocoo.top 编辑整理,转载请注明出处!版权归原作者所有,如有侵权请来信告知(cocootop#163 将#改为@),可合作,我们愿意支付稿费。
- ?
简单版式设计排版 让作品更耐看
梦易
展开
在设计上,比例规则中的黄金比例和白银比例,交互设计中的费茨法则,视错觉中的完形心理学,广告行业的AIDMA法则等等。其实万变不离其宗,说的基本都是一个道理,看我们自己能否悟出。版式设计排版技巧和基本功还是靠我们自己多练习,多实践。
今天分享几个简单的版式设计排版技巧,反差/孤立/软硬/节奏/比例/纹理/故事情节,七招让你瞬间上一个高度。
1.反差
反差指的是多个要素之间的差异。通常设计师在给客户提供设计稿时,会被客户怼着说:这两稿有什么差别么。其实客户认知中的这个“差别”就是反差的意思。差异越大反差越明显,能让特定要素更显眼,相反差异不大越不明显,也无法体现出重要的要素与重要的信息,就不会给读者一种强烈的印象。
为版面添加反差效果有各种手法,其中给人印象最强烈的就是明暗反差(一提到明暗对比就想到了伦勃朗)。图片明暗差越明显就越容易引人注意;文字也一样,越是明亮的背景、深色的文字越显眼。
也可以利用要素的尺寸大小对比来营造反差。在设计文字时,即便是同样的字形,笔画粗的字感觉更硬,笔画细的字感觉更柔,两者搭配使用就能营造出反差。上面中“字形”是专业术语,我打算把网格讲完就讲一下字体这块(中/日/英字体结构与差别)。
另外,编辑要素的密度差或使用的颜色等,任何能突出要素之间“差别”的手法都能营造出反差的效果。
- ?
版式设计的基本要求与方法!
梦回中
展开
文/陈思蔚 版式设计就是对文字、图形、色彩等平面基本要素,按照规定的内容、标准等进行设计与搭配,以体现出复杂多样的空间效果,传达出创作者的思想、情感和意图,以提高版面的视觉冲击力,吸引受众的关注。
好的版式设计能够使设计的主题更加突出、更加生动、更具艺术感染力。目前,常见的版式设计形式有三种:古典版式风格、栅格样式、自由版式制作等。版式设计应紧贴设计主题、风格符合主要的内涵与意指、达到技术与艺术上的均衡,对图片、文字、色彩等的构成成分都能进行合理的处置。
简约设计是平面设计的一种设计理念。对过去的那种传统守旧的、含意复杂的风格形式,人们已经放弃了。试图通过简单明了的阅读形式,讲求空白版式设计反对一切凌乱的现象。平面艺术也只能局限在一定的范围以内,版面的风格必须要保持简洁独立。实际上强调单纯、简洁,要对过多的信息进行浓缩,内容的精炼表达,才能够达到新颖创新的效果。
随着社会节奏的不断增快,为了减轻读者视觉的心理压力,简单通俗的东西才是大众能够接受的。防止过量的信息的堆积,缩减图文信息。才能保证某一个版式能够准确地传递出所有的信息,从视觉的角度上将各类元素表达出来(如标题、文稿、图形画面、色彩等)达到直观与具体的一种效果。
版面整体设计应力求形象生动,简单通俗,能够在第一时间抓住读者的视觉,并能给观看者留下深刻的印象,单纯而有力的诉求效果。在对其空白处进行调节的过程中,要坚持的一个原则就是简洁大方,干净,而且在视觉上有非常强烈的集中效果,这样才能更好将作品的主题凸现出来,一定要从众多构成要素中确定一个鲜明的主题,在大众的视线投上作品的时候能够达到理想的效果。
好的作品离不开经典有深度的创新,不管是什么类型的设计作品制作,在其表现上都要有独特的创意来为作品打好基础。在平面设计工作中,对于作品的要求更是这样的:一是要明确主旨思想的具体含义;二是版面设计的创新。从技巧与思想内涵上着手进行控制。
在编排的创意表现中,各个构成要素之间不再是简单的搭配组合的关系,而是更具有积极的参与性和创意的体现性,各个要素必须要互相作用以达到最好的效果。这种方式,给作品注入了更深的主旨,是编排形式的不断完善,是形式与内容的最佳结合。例如在版面编排时主体要素的大小关系,一般要比其它要素突出,显眼。
好的平面设计都应该展现出独特的一面,与充满特色的版式。缺乏特色的版式是无效的,就像一张毫无特点的面孔很快就会消失在滚滚人流中。在版式制作中,对于作品特色的追求,需要的是一种无规则性,追求幽默、风趣、装饰的具体展现方式来更好地满足受众的需求,引起情感上的共鸣,是现阶段艺术作品的主要追求。
例如版面构成中的趣味性是一种活泼性的版面视觉元素。如果缺乏一些新鲜有趣的东西,就要靠制造趣味取胜,这是作品设计中必须重视的一点。版面充满色彩,使媒体宣传效果如虎添翼,达到了画龙点睛的效果,从而更吸引人、打动人。这种风格,摆脱了陈旧与平庸,给设计注入了新的生命。
设计以人为本引起许多人关注。以人为本,增加人物情感的体现。不同形式的艺术方式都能够将艺术这种形式更好地表现出来。“以情动人”也是该种风格样式追求的主要体现。在版式制作中,文字的作用和效果都变得不再重要,影响了其严谨性与规整性的体现,曲线与散点的具体表现不明确。在版面中人文因素加重,例如大多的图形是人物,通常情况下都是以人物效果来表现的。
平面设计中文字的灵动、图形的优雅和色彩的震憾说明了设计元素的情感表现,另外,出血版能够更好地表达感情,框版是感情的主旨,留白能够达到良好的抒情效果,黑白富于庄重、理性等等。通过各类艺术手法的使用来达到良好的效果,或热情奔放,或轻快活泼,或严谨凝重,实现对平面设计的艺术追求。
版式设计通过调动各种设计元素(文字、图形等)在既定版面上进行编排设计,以版式上的新颖创意及个性化的表现,强化形式和内容的互动关系,以期产生全新的视觉效果。
网格法是版式设计中的经典方法,西欧又出现了网格设计,它是在书页上运用数学的比例关系,通过严格的计算, 把版心划分为无数统一尺寸的网格,以此来分配文字和图片的一种版面设计方法。它注重比例感、秩序感、连续感、清晰感、科学性和严肃性。借助网格使设计应用在功能上、逻辑上和美学上获得了发展。
将文字排成上下左右整齐,给人感觉规整大方,美观。其外框犹如集装箱的形式,给人人感觉庄重神圣,理性,各种元素在这样的环境中易于统一协调,缺点就是有时候给人呆板,毫无变化。版式的规整排列,恰到好处的揭示了主题的实质精神,目标明确,一目了然。
版式设计以中轴线为基准,文字图片居中排版,这样的方式会使视觉居中,庄重大方,文图的居中排列还能达到端庄秀丽的形式美感,引起视觉聚焦作用,但有时候阅读起来不方便,如果是整张版面文字较多的情况下,不宜采取居中的编排。
在设计中,不断重复使用的基本形或线,它们的形状、大小、方向都是相同的。重复使设计产生安定、整齐、规律的统一。但重复构成的视觉感受有时容易显的呆板、平淡、缺乏趣味性的变化,故此,我们在版面中可安排一些交错与重叠,打破版面呆板、平淡的格局。
节奏与韵律来自于音乐概念,正如歌德所言:“美丽属于韵律。”韵律被现代排版设计所吸收。节奏是按照一定的条理、秩序、重复连续地排列,形成一种律动形式。(温馨提示:下图看久了容易头晕)
留白则是版中未放置任何图文的空间,它是“虚”的特殊表现手法。其形式、大小、比例、决定着版面的质量。留白的感觉是一种轻松,最大的作用是引人注意。在排版设计中,巧妙地留白,讲究空白之美,是为了更好地衬托主题,集中视线和造成版面的空间层次。
① 官方百家号:设计智造 顶级创意设计师必备
② 本篇为 设计智造cocoo.top 编辑整理,转载请注明出处!版权归原作者所有,如有侵权请来信告知(cocootop#163 将#改为@),可合作,我们愿意支付稿费。
- ?
版面设计文字编排技巧
薛惜雪
展开
本文转载自公众号 大猫设计
大家好,伴随着阳光明媚的周三夜晚,本猫又和大家见面了,这次给大家带来的是版面中内文编排的技巧。
内文编排就是大段落文字的编排,好的内文编排能够提高观者的阅读体验与效率,坏的编排则会让人产生认知障碍,甚至影响阅读体验。
那我们就来看看内文编排有哪些技巧吧。内文编排大致可分为五个知识点,分别是
第一点顾名思义,简单说就是行的长短与字数的多少都会对阅读观感产生影响。一般每行的字数控制在25-40个字之间。
切忌出现每行字数太多或太短的情况,太短的话每行内容尽收眼底,虽然有“一目十行”的效果,但是却最容易造成跳行的现象,进而影响阅读。举个极端的栗子
上图中一行只有五六个字,阅读起来肯定是极其不舒服的,所以我们在做内文编排时,一定要防止行长过短的情况。
当然,除了行长过短之外,过长的行长也是影响阅读体验的。
上图中一行有六七十个字,远远超出了25-40个字的范围,属于行长过长。行长过长带来的问题视觉疲劳。
正常的行长能够使眼睛在行尾与次行行首之间得到休息,而过长的行长使眼睛停留时间太长,所以特别容易引起视觉疲劳,进而造成阅读性差与影响阅读体验。
与上面两个例子相比,下面这两段行长字数在25-40之间的肯定是最舒服和最利于阅读的。
先来说说字距,字距就是字与字之间的距离。一般来说字号越大字距越小,字号越小字距越大。当然啦,字距的设置要根据实际情况来确定,比如用0.1来举栗子。
上图是软件中默认的,字距为0的样子,但是0与1之间太空了,留得空间太大,这种时候就需要我们给它缩小字距,让它们更有整体感。
下图是字距设置为-60的样子,与上图相比,整体性提高了很多。
看一下调整前后的对比,肯定是右侧调整之后的更具有整体性。
说完字距再来说一说行距。在内文编排中行距的设置一般在1.5-2.0倍行距之间。太小的行距会使文字行与行之间无法区分,进而阅读困难;太大的行距又会因为行距过大而丧失整体感。
上图是软件中默认的1.2倍行距,看上去却非常挤,没有空间感与透气感,必定也是影响阅读的。
而下图这个则用了3倍行距,整个段落完全散掉了,一点整体性也没有。
那么合适的段落间距,就像下图这样,控制在1.5-2.0之间,必定是利于阅读的。
就我个人而言比较常用的行间距为1.618倍、1.732倍与2倍。合适的行间距能为你的内文编排加分,使其更加精致。
再来说一说避头尾。避头尾其实就是标点符号的问题。一般来说标点符号尽量不要出现在行首或行尾,因为这样会使其空出一块空间,影响文字段的规整程度,同时也会很影响阅读体验。
上图中用黄色标注的地方出现了标点符号居于行首或者行尾的情况,这个时候我们就要对其进行避头尾的处理。
一般来说处理避头尾有三种方法。第一种方法为行尾挤压半角。如下
虽然这种方法还是会让标点出现在行尾,但是现在已经是半角字符了,只会占据半个字符的空间,而上面未处理过的却是一个字符。所以行尾将标点挤压为半角的形式也是一种避头尾的方法。
第二种就是绝对的避头尾的了,通过调整标点符号绝对不会出现在行首或行尾,如下
第二种方法比第一种方法更规整一些。
第三种方法叫作标点溢出,标点溢出后位于行首或行尾的标点会独立出来,不会对段落造成影响,如下
两个逗号是完全在段落之外的,这就是标点溢出的形式。三种方法可根据实际情况灵活选用。
复合字体其实就是我们在做编排的时候尽量中文选择一种字体,英文选择一种字体。因为我们国内的大部分中文字体的西文部分设计的并不够好,所以我们尽量中英文字体都选择比较精致的字体。
拿方正风雅宋举例,如图
方正风雅宋里自带的英文与中文的风格差异太大了,在中英文搭配的时候太勉强。
那么像上图这个风雅宋+Didit的复合字体形式明显在风格上更统一,也更适合搭配。
思源黑体自带的英文与中文的风格一致是可以搭配到一起的,只不过英文部分并不是精致美观的,如果我们选用更精致的西文字体会更好,比如Helvetica或者DIN,如下
许多同学可能还没有看出差别,所以将它们放到一起比较比较
显然第一个用默认自带的英文与下面两个相比就不是很精致了。所以这也是我们要用复合字体的原因。
复合字体的搭配原则可以用三点概括:
一是字重要匹配,尽量不要用粗细差别十分明显的字体进行搭配;
二是字体笔画风格特征要一致,就像刚才的风雅宋一样,自带的英文跟中文明显就不是一个风格的,所以不能搭配到一起;
三是尽量选择比较著名并且精致的字体,另外在中英文混搭的时候,英文应该比中文略粗一点。因为英文笔画少中文笔画多,这也是为了弥补字重方面的差距。
段距指的是段落间距,一般来说段落间距为字高的2-3倍。段间距的目的也很简单,跟成组的原理差不多,就是使信息之间有一个区分。
上图段落与段落之间没有区分,阅读上就稍微困难一些,如果第一段最后一字刚好位于行尾,那么段落与段落之间就无法区分了。
与之相比下图这个加上段落间距的就更容易区分,且容易阅读。
当然,除了设置段落间距外也可以采用首行缩进的形式区分段落关系。首行缩进说白了就是我们小学时老师经常强调的空两格。
行首空两格之后已经能够区分段落关系了。除了空两格也有空一格的形式,如下
日本那边的标准就是空一格。
一般来说首行缩进与段落间距只用一种就可以了。但留段落间距的形式要比首行缩进更规整一些。
那么知识点也都说完了,掌握了这五个内文编排的小技巧之后可以非常快速的将段落文字的编排品质提升一个档次,完成下图中的蜕变。
那么到此本期的文章就结束了,咱们下期再见!
本文版权归原作者所有,本平台仅限学习交流
..........................................................................................................
版式设计文字设计
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
初入新手村 — 演示者视图的操作步骤 0102
-
初入新手村 — 鼠标的交互的方法 0103
-
初入新手村 — 如何快速访问工具栏 0104
-
初入新手村 — 文件选项卡、保存等基础 0105
-
第二关 :内容整理与处理 — 导航区操作技巧 0201
-
第三关 :文字工具与段落 — 如何给你的文字加特效 0301
-
文字工具与段落— 段落工具使用 0302
-
第四关:绘图与形状效果 — 基本形状的绘制方法 0401
-
绘图与形状效果 — 给你的图形加特效 0402
-
绘图与形状效果 — 快速排列多种图形 0403
-
第五关:合并形状与图标 — 用好合并形状轻松获得更多创意图形 0501
-
第六关:图片的神奇 — 教你PPT如何实现抠图 0601
-
图片的神奇 — 使用图片裁剪让图片为你所用 0602
-
第七关:表格与逻辑图表 — 教你画一个简洁大方的表格 0701
-
表格与逻辑图表 — SmartArt快速生成逻辑图表 0702
-
表格与逻辑图表 — 一招SmartArt走遍天下 0703
-
第八关:形象化市场数据 — PPT中数据图表怎么做?0801
-
形象化市场数据 — 教你做好看的条形图和柱状图 0802
-
形象化市场数据 — 饼图的美化技巧 0803
-
第十关:终成商务演示高手
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101
-
第一关 :初入新手村 — 工具选项卡操作演示 0101