《文字设计的原理》读书笔记ppt课件.pptx

《《文字设计的原理》读书笔记ppt课件.pptx》由会员分享，可在线阅读，更多相关《《文字设计的原理》读书笔记ppt课件.pptx（45页珍藏版）》请在三一办公上搜索。

1、,文字,设计的原理,日伊达千代 & 内藤孝彦 著悦知文化 译,文字设计所必需的最新信息和技巧,type,BASICDESIGN,2,目录,Step1Step2Step3Step4,认识文字,文字与意向,容易阅读的文字组合,做出美观的版面,文字与设计构成文字的要素西方语系字体东方语系字体字体的变化,Step1,认识文字,文字与图像设计有着紧密的关联性，因此，要将它们视为一体来认识,文字设计具有轻松改变整体感觉的能力。为了能够在设计中具备灵活应用字体的能力，就必须了解各种与文字相关的知识才行,使用黑体和宋体给人实在、诚实的印象，但没有办法传达出度假村疗养效果的感觉,试试针对亚洲的异国风情和女性目标

2、选择适合的字体,是不是马上和前面的印象不一样呢？借由文字的设计整体气氛都大大改变了！,文字与设计,永,理解文字首先要认识文字的构成元素中每个部位及其名称,只有考虑到文字的相关构造，才能理解每种字体的的特色所在,构成文字的要素,Mbxy,上缘线大写字母线中间线基线下缘线X高,He,He,X高,O,0,字腔,虚拟框,字面,骨架：文字的基本线条胸线小：文字整齐匀称，窄小萎缩胸线大：字体开阔，具有现代感,西方语系,东方语系,骨架,胸线,被称为“衬线体”的字体的特点，是字形笔画前端有像是爪形的装饰,在衬线体中，历史最悠久的就是古罗马时期的石碑上刻画而成，别名“罗马体”（roman)这种字体兼具传统气息和

3、容易阅读的特点，经常被使用与正文、标题的基本字体,西方语系字体衬线体,HEART,HEART,HEART,支架衬线体,发丝型衬线体,板状衬线体,没有衬线的字体，称为“无衬线体”,衬线体中也有笔画线条均等的字型，无衬线体与笔画粗细无关，指的是没有衬线的字体,西方语系字体无衬线体,Image,Image,Image,g 的外形特别外形粗壮有力展现出古典风格,理性几何图形给人冷静的印象没有多余的装饰,优美线条明快轻巧现代、典雅、简洁,古典无衬线体,现代无衬线体,温暖的无衬线体,除了衬线体和无衬线体之外的其他字体,西方语系字体其他字体,gothic,gothic,gothic,gothic,gothi

4、c,gothic,gothic,gothic,gothic,gothic,gothic,竖线粗、横线细，并加上名为“鳞”的装饰，这种字体称为“宋体”,根据所要传达的结果，选择适合的宋体,东方语系字体宋体,花,宋体,新宋体,花,花,花,华文宋体,华文中宋,花,仿宋,传统型宋体：像用笔书写出来的，给人沉重印象现代型宋体：线条像几何形效果，缺乏温暖感中间型宋体：取两者所长,其他宋体,宋体分类,横线与竖线宽度几乎相同的东方语系字体，称为“黑体”,同时使用传统型黑体和现代型黑体，会产生既复古又现代，既轻快又厚重的感觉，容易造成阅读混乱,东方语系字体黑体,木,木,胸线较小线条并非单纯的直线充满怀旧的感觉,

5、胸线较大给人明快放开的感觉同时给人机械般的冰冷感,传统型黑体,现代型黑体,除了宋体与黑体以外的其他字体,东方语系字体其他字体,楷书,行楷,行书,隶书,幼园,汉仪南宫体,方正静蕾体,疾风草书,毛笔行书,彩云,呐喊体,九宫,瘦金,同一种字体设计中，有粗细或宽度不同的变化，称之为“字体家族”,字体的变化,Elegant,GREAT,Nobody knows,腰线指文字的粗细程度，许多字体都具备两种以上的腰线来做变化,衬线体的斜体字非常具有速度的动感效果,宽度较宽的文字给人压迫感，宽度较窄的文字给人轻快的感觉,宽度,粗细,正斜,Nobody knows,RING,Elegant,RING,G R E

