平面创意字体设计教程PPT课件

1、何谓“创意”？第1页/共215页创意字体设计第2页/共215页创意字体设计第3页/共215页创意字体设计创意创意也许创意本身就是一个“怪结”，没人能将它解开，它也没有一个真正意义上的诠释和定义，但可以肯定的是：创意决不是一般意义上的摹仿、重复、循规蹈矩。好的创意应该是逃出庐山之外的思路，超越自我，超越常规的引导。第4页/共215页何谓“字体设计”？第5页/共215页创意字体设计语言是传达思想感情的媒介，而文字则是记录语言的符号，前者表“音”，后者表“形”。“音音” “形形” “义义” 就构成了文字的三要素。文字是利用形体，通过声音来表达意义的，不仅在文字是利用形体，通过声音来表达意义的，不仅在

2、乎形，而且追求美感。乎形，而且追求美感。 字体设计字体设计第6页/共215页创意字体设计汉字创意设计汉字创意设计第7页/共215页 将汉字赋予灵感和联想跃然纸上的设计，使之既不失去汉字的可读性，又形象化地传递一个完整的概念，让人们得到一个新的联想和新的感受。第8页/共215页创意字体设计一一 .汉字的三大特点汉字的三大特点方块字方块字望文生义望文生义依形联想依形联想形声字形声字第9页/共215页创意字体设计二二 .汉字创意设计的基本规律汉字创意设计的基本规律第10页/共215页创意字体设计1.由简单到复杂由简单到复杂第11页/共215页创意字体设计第12页/共215页创意字体设计第13页/共2

3、15页创意字体设计第14页/共215页创意字体设计第15页/共215页创意字体设计2.由象征到象形由象征到象形第16页/共215页创意字体设计第17页/共215页创意字体设计第18页/共215页创意字体设计第19页/共215页创意字体设计第20页/共215页创意字体设计第21页/共215页创意字体设计3.由笔画到图像由笔画到图像时第22页/共215页创意字体设计网第23页/共215页创意字体设计吸第24页/共215页创意字体设计多第25页/共215页创意字体设计虎第26页/共215页创意字体设计街第27页/共215页创意字体设计福第28页/共215页创意字体设计壶第29页/共215页创意字体设

4、计三三 .汉字创意设计的设计方法汉字创意设计的设计方法第30页/共215页创意字体设计1.形声形声形声字是汉字的主要特征，声符与形符相结合形声字是汉字的主要特征，声符与形符相结合声符声符表音表音 形符形符表意表意 汉字最主要的造字方法汉字最主要的造字方法第31页/共215页创意字体设计和第32页/共215页创意字体设计蟹第33页/共215页创意字体设计瓶第34页/共215页创意字体设计嘘第35页/共215页创意字体设计扣第36页/共215页创意字体设计2.加强与减弱加强与减弱使文字的含义更生动，内涵更丰富，给人以更使文字的含义更生动，内涵更丰富，给人以更加鲜明的印象。加鲜明的印象。加强加强不等

5、于添加，并不是每种文字都适合，只不等于添加，并不是每种文字都适合，只有在和文字本身有某种内在联系时，才能得到有在和文字本身有某种内在联系时，才能得到文字含义的加强效果，使文字的内涵得到发挥。文字含义的加强效果，使文字的内涵得到发挥。第37页/共215页创意字体设计第38页/共215页创意字体设计第39页/共215页创意字体设计第40页/共215页创意字体设计第41页/共215页创意字体设计第42页/共215页创意字体设计第43页/共215页创意字体设计减弱减弱就是和字义有联系的缺笔少画。就是和字义有联系的缺笔少画。第44页/共215页创意字体设计第45页/共215页创意字体设计第46页/共21

6、5页创意字体设计第47页/共215页创意字体设计第48页/共215页创意字体设计第49页/共215页创意字体设计第50页/共215页创意字体设计第51页/共215页创意字体设计3.添加添加充分表达事物形态，增加视觉传递效果。充分表达事物形态，增加视觉传递效果。在不影响文字笔画的前提下，加进去与文字有在不影响文字笔画的前提下，加进去与文字有关联的形象。关联的形象。这类方法在广告中经常使用。这类方法在广告中经常使用。第52页/共215页创意字体设计第53页/共215页创意字体设计第54页/共215页创意字体设计第55页/共215页创意字体设计第56页/共215页创意字体设计第57页/共215页创意

