美文网首页设计
版式设计1——中西文文字编排

版式设计1——中西文文字编排

作者: x深蓝 | 来源:发表于2017-06-07 09:54 被阅读1597次

    到期末了,一堆作业需要排版,比如我们室内设计作业的展板。

    前几天去看国美的毕业展也是无论路边“拓路踏歌行”的海报,还是其毕业展的展厅设计都是经过一定编排设计的。而在版式设计中,字体的重要性无疑是很重要的。

    之前自学PPT的时候,珞伽在视频中就说他喜欢再ppt下方加上两行很细的英文,一个是好看,一个是小形成对比,画面自然好看了。

    下面是自己输出的中西文文字编排的笔记和其它思考,好久没有在简书上面输出文字了,之前学PS也是自言自语的在简书发,那段时间的积累,让我对ps学习的小白阶段迅提升上去了,希望这段时间的版式输出也能够尽快脱离小白阶段。

    1.文字编排的学习

    去上班实习的路上、地铁海报、导视系统、毕业季的展览(自己学校、周边学校、国美、央美、清华、江南等较好的美院或者设计学校)

    ————手机记录、分类。

    设计网站:inspiration、fromupnorth、古田路9号、致设计、68design、behance、pinterest、站酷、花瓣、网易云音乐banner、演界网PPT作品。

     ————对于自己觉得好的banner、海报先收集、再分类、再分析。

    文字编排设计文章:公众号(字体传奇、研习社、杰视邦、庞门正道)、知乎版式问答、微博相关文章、简书相关文章、站酷相关文章。

    图书馆或电子版——文字、版式书籍

    视频:刘痕、南征、贾彬、电商设计的酷熊、珞伽PPT设计。

    ————

    直接练习的:实习项目的主题设计;学校作业展板的反复设计

    自主练习:--研习社每周四后5.6.7.三天完成一张;字体帮每日字体设计;种梦每周一练每周五前完成一个主题页面;简书(练习、文章、笔记输出);知乎寻找问题回答;积累文章,练习发站酷;

    分析所拍的、所看的图的字体搭配、间距、创意。

    (两天后再来改此文发现,还是没有坚持去看去练,可能是前两天一下输入太多,来不及消化,所以后面还是要坚持输出,思考,练习)

    2.中英文字体的不同

    中文来自汉藏语系、英文来自拉丁语系使得混排不可避免的存在一些问题。

    英文表音,汉字表意,使得字型字貌大不相同。

    中文中线对齐、英文按基线对齐。

    (中英文混排 英文币中文高出一个像素,文字行上显得上下不齐)

    笔画的繁简程度不同,相同字号下英文易显大。

    词间距不同,英文单词间以空格来区分,容易在版面中产生不同的密度,从而影响文本的黑白平衡。

    3.国内现状

    注重平面美术字体设计,而不注重印刷字体设计。

    对英文字体设计不够了解和重视,目前很多汉字字体中的字体在英文设计上存在不足。

    汉字印刷字体的现状是设计人才缺乏、字体种类单一、资源短缺、盗版严重。使得中英文字体匹配研究在大的环境中受到了局限。

    同属汉字文化圈的日本,在字体设计走在了前面。大陆只有421款中文字库,而日本种类达3000款,且与之配套的英文字体也很完善。有专门设计日英混排的设计师小林章设计英文部分

    4.如何了解中英文匹配

    汉字字体和英文字体设计的设计规律

    编排设计

    阅读心理学

    中西方文字的历史:

    东方正书体3400年史

    中国文字的演变走过了由古文字向现代文字过渡的桥梁,宋体印刷字体的出现。最初的宋体依然是以楷隶书为主,经过历代变革才有了现代宋体,流传至今也是公认为最美的一种印刷体。在宋体就被作为文本字体大量应用于书籍课本中。(之前PPT学习中,在视频中或者简书,知乎有人发PPT相关文章有说,宋体,微软雅黑,说微软雅黑是安全文字,宋体等衬线字用好了也很好看的,只是看老师们在讲台上的PPT用的宋体场景有点点不大对。。)

    19世纪以后,西方的铅活字印刷术、石印术和照相制版术相继传入中国,从此,中国的印刷迈进了近代的历史阶段。

    19世纪末到20世纪初,商务印书馆和中华书局,不断的为近代印刷术的传播做出了贡献,也为近代印刷汉文字体的创设和铜版制作奠定了基础。铅活字的发明进一步促进了字体设计向前发展,到20世纪30年代,使用的印刷字体,除了宋体和楷体外,又增加了仿宋体和黑体,但是仿宋体和黑体在最初并没有在报纸书刊上普遍使用。随着时代的发展和需要,到了六十年年代初,在出版物中常用的印刷字体已经发展成宋体、仿宋、楷体、黑体。

    汉字的结构和规律

    汉字的构造规律,在甲骨文形成并广泛应用以后出现,最早现于《周礼》,完成于东汉许慎的《说文解字》

    《说文解字》是由许慎手编的我国第一部字典,他将汉字的构造归纳为六种规律,即我国古代所谓的“六书”理论

    汉字是由特定的音符、义符所构成的形体,这种关系的形成,有其独特的形式规律。其大体可分为两种类型。

    第一种为独字体:指没有偏旁部首,直接由笔画组成的字 形成独立的字

    第二种为合体字:指由两个以上的独体字或独体字配上偏旁组合而成。

    合体字又分为四种类型:上下、左右、半包围、全包围

    英文字体发展年表

    英文比较好看衬线字。

    Bodoni、Baskerville、Timeroman、Caslon、Didot。

    英文衬线

    英文比较好看非衬线字。

    Akzidenz Grotesk  、Univers、Franklin Gothic、Helvetica、DIN

    英文非衬线字体

    英文字体的种类

    拉丁字母起源于埃及的象形字,但在漫长的演变过程中,偏离了象形、表意的方向,成为一种拼音文字。腓尼基人发明了一种以符号代表发音的全新方式。希腊人采纳了腓尼基人的字幕,在此基础上做出了修改,同时增加了几个字母,到了古罗马时期,罗马人为了控制欧洲,在被征服的殖民地强制传播他们的方块大写体,到来卡罗琳王朝的查理大帝时期大行推广卡罗琳小写新字体,卡洛林小写字体的出现真正奠定了拉丁字母大小写规格的范式,于是形成了我们今天所熟知的大小写并存的拉丁字母。

    罗马人为了控制欧洲,强化语言文字沟通形式的统一,也为了适应欧洲各名族的语言需要,由i派生出J,由V派生出U和W,形成了完整的拉丁字母的web组系统。

    中国的汉字也有相似的发展历程,秦结束了全国四分五裂的状态,形成了中华名族首次大一统的局面,在此之前由于长期分裂以及地狱和名族的差异,造成了语言文字交流上的障碍。在这样的时代背景下,秦始皇决定“一法度衡,石丈尺,车同轨,书同文”篆书便应运而生了,由此我们不难看出文字蕴含了隐性却有巨大的作用。

    英文字体通常按不同的字形来分,根据结构的不同,大致可分为四种类型的字体。

    手写体;

    展示型字体;

    衬线字体;

    无衬线字体;

    衬线字体的字母顶端和字脚处都有衬线,横细笔画粗细对比强烈,整体感觉精致,有历史感。

    无衬线字体指没有衬线的字体,最早的无衬线字体大约出现在2000年前,文森特‘菲吉斯将这种字体称之为“畸形字体”,1832年他在英国尝试了这种字体,这些新字体在美国曾经被称为“粗黑体”

    包豪斯和风格派运动的推动使无衬线字体的运用在世纪年代得到普及,到了1953年,在广告行业最流行的字体排名当中,现代无衬线体排在第一位。与衬线体比较无衬线字体在字母顶端和字脚没有衬线,笔画横竖等粗、流畅简洁,力度感和现代感都很强。

    衬线类

    传统风格字体:笔画粗细对比强烈,有历史感,整体感觉精致。

    埃及体:粗重的衬脚线和均匀遗址的笔画造就了浑厚有力的特点

    无衬线类

    几何无衬线类字体:集合特征明确,笔画粗细一致的无衬线字体。受现代构成主义和包豪斯学派设计理念启发而得来。其中最知名的赫尔维提卡。

    人文主义无衬线类字体:以罗马字体比例维基础的前提下,融合了衬线体特征,是笔画粗细对比最为明显的无衬线字体。

    格罗特斯特体:最早发型的无衬类字体

    新格罗特斯特体:又称过渡时期的无衬线类体,基本上与格罗特斯特字体类似,但字母的开口处往往比格罗特斯特体更加开放。笔画的宽度的对比性也较小。

    无衬线类字体:都有不太明显的笔触对比,非常醒目易读,由于增加了字母的空间间隔,因此会达到像正文字体一样的预期效果。

    20世纪中英文混排情况:20世纪是转型的世纪,越来越多的外文书籍涌入,同时国内中英文混排的书籍也开始出现。20世纪是一个分水岭,从这时候起中英文混排的刊物打来给你开始出现。

    5.阅读的横向与纵向

    在人类的早期文献中,纵向编排是一种普遍的版面样式,古埃及人记录在纸草上的大量图文版面就采用了这种纵向的文字样式。在进入印刷时代以后,中国的印刷版面长期以来都延续了这种纵向排列特征,而西方版面则普遍采用了横向的文字编排样式。

    在20世纪初期的报刊书籍中,汉字的阅读顺序主要还是沿袭汉字的传统习惯,单行的从上到下,横列的从右往左。而遇到中文与英文句子混排的情况时,文字阅读方向的处理常常令编辑很头疼,因为,这些问题在当时的中国都是实物前例的。此外,在中国古代的文书中,没有类似现在使用标点符号,只有像“句读”状,类似于标点的东西。例如在汉代出现了句读符号""、 ,许慎《说文解字》中收了此号,解释为“有所绝止,而识之也’。那么句子中有英文出现时,到底应不应该用英文的标点符号?

    由于人的眼睛左右方向视域宽,从人的生理结构考虑,横排比竖排更适合阅读。

    1955年12月,文化部规定使得横排从此成为我国现代出版物的主要排版方式。

    目前在中国,日本和韩国等东亚国家,竖式编排仍有相当规模的存在,这种类型的版面呈现出纵向与横向相结合的趋势。

    6.中文字体与英文字体的共性比较,

    视错觉处理,使不同外形的字的大小一致。

    视觉中心的调整:受心理诉求的影响,视觉中心比几何中心要稍微高一点,所以汉字和英文字母在几何中心的垂直方向偏上方。

    抑左扬右:由于人的生理错觉的原因,在汉字中左右结构对称的字,其左右两边大小不一样, 集中体现在 左密右疏 右促左展 左低右高 左细右粗

    汉字的中宫与英文的X-height:根据埃冰斯视幻觉的理论,博雅宋采用了中宫放松的设计理论,在有限空间里加大字面,增强了字体的视觉诉求力。在一个特定的方框里,适当的加大中间的空间,缩小四周边缘的空间,使字面加大,增加了字体的可视范围,从而使之更加醒目易读。

    在中英文匹配时,可参考中宫的大小和高度,选择视觉上比例相近的字体。

    通常情况下,古典字体高度较小,无衬线字体高度较大。

    英文中,X高度达的字体可以使用相对小的行距.X高度小的字体,由于字母上下边缘会相应变长,容易在视觉上形成上下排之间笔画错乱之感,因此需要适当的增加行距。

    汉字行距和字体的视觉高度有关,中宫小的汉字在视觉上更紧密,所以也应设置较宽的行距。

    X高度较大的英文字体和中宫较大的中文字体,应该设置较窄的行距。

    汉字讲究的是中心、重心对齐,在排版设计中多以中线作为文字是否对齐的参考线。比如在学习书法时,我们都会先到田字格中做练习,要求每个字写在正中间的位置,一行文字沿中间横向虚线对齐,这就是中线对齐(田字格、米字格、九宫格)

    从字身来看,拉丁字母字身高度一般只有汉字的二分之三,而因为英文有下升部分,在中英文横排时,如何英文基线和汉字字面下线处于同一水平线上时,英文就会给人往下沉的感觉。所以在中英文的横排中,通常会将中文字高的80%与英文的基线高度一致。同时可将英文的位置稍稍提高,与汉字的视觉中线相一致,帮助阅读者的视线自然流畅的运动,但是由于大写字母上没有上升和下降部分因此无需向上调,否则会显得太高。

    7.笔画影响排版

    在同一字号下英文往往更易识别一些,由于相差悬殊,笔画多的汉字会显得比英文颜色重。这种差别,使得中英文混排时,难免出现许多黑点或者白点,容易产生版面上中灰度轻重不一样的现象。

    中英文混排时最基本的目标是尽可能的让版面均匀。可以选择一种笔画和灰度都比较深的英文字体。

    标准的阿拉伯数字的外形与英文大写字母近似。当汉字与阿拉伯数字一起排列时,应将汉字写的比阿拉伯数字高些,因为数字的笔画少,内白大,易显大。在中英文混排时,汉字一般应高出数字十分之一左右。在包含有数字、英文、汉字的文本中,通常阿拉伯数字所用的字体要与英文的字体保持一致,并且要将输入法切换成半角。

    中英文混排时的这些问题,可以通过增加英文字号和X高度,选择具有磅值变化的英文字体或者改变中文字间距等方式调节。

    方正兰亭黑的英文字体不错,较大的X高度在大小上与汉字匹配得很完美,适宜的字母高度正好位于汉字的视觉中心线上,避免了中英文混排时已出现的不齐和版面中的视觉凹凸感

    8.字母间距

    字距直接影响到阅读的效果和版面的形式美感

    汉字横竖等宽,并且横排竖排都可以,字距通常都是等分处理。英文字母由于其线形的特征,只能横排,因此字母高度一致,而字母的宽度却有所不同,大致分:4:4(M)、4:3(A)、    4:2(S)、4:1(I)由于不同的宽度的字母所占的空间各不相同,它们需要的字母间距也是不一样的,其中方形字母字距最大,圆形次之、三角形最小。此外英文字母的字距间隔应根据字母的外形做相应的调节,如M、H等外白空间小的字母字距加倍;外白空间大的字母如I、J的字距则减少。

    英文常规上必须从左到右排列以准确地调整空间的均衡。如果一种字体中的每个字母,无论字母的形状宽窄,字母间距都平均而统一设定,那么,它们在视觉上法尔看起来不够统一。因为间隙是出现在字母的周围,而字母的形状各异,有些会有角度突出或者是形成一个开放空间,如字母:A\V等周围本来就有相当的空白区域,字母间距的设定应相对的减少。同时字母之间的空白区域会随着字号的变大而扩大,字母的间距的设定也应相对减少。同时,字母之间的空白区域会随着字号的变大而扩大,比如随着“rub”一词的变大,u和b之间的距离也就更为明显,因此在处理大字母时,需要微调字距。

    一般意义上,文字字距的设置标准时让读者在阅读字行的过程中能够基本忽略文字的空间间隔和个体词汇的存在,这样可以让文字的意义和阅读连贯性得到良好的体现。

    9.词间距

    TimeNewRoman与宋体搭配、Arial与黑体搭配

    10.怎样匹配中英文字体

    字体设计不仅仅是对字体的创新设计,也是对已有字体的正确运用。

    通过对不同的中英文字体各自的功能用途、历史发展、笔画特点和共有的特征多加了解、比照,是实现中英文并置时和谐的一种重要途径。

    (想想这个字体来表达什么?不同字体,功能不同。考虑它们所服务的一些实际的目标或用途;

    考虑字体的历史背景,文化内涵,目的就是要找到一种字体风格,使之与某个设计项目中的社会情景以及文字内容相符;

    在外形特征上是字体匹配最常用的一种手法,字体外形特征带给人的是整体的第一印象;字体字形特征主要包括笔画风格、横细竖粗对比等外观因素)一套上乘的印刷字体笔形风格应该做到协调、规范、统一、美观。字体的笔画细节是决定字体功能的主要因素,因为,外形特征会对字体的功能产生影响。

    ————衬线有助于辨别字符个体和增加读者眼睛阅读的连续性。因为水平走向的衬线符合人们的阅读方向,而拉丁字母中横向笔画很少,大部分都是竖向或者倾斜的笔画,大量上下走向的笔画会给人一种冲出文字所在横行的感觉,所以笔画首尾的横向衬线可以截住这种竖向的力。

    ————黑白平衡 :文本排版的最理想效果是页面中正文大量的文字形成一块连片状形态,很好的构成一个均匀的灰面 (这样大小不同的文字块面穿插在一起,就不会令阅读过于疲劳。)

    个体清晰、总体协调时版面中对字体的基本要求,混排字体之间可以共同的外形、比例、重量、视觉高度。

    只有字体搭配恰当了才可以阐明内容,让字体为内容说话。

    11.文字编排与网格系统

    网格使所有的设计因素————字体、图片、美术之间协调一致成为可能。

    网格设计就是把秩序引入设计中去的一种方法。

    重视比例感、秩序感、清晰感、时代感、准确性和严密性。

    (是现代版面设计的重要基础,将构成主义和秩序的概念引入到设计之中,源流可以追溯到20世纪20年代的构成主义,完善于50年代的瑞士。运用数字的比例关系,通过严格的计算,把版心划分为无数统一尺寸的网格。将其分为一栏、两栏、三栏以及更多栏,把文字与图片安排与其中,使版面具有一定的节奏变化,产生优美的韵律感。)

    相关文章

      网友评论

        本文标题:版式设计1——中西文文字编排

        本文链接:https://www.haomeiwen.com/subject/bwydxxtx.html