6、A T,在字体之中，按照文字的重量、角度或宽度等变化而有数种不同的字体,高级感与传统感亲近感与柔和感未来性与先进性怀旧与复古华丽感与装饰性传统文化,Step2,文字与意向,严谨感与信耐感自然感与手工感精致的印象力道与冲击力纤细与美丽,高级感与传统感,文字的优美曲线与其周边的空间，营造出高级与传统的氛围,Luxury,Luxury,西文字体，衬线体比无衬线体有格调,以史为鉴,以史为鉴,东方语系，宋体感觉比黑体高雅,窈窕淑女君子好逑,手写字体，尤其是毛笔字体竖排最能体现历史效果,诚信,诚信,字体周围留有空间，字号不要太大，无彩色(灰黑),给人强烈的信赖感,衬线体和宋体比无衬线体和黑体更为历史悠久，

7、并为人们长期所用,亲近感与柔和感,没有边角的圆形，带给读者一种亲近的感觉,文字的亲近感与柔和感,文字的亲近感与柔和感,线条纤细，前段尖锐的直线型设计给人危险难以靠近的印象,线条粗大，前端浑圆的文字，不会让人感觉到紧张，富有易于亲近和柔和感,文字的亲近感与柔和感,HAPPY？,采用类似于手写的字体，能更进一步让人觉得，易于亲近，有生命力的温暖,背景采用冷色系会呈现出冰冷、生硬的印象；最好能采用暖色系，别让颜色对比过于强烈,HAPPY？,无论是自然界中还是人工制品，尖锐细长的会感觉到危险；圆滑的则给人“安心感”但是浑圆的文字也会给人“孩子气”“轻浮”的感觉，不适用于着重信赖感的作品,未来性与先进性

8、,有规则性如图形般的文字，会让人感受出新颖和科技感,Future,Future,eternity,eternity,文字的构成要素越单纯未来性、先进性的印象就越强。无衬线体胜过衬线体，黑体胜过宋体,让文字构成要素更加单纯，当作图形来使用，更能加强未来性的印象,不断让文字单纯化，就会让文章变得不容易阅读，要考虑用途及想要表现的意向之间的平衡,使用过多颜色，先进的印象户变得淡薄；建议活用黑色或灰色这类无彩色，采取少色的配色方式,怀旧与复古,文字设计有其流行性，可以反映出时代的风貌,DESIGN,DESIGN,一般来说，富有“怀旧”感的文字，其特色具有手写字的温暖及柔和,罗马字体是从古罗马时代一直沿

9、用至今的一种古典设计文字,哥特体是由钢笔的草写体演化而来，给人又黑又重的印象,华丽感与装饰性,装饰性高的文字，有引入注目的效果,江湖情怀,HEAVY,为了吸引目光，广告牌和海报总是以粗大的文字呈现，这是东方和欧美共同的文化,HAPPY,CAT,从藤蔓、叶子、羽毛、花朵等自然物中获取构思，加入文字，可以营造优美华丽的气氛,以“图”来设计文字，将是否易读的想法暂搁一旁，从视觉来说能带来不小冲击,CAT,picture,传统文化,要让人感到传统文化，非竖排的毛笔字莫属,这五种文字设计，便是书法的根本。就设计感来说，能强烈感受到传统文化的字体是楷书、行书、草书,给人古朴的印象的配色，减少鲜艳的颜色，避

10、免太过亮眼的色调,草书,篆书,隶书,行书,楷书,毛笔字,白日依山尽黄河入海流欲穷千里目更上一层楼,配合运笔而省略笔画的行书和草书，是以竖排为前提而设计，最好不要使用横向的排列方式,毛笔字,严谨感与信耐感,将标准的文字设计作宽松的搭配，借此增加其信耐感,愉悦且充满现代感的文字设计，在吸引目光上有很高的效果，但却很难让人有信赖感,要塑造出严谨和值得信赖的印象，东方语系采用宋体，西方语系则采用衬线体,乘上信赖之翼翱翔,自然感与手工感,手写的文字，会让人感觉到手的温度与肤触的温柔,比起有棱有角的设计，圆滑的文字给人印象比较温柔。另外文字之间的距离最好宽松一些,比起方方正正的状态，有点歪斜反而能提升手工

11、感,要更加感觉自然，还得靠手写字体,精致的印象,想营造出精致的印象时，文字的配置方式比采用何种字体更重要,无衬线体比衬线体利落；细体字比粗体字利落,不论使用何种配置的文字，若配置过于拥挤，整体设计看起来并感觉沉闷、土气,将字号调小，极力缩减字数，配置要素力求简练，尽可能留白，这样便有精致的感觉,refine,refine,力道与冲击力,将粗线条、有棱有角的文字放大排版，能呈现出力道,比起纤细的文字，粗线条的文字较能呈现出力道；越采用直线型字体越能呈现坚硬的意向,比起衬线体和宋体，无衬线体和黑体更能显得出力道,文字若是黑色，不管背景是何种颜色，力道相似；若背景是黑色，文字应选用白色,文字距离拉开