7、字体设计第58页/共215页创意字体设计第59页/共215页创意字体设计第60页/共215页创意字体设计第61页/共215页创意字体设计第62页/共215页创意字体设计第63页/共215页创意字体设计第64页/共215页创意字体设计第65页/共215页创意字体设计第66页/共215页创意字体设计第67页/共215页创意字体设计第68页/共215页创意字体设计第69页/共215页创意字体设计第70页/共215页创意字体设计第71页/共215页创意字体设计第72页/共215页创意字体设计第73页/共215页创意字体设计第74页/共215页创意字体设计第75页/共215页创意字体设计4.虚与实虚与实

8、虚实结合。虚实结合。文字的笔画为实，笔画之间的空间为虚，利用文字的笔画为实，笔画之间的空间为虚，利用文字的空间赋予一定的形象，这样可以扩展设文字的空间赋予一定的形象，这样可以扩展设计空间，在更大的领域里开发思维的积极性。计空间，在更大的领域里开发思维的积极性。第76页/共215页创意字体设计第77页/共215页创意字体设计第78页/共215页创意字体设计第79页/共215页创意字体设计第80页/共215页创意字体设计第81页/共215页创意字体设计第82页/共215页创意字体设计第83页/共215页创意字体设计5.错觉错觉利用思维概念的延伸性和眼睛的残象错觉，利用思维概念的延伸性和眼睛的残象错

9、觉，使两个表面不完整的文字却表达出使两个表面不完整的文字却表达出一个完整的概念。一个完整的概念。要求被遮挡的部分恰当好处，使文字的要求被遮挡的部分恰当好处，使文字的创意增加浓厚的情趣。创意增加浓厚的情趣。第84页/共215页创意字体设计第85页/共215页创意字体设计第86页/共215页创意字体设计第87页/共215页创意字体设计第88页/共215页创意字体设计第89页/共215页创意字体设计第90页/共215页创意字体设计第91页/共215页创意字体设计第92页/共215页创意字体设计6.穿插与共用穿插与共用词组之间笔画相互词组之间笔画相互穿插借用穿插借用，借字与字之间，借字与字之间的紧密联

10、系，表达词组的内涵的共用空间，使的紧密联系，表达词组的内涵的共用空间，使文字相互联系的含义文字相互联系的含义更加紧密更加紧密，更生动更生动，因而更深刻的揭示了词义。因而更深刻的揭示了词义。第93页/共215页创意字体设计第94页/共215页创意字体设计第95页/共215页创意字体设计第96页/共215页创意字体设计第97页/共215页创意字体设计第98页/共215页创意字体设计第99页/共215页创意字体设计7.会意会意有些汉字是很难用形象的办法进行创意。有些汉字是很难用形象的办法进行创意。要求设计者对事物进行观察和理解，将自己的感受要求设计者对事物进行观察和理解，将自己的感受换成一定的形象符

11、号传达出来。换成一定的形象符号传达出来。这种符号是自己的头脑和心灵的产生，在客观自然这种符号是自己的头脑和心灵的产生，在客观自然中很难寻觅，所以会使人耳目一新，又倍感亲切。中很难寻觅，所以会使人耳目一新，又倍感亲切。第100页/共215页创意字体设计第101页/共215页创意字体设计第102页/共215页创意字体设计第103页/共215页创意字体设计第104页/共215页创意字体设计第105页/共215页创意字体设计第106页/共215页创意字体设计第107页/共215页创意字体设计第108页/共215页创意字体设计第109页/共215页创意字体设计第110页/共215页创意字体设计第111页

12、/共215页创意字体设计第112页/共215页创意字体设计三三 .成语的创意设计成语的创意设计第113页/共215页创意字体设计构思构思1.在一个图像符号中必须有两个文字或一字一图在一个图像符号中必须有两个文字或一字一图的组合。的组合。2.其中必须有一个字是成语的主题。其中必须有一个字是成语的主题。3.对成语的构思只限于字面意思。对成语的构思只限于字面意思。第114页/共215页创意字体设计第115页/共215页创意字体设计第116页/共215页创意字体设计第117页/共215页创意字体设计第118页/共215页创意字体设计第119页/共215页创意字体设计第120页/共215页创意字体设计第

