《文字设计的原理》

文字设计的原理[日]伊达千代&内藤孝彦著悦知文化译——文字设计所必需的最新信息和技巧PPT制作：@文淦PPT-rangertypeBASICDESIGN2指导老师：@秋叶目录Step1Step2Step3Step4认识文字文字与意向容易阅读的文字组合做出美观的版面•文字与设计•构成文字的要素•西方语系字体•东方语系字体•字体的变化Step1认识文字Step1认识文字44文字与图像设计有着紧密的关联性，因此，要将它们视为一体来认识文字设计具有轻松改变整体感觉的能力。为了能够在设计中具备灵活应用字体的能力，就必须了解各种与文字相关的知识才行使用黑体和宋体给人实在、诚实的印象，但没有办法传达出度假村疗养效果的感觉试试针对亚洲的异国风情和女性目标选择适合的字体是不是马上和前面的印象不一样呢？借由文字的设计整体气氛都大大改变了！文字与设计Step1认识文字55永理解文字首先要认识文字的构成元素中每个部位及其名称只有考虑到文字的相关构造，才能理解每种字体的的特色所在构成文字的要素Mbxy上缘线大写字母线中间线基线下缘线X高HeHeX高O0字腔虚拟框字面骨架：文字的基本线条胸线小：文字整齐匀称，窄小萎缩胸线大：字体开阔，具有现代感西方语系东方语系骨架胸线Step1认识文字66被称为“衬线体”的字体的特点，是字形笔画前端有像是爪形的装饰在衬线体中，历史最悠久的就是古罗马时期的石碑上刻画而成，别名“罗马体”（roman)这种字体兼具传统气息和容易阅读的特点，经常被使用与正文、标题的基本字体西方语系字体——衬线体HEARTHEARTHEART支架衬线体发丝型衬线体板状衬线体Step1认识文字77没有衬线的字体，称为“无衬线体”衬线体中也有笔画线条均等的字型，无衬线体与笔画粗细无关，指的是没有衬线的字体西方语系字体——无衬线体ImageImageImageg的外形特别外形粗壮有力展现出古典风格理性几何图形给人冷静的印象没有多余的装饰优美线条明快轻巧现代、典雅、简洁古典无衬线体现代无衬线体温暖的无衬线体Step1认识文字88除了衬线体和无衬线体之外的其他字体西方语系字体——其他字体gothicgothicgothicgothicgothicgothicgothicgothicgothicgothicgothicStep1认识文字99竖线粗、横线细，并加上名为“鳞”的装饰，这种字体称为“宋体”根据所要传达的结果，选择适合的宋体东方语系字体——宋体花宋体新宋体花花花华文宋体华文中宋花仿宋传统型宋体：像用笔书写出来的，给人沉重印象现代型宋体：线条像几何形效果，缺乏温暖感中间型宋体：取两者所长其他宋体宋体分类Step1认识文字1010横线与竖线宽度几乎相同的东方语系字体，称为“黑体”同时使用传统型黑体和现代型黑体，会产生既复古又现代，既轻快又厚重的感觉，容易造成阅读混乱东方语系字体——黑体木木胸线较小线条并非单纯的直线充满怀旧的感觉胸线较大给人明快放开的感觉同时给人机械般的冰冷感传统型黑体现代型黑体Step1认识文字1111除了宋体与黑体以外的其他字体东方语系字体——其他字体楷书行楷行书隶书幼园汉仪南宫体方正静蕾体疾风草书毛笔行书彩云呐喊体九宫瘦金Step1认识文字1212同一种字体设计中，有粗细或宽度不同的变化，称之为“字体家族”字体的变化ElegantGREATNobodyknows腰线指文字的粗细程度，许多字体都具备两种以上的腰线来做变化衬线体的斜体字非常具有速度的动感效果宽度较宽的文字给人压迫感，宽度较窄的文字给人轻快的感觉宽度粗细正斜NobodyknowsRINGElegantRINGGREAT在字体之中，按照文字的重量、角度或宽度等变化而有数种不同的字体•高级感与传统感•亲近感与柔和感•未来性与先进性•怀旧与复古•华丽感与装饰性•传统文化Step2文字与意向•严谨感与信耐感•自然感与手工感•精致的印象•力道与冲击力•纤细与美丽Step2文字与意向1414高级感与传统感文字的优美曲线与其周边的空间，营造出高级与传统的氛围LuxuryLuxury西文字体，衬线体比无衬线体有格调以史为鉴以史为鉴东方语系，宋体感觉比黑体高雅窈窕淑女君子好逑手写字体，尤其是毛笔字体竖排最能体现历史效果诚信诚信字体周围留有空间，字号不要太大，无彩色(灰黑),给人强烈的信赖感衬线体和宋体比无衬线体和黑体更为历史悠久，并为人们长期所用Step2文字与意向1515亲近感与柔和感没有边角的圆形，带给读者一种亲近的感觉文字的亲近感与柔和感文字的亲近感与柔和感线条纤细，前段尖锐的直线型设计给人危险难以靠近的印象线条粗大，前端浑圆的文字，不会让人感觉到紧张，富有易于亲近和柔和感文字的亲近感与柔和感HAPPY？采用类似于手写的字体，能更进一步让人觉得，易于亲近，有生命力的温暖背景采用冷色系会呈现出冰冷、生硬的印象；最好能采用暖色系，别让颜色对比过于强烈HAPPY？无论是自然界中还是人工制品，尖锐细长的会感觉到危险；圆滑的则给人“安心感”但是浑圆的文字也会给人“孩子气”“轻浮”的感觉，不适用于着重信赖感的作品Step2文字与意向1616未来性与先进性有规则性如图形般的文字，会让人感受出新颖和科技感FutureFutureeternityeternity文字的构成要素越单纯未来性、先进性的印象就越强。无衬线体胜过衬线体，黑体胜过宋体让文字构成要素更加单纯，当作图形来使用，更能加强未来性的印象不断让文字单纯化，就会让文章变得不容易阅读，要考虑用途及想要表现的意向之间的平衡使用过多颜色，先进的印象户变得淡薄；建议活用黑色或灰色这类无彩色，采取少色的配色方式Step2文字与意向1717怀旧与复古文字设计有其流行性，可以反映出时代的风貌DESIGNDESIGN一般来说，富有“怀旧”感的文字，其特色具有手写字的温暖及柔和罗马字体是从古罗马时代一直沿用至今的一种古典设计文字哥特体是由钢笔的草写体演化而来，给人又黑又重的印象Step2文字与意向1818华丽感与装饰性装饰性高的文字，有引入注目的效果江湖情怀HEAVY为了吸引目光，广告牌和海报总是以粗大的文字呈现，这是东方和欧美共同的文化HAPPYCAT从藤蔓、叶子、羽毛、花朵等自然物中获取构思，加入文字，可以营造优美华丽的气氛以“图”来设计文字，将是否易读的想法暂搁一旁，从视觉来说能带来不小冲击CATpictureStep2文字与意向1919传统文化要让人感到传统文化，非竖排的毛笔字莫属这五种文字设计，便是书法的根本。就设计感来说，能强烈感受到传统文化的字体是楷书、行书、草书给人古朴的印象的配色，减少鲜艳的颜色，避免太过亮眼的色调草书篆书隶书行书楷书毛笔字白日依山尽黄河入海流欲穷千里目更上一层楼配合运笔而省略笔画的行书和草书，是以竖排为前提而设计，最好不要使用横向的排列方式毛笔字Step2文字与意向2020严谨感与信耐感将标准的文字设计作宽松的搭配，借此增加其信耐感愉悦且充满现代感的文字设计，在吸引目光上有很高的效果，但却很难让人有信赖感要塑造出严谨和值得信赖的印象，东方语系采用宋体，西方语系则采用衬线体乘上信赖之翼翱翔Step2文字与意向2121自然感与手工感手写的文字，会让人感觉到手的温度与肤触的温柔比起有棱有角的设计，圆滑的文字给人印象比较温柔。另外文字之间的距离最好宽松一些比起方方正正的状态，有点歪斜反而能提升手工感要更加感觉自然，还得靠手写字体Step2文字与意向2222精致的印象想营造出精致的印象时，文字的配置方式比采用何种字体更重要无衬线体比衬线体利落；细体字比粗体字利落不论使用何种配置的文字，若配置过于拥挤，整体设计看起来并感觉沉闷、土气将字号调小，极力缩减字数，配置要素力求简练，尽可能留白，这样便有精致的感觉refinerefineStep2文字与意向2323力道与冲击力将粗线条、有棱有角的文字放大排版，能呈现出力道比起纤细的文字，粗线条的文字较能呈现出力道；越采用直线型字体越能呈现坚硬的意向比起衬线体和宋体，无衬线体和黑体更能显得出力道文字若是黑色，不管背景是何种颜色，力道相似；若背景是黑色，文字应选用白色文字距离拉开给人松散的感觉，要给人紧张感就尽可能紧缩文字间距IMPACTIMPACTSHOCKSHOCK力力力力FIGHTFIGHTStep2文字与意向2424纤细与美丽细腻、有生命力的曲线，呈现出纤细之美在东方语系中，可使用线条纤细的字体，如宋体；想给人流畅的印象，可使用行书或草书在西方语系中，可使用线条纤细的衬线体；若使用钢笔字的手写体更能强调纤细感年轻女性喜好较为圆滑可爱的文字；至于商业类和学习，则是要求线条更为锐利的设计流畅的字体流畅的字体delicatedelicateLovelyTIGHTLY•何为容易阅读的文字编排•字号•边界•行长和分栏•行距Step3容易阅读的文字组合•视觉的导向•接近和远离•内容和字体的关系•对比Step3容易阅读的文字组合2626何谓容易阅读的文字编排为了让文字容易阅读，有了许多的规则容易阅读容易看容易理解版型文字方向字体字号边界行长、分栏、栏距行距要一次整理出所有文字组合的要素是很困难的；依照左图的顺序一步步的做好，就能排出容易阅读的文章Step3容易阅读的文字组合2727字号容易阅读的字号，会根据文字的目的、作用、读者对象而改变标题部分正文部分补充部分字号依照大标题、小标题、副标题、引言的顺序逐渐变小正文字号依据阅读对象的年龄来变化补充说明部分，像专栏、批注和照片说明等要素，基本上比正文字号更小Step3容易阅读的文字组合2828边界“边界”，不仅能帮助阅读，也会左右人们对页面的印象123441321订口切口天头地脚234狭窄的边界，信息量多，适合给人热闹感觉的杂志、宣传册和传单宽广的边界，会产生高雅的高级感，非常适合名牌的宣传册等刊物Step3容易阅读的文字组合2929行长与分栏为了要让长篇文章容易阅读，必须设定适当的行长与分栏行长栏栏栏距行长行长过长难以阅读，35-55mm视线移动距离短，也容易阅读栏当一行太长的时候，可分割成几个栏栏距比页边距窄，若太窄则会难以阅读，最好是大于正文的两个字左右的宽度Step3容易阅读的文字组合3030行距行距的空隙大小，是为让人感受到文章的“间隔”的重点行距行高标题标题部分是视觉焦点，要求产生强烈的效果，行距设为“0”，文字不会重叠正文行距一般设为半个字到一个字的尺寸，有些字体很大或很粗，稍微扩大行距说明注释补充性文字要比正文字号小，行长也短，行距设为一个字的1/4~1/2Step3容易阅读的文字组合3131视觉的导向随着实现自然流动来配置版面，就会让文字变得容易阅读横排竖排热闹依照视线的流畅移动排版而形成的版面配置，是很标准的容易阅读的配置这种规则的排版，会单调缺乏变化传单和休闲类杂志会故意打乱顺序，营造欢乐氛围视线移动方向Step3容易阅读的文字组合3232接近和远隔使关系强的文字接近，内容相异的文字远离的配置CreativeDirectorLeeSimonStudioU235.N.Y.,[e-mail]WalterDesignTokyo,[e-mail]毫无章法的配置这些文字，版面会变得杂乱难以阅读统一文字的位置和间距，虽然变得较容易阅读，但却无法理解文字之间的关系将内容紧密的文字放在一起成为一组，将其余文字隔开，让彼此的关系变得明确CreativeDirectorLeeSimonStudioU235.N.Y.,[e-mail]WalterDesignTokyo,[e-mail]onStudioU235.N.Y.,[e-mail]WalterDesignTokyo,[e-mail]接近和远离，不仅局限于文字、照片与文字、照