12、给人松散的感觉，要给人紧张感就尽可能紧缩文字间距,IMPACT,IMPACT,SHOCK,SHOCK,力,力,力,力,F,I,G,H,T,FIGHT,纤细与美丽,细腻、有生命力的曲线，呈现出纤细之美,在东方语系中，可使用线条纤细的字体，如宋体；想给人流畅的印象，可使用行书或草书,在西方语系中，可使用线条纤细的衬线体；若使用钢笔字的手写体更能强调纤细感,年轻女性喜好较为圆滑可爱的文字；至于商业类和学习，则是要求线条更为锐利的设计,流畅的字体,流畅的字体,delicate,delicate,Lovely,TIGHTLY,何为容易阅读的文字编排字号边界行长和分栏行距,Step3,容易阅读的文字组合,

13、视觉的导向接近和远离内容和字体的关系对比,何谓容易阅读的文字编排,为了让文字容易阅读，有了许多的规则,容易阅读,容易看,容易理解,版型,文字方向,字体,字号,边界,行长、分栏、栏距,行距,要一次整理出所有文字组合的要素是很困难的；依照左图的顺序一步步的做好，就能排出容易阅读的文章,字号,容易阅读的字号，会根据文字的目的、作用、读者对象而改变,标题部分,正文部分,补充部分,字号依照大标题、小标题、副标题、引言的顺序逐渐变小,正文字号依据阅读对象的年龄来变化,补充说明部分，像专栏、批注和照片说明等要素，基本上比正文字号更小,边界,“边界”，不仅能帮助阅读，也会左右人们对页面的印象,1,2,3,4,

14、4,1,3,2,1,订口,切口,天头,地脚,2,3,4,狭窄的边界，信息量多，适合给人热闹感觉的杂志、宣传册和传单,宽广的边界，会产生高雅的高级感，非常适合名牌的宣传册等刊物,行长与分栏,为了要让长篇文章容易阅读，必须设定适当的行长与分栏,行长,栏,栏,栏距,行长行长过长难以阅读，35-55mm视线移动距离短，也容易阅读,栏当一行太长的时候，可分割成几个栏,栏距比页边距窄，若太窄则会难以阅读，最好是大于正文的两个字左右的宽度,行距,行距的空隙大小，是为让人感受到文章的“间隔”的重点,行距,行高,标题标题部分是视觉焦点，要求产生强烈的效果，行距设为“0”，文字不会重叠,正文行距一般设为半个字到一

15、个字的尺寸，有些字体很大或很粗，稍微扩大行距,说明注释补充性文字要比正文字号小，行长也短，行距设为一个字的1/41/2,视觉的导向,随着实现自然流动来配置版面，就会让文字变得容易阅读,横排,竖排,热闹,依照视线的流畅移动排版而形成的版面配置，是很标准的容易阅读的配置这种规则的排版，会单调缺乏变化传单和休闲类杂志会故意打乱顺序，营造欢乐氛围,视线移动方向,接近和远隔,使关系强的文字接近，内容相异的文字远离的配置,Creative Director,Lee Simon,Studio U235.N.Y.,S.U.A,simonu235.xxx,Art Director,John Walter,Wal

16、ter Design Tokyo, Japan,walterfdo.xx.jp,毫无章法的配置这些文字，版面会变得杂乱难以阅读,统一文字的位置和间距，虽然变得较容易阅读，但却无法理解文字之间的关系,将内容紧密的文字放在一起成为一组，将其余文字隔开，让彼此的关系变得明确,Creative Director,Lee Simon,Studio U235.N.Y.,S.U.A,simonu235.xxx,Art Director,John Walter,Walter Design Tokyo, Japan,walterfdo.xx.jp,Creative Director,Lee Simon,Stud

17、io U235.N.Y.,S.U.A,simonu235.xxx,Art Director,John Walter,Walter Design Tokyo, Japan,walterfdo.xx.jp,接近和远离，不仅局限于文字、照片与文字、照片与照片等，其在各式各样的情况都会出现,内容和字体的关系,如果选用适合文章内容的字体，由视觉角度来看，整体印象也变得容易传达,文字,Font,文字,文字,Font,Font,文字,Font,文字,文字,Font,Font,文字,Font,文字,文字,Font,Font,想要营造传统可信赖及高级感时，可以使用宋体、楷书、行书等，或可以使用衬线体和传统的手写