13、121页/共215页创意字体设计四四 .创意字体设计创意字体设计在平面设计中的应用在平面设计中的应用第122页/共215页创意字体设计第123页/共215页创意字体设计第124页/共215页创意字体设计第125页/共215页创意字体设计第126页/共215页创意字体设计第127页/共215页创意字体设计第128页/共215页创意字体设计第129页/共215页创意字体设计第130页/共215页创意字体设计第131页/共215页创意字体设计第132页/共215页创意字体设计第133页/共215页创意字体设计第134页/共215页创意字体设计第135页/共215页创意字体设计第136页/共215页创

14、意字体设计第137页/共215页创意字体设计第138页/共215页创意字体设计第139页/共215页创意字体设计第140页/共215页创意字体设计第141页/共215页创意字体设计第142页/共215页创意字体设计第143页/共215页创意字体设计第144页/共215页创意字体设计第145页/共215页创意字体设计第146页/共215页创意字体设计第147页/共215页创意字体设计第148页/共215页创意字体设计第149页/共215页创意字体设计第150页/共215页创意字体设计第151页/共215页创意字体设计第152页/共215页作业要求第153页/共215页作业要求：第154页/共21

15、5页作业要求：第155页/共215页作业要求：第156页/共215页版面设计精品教程版面设计精品教程第157页/共215页第一节 版面设计基础版面设计 版面设计基础主要是指版式设计的基本准则，是根据美的准则，把一些设计要素合理地编排进页面空间之中，所以也可以称作为规格和页面空间的管理。 版式设计的主要目的是展示视觉化的和文字性的信息，使读者能够轻松获取所有的信息，达到与书的充分交流。一个优秀的版式设计可以将复杂的信息编排得十分合理，以便于读者迅速找到其所需要的内容。 版式设计主要解决了设计工作中常出现的实用性与审美性的需求。概念概念第158页/共215页对媒体运用的调研对媒体运用的调研对客户与

16、产品的调研对客户与产品的调研对客户、产品所处对客户、产品所处的市场环境调研的市场环境调研对目标消费者的调研对目标消费者的调研版面设计前期工作第159页/共215页版面设计的三大要素文 字图 形三大三大要素要素色 彩第160页/共215页文字中文字体英文字体第161页/共215页第162页/共215页图一、摄影照片1、退底第163页/共215页合成第164页/共215页打散重构第165页/共215页影调第166页/共215页虚实第167页/共215页局部与特写质感与特效第168页/共215页图形1、手绘图形第169页/共215页抽象图形第170页/共215页卡通漫画第171页/共215页色彩色相

17、纯度明度第172页/共215页主色调的识别性主色调的应变性主色调主色调主色调的复色把握确定主色调第173页/共215页第174页/共215页第175页/共215页第二节 视觉流程第176页/共215页一、建立视觉流程方式利用视觉习惯建立视觉流程第177页/共215页利用视觉中心建立视觉流程第178页/共215页利用对比建立视觉流程1、加强主次对象的大小对比2、加大主体形象的周围的空白以此强化主体形象3、加强主次对象之间的色彩对比，一般多利用明度与纯度对比4、加强主次在形态上、方向上的对比5、熟悉控制文字的各种属性以及各属性之间的对比关系第179页/共215页利用呼应建立视觉流程第180页/共2

18、15页第181页/共215页利用群组建立视觉流程第182页/共215页第183页/共215页二、视觉流程的种类单一视觉流程第184页/共215页斜向视觉流程第185页/共215页曲线视觉流程第186页/共215页导向视觉流程第187页/共215页第188页/共215页散点视觉流程第189页/共215页三、版面编排的基本类型第190页/共215页骨骼型分割型第191页/共215页对称型第192页/共215页第193页/共215页第194页/共215页重复型第195页/共215页第196页/共215页满版型第197页/共215页重心型第198页/共215页边框型第199页/共215页四、版面编排设计原理n比例n节奏n对比n均衡n调和n秩序n虚实版面编排设计语言第200页/共215页2、版面编排设计的原则n引人注目，阅读方便n形式简洁，整体统一n树立形象，展现个