18、体,想要营造都会感和时尚的气氛，可以使用黑体和无衬线体。字体的宽度不同，给人的印象也会发生变化,想要营造出亲切和热闹快乐的氛围时，可以使用如手写般的字体，或是运用装饰手法般的字体,对比,给文字加点适度变化，整个版面就能显现出强弱节奏，也让人容易阅读,改变文字本身设定的方法，长、宽、字体及色彩等,文字本身不变化，改变组合方法产生对比，如留白空间、加横线、改变行长和对齐方式等,对比的目的是强调出重要的文字，使其不会埋没与版面中若强调过多反而不协调，根据需求考虑对比强度，需要仔细把握,方法一,方法二,字号对比重量对比色彩对比节奏材质立体紧排,Step4,做出美观的版面,宽排方向性着重点阴影边线与外框

19、拟态裁切,字号对比,将文字的字号加以变化，是强调文字最基本的手法,重量对比,把字的重量加以变化，版面也会产生强弱的差别,所谓“重量”是指文字的线条粗细,相同字号文字，可以借由字的重量变化来表现强弱,线条粗感觉沉重，有存在感，线条细感觉轻巧,helvetica,helvetica,Design Rulesof,Typography,weight,weight,字体对比,在字体上添加变化，可以让读者心中感觉到传达者的在“在意”,将部分文字改用其他字体，会让读者感到异样感，这种异样感是聚集目光的重点,相近的字体效果不太明显，变换字体时，请使用给人感觉完全不同的字体,即使差异明显的字体，线条细时不会有

20、太大差异，请一种使用粗线，或都使用粗线,字体对比适合使用在内容对立的字词或文章上，不同字体产生的“异样感”，更可以产生鲜明的对比,赤,黑,stairway,To Seven,stairway,To Seven,色彩对比,若要强调某一部分时，改变文字颜色是极为有效的方法,autumn,autumn,上方的autumn配色给人夏天的感觉，下方配色有秋意的感觉,没有明度差视认性差(上)，有明度差，视认性高(下),文字用前进色，看起来就会上浮；用后退色就会变得不太显眼,protrude,protrude,在单张图片上使用较多色彩时，将色调统一，会有整体和谐感,autumn,autumn,HAPPY,n

21、ew,year,2014,2013,前进色：暖色色调：鲜艳程度与明度的组合,节奏,在版面上创造出节奏，那个部分就会成为目光的焦点,完全按照规则，正确排列文字时，显得整齐而易于阅读，但感受不到律动，给人单调而无趣的印象,改变部分文字的大小，一旦字体、粗细和色彩有所变动，版面就会产生“节奏感”给人有趣的印象,想要更具动态的表现节奏感，需要花点心思，改变排列角度，横排换竖排，文字放大超出版面等，注意留下一定的“静止”部分,材质,在文字上使用“材质”，可以获得戏剧化的效果,将材质感运用的到文字上，可以传达出该种素材材质所具有的感觉,与没有材质感的相比，使文字具有立体感，更能引入注目,运用有材质感的文字

22、，可以与背景照片或图片一体化呈现,木,SOLID,SOLID,sea,立体,与平面事物相比，人的眼睛更容易被立体物品所吸引,就算使用相同色彩、相同字体，立体文字与非立体文字，受人瞩目的程度也大不相同,表现立体时，使用一种名为“远近法”手法。设定一个或两个消失点，借此表现远近感,立体物品具有立体感，受光的地方明亮，不受光的地方产生阴影，可以用光来表现质感,立体化的表现已经十分具有刺激性，再加上鲜艳的色彩，可能会产生低俗的印象,紧排/宽排/方向性,紧排,极端紧缩文字间隔，可以制造出紧张感与密度感,challenge,challenge,challenge,beautiful,宽排,beautiful,beautiful,在字距之中留出空隙，可以展现轻松柔和的空间感,方向性,让文字有特定的方向，可以提高人们对该篇文章的注意力,STOP！,着重点/阴影/边线与外框,着重点,只要稍微加上少许的着重点，就可以为版面带来有张力的效果,fine,shadow,阴影,阴影能让文字看起来立体化，产生突显效果,边线与外框,边线或外框可以让文字形成区块，看起来力道强劲,fence,shadow,fence,拟态/裁切,拟态,TYPES OF CANDY,让文字看起来像某些东西，可以让人强烈感受到其蕴含的意义,裁切,将文字大胆裁切，可以表现出规模感与跃动感,