pop手绘字体设计、海报设计

1、LAY OUTPOPPOP手绘字体手绘字体手绘海报设计手绘海报设计宣传部：孙煜皓教学目标：u 知识目标：初步了解制作POP字体设计基础知识和基本方法。u 能力目标：能根据所掌握的制作POP字体设计的基础知识和基本方法自创一幅优美活泼的POP字体设计。u 情感、态度和价值观目标：了解现代字体设计的装饰方法，培养学生欣赏美、发现美、创造美的热情，从而不断提高学生的审美能力。POP手绘字体海报设计手绘字体海报设计ARTLAY OUT2LAY OUT第一部分第一部分POP手绘字体设计手绘字体设计第二部分第二部分手绘海报设计手绘海报设计POP字体和手绘海报字体和手绘海报ARTPOP的发展历史1 POP手

2、绘字体设计2POP手绘海报4外国海报欣赏6POP手绘字体欣赏35手绘海报欣赏LAY OUT2LAY OUT第一部分第一部分POP手绘字体设计手绘字体设计POP的发展历程的发展历程第一部分第一部分 POP这门艺术起源于70年代美国，发展于日本，鼎盛在台湾，流传于大陆。 POP最原始是用在广告设计；是【point of purchase】的简称，被译为【购买时刻】，因此POP广告用在零售店、大卖场内，刺激购买欲，如一张卡片、广告牌等，后来广泛运用于宣传海报或活动主题标示等。 POP笔有软笔和硬笔，软笔是类似水彩笔的广告设计笔，必须使用广告颜料或水彩，硬笔则是常见的马克笔，有圆头和方头两种，并依照字

3、体的大小有不同的型号，建议初学者用硬笔，因为软笔难掌握。u 打格子 u 画字骨 u 临摹 u 脱稿默写 u 创作 POP手绘字体设计手绘字体设计第一部分第一部分【初学者练习书写pop字体的步骤、方法】第一部分第一部分POP手绘字体培训马克笔：分角头（方头）及圆头二种笔头，又分酒精、水性、油性三种溶液的麦克笔。u马克笔的选择圆头马克笔角头（方头）马克笔角头（方头）多用马克笔POP平头马克笔握笔练习第一部分第一部分1、横向握笔的方法，用笔过程为：笔锋与纸 垂直由左至右并保持平稳，即可写出横画。2、纵向（竖笔）笔画。用笔过程为：笔锋与纸面平行由上而下，完成竖画。 在使用马克笔书写时往往会觉得和一般书

4、写时的感觉不同，而马克笔体形较大，笔杆圆粗，初学者抓在手中肯定不适应，在书写时易造成写后出现歪曲或断断续续不连贯的现象，这主要是初学者的握笔姿势不正确或不稳，笔锋与纸面未保持平行的结果。为解决这方面的困扰，建议首先要做握笔练习，根据POP平头笔的特点，握笔方法为：横向和竖向握笔，经过握笔联系，比在手中适应了再开始写字的笔画。 中文有很多“横笔触”和“直笔触”。需要单独进行握笔练习，注意在既定线条范围中，手肘靠在桌面上书写，“横笔触” 由左至右，“直笔触”由上至下，斜笔触亦同。 POP手绘字体培训u 笔画凸出、笔画断裂、残缺笔画、不笔画凸出、笔画断裂、残缺笔画、不整齐笔画、轻飘笔画等整齐笔画、轻

5、飘笔画等,这些笔触在硬笔字体这些笔触在硬笔字体中是不允许出现的中是不允许出现的POP手绘字体设计手绘字体设计第一部分第一部分【运笔技巧】 u3.尽量一笔完成，避免重涂，以免颜色深浅不一、缺乏整体感；u比的整个宽面都要接触到纸，才开始用笔，用笔的速度了力量一致，笔画才会平顺好看。u用笔不要施力过大，否则墨水会晕开来。u用笔时笔杆朝着笔画前进的方向笔杆和纸张成60度夹角。u不是 “写” POP字，而是 “画” POP 字。把字当成图来画！学写POP字体，必须抛弃以前写字的方法！POP手绘字体手绘字体第一部分第一部分用笔的方向书写口诀： 1.运笔方向只有从上至下，从左 至右； 2.笔画只有横竖斜，没

6、有点撇捺； 3.遇口放大，字体扩充； 4.摆脱常用书写顺序和写字习惯； 5.统观全局，灵活布局。 u在纸上点一下,不做停顿匀速写横线、斜线或竖线。注意用笔的受力一定要均匀，否则会出现图片上所示的错误。第一部分第一部分海报设计海报设计对初学者来说，画海报一定要打格子，而且，应该在另外一张纸上打草稿，如此才能知道要写多少东西、版面如何安排才好看。说明性文字尽量一句一行，至少，换行的断句不要断得很奇怪。内容简洁就好，不是在写文章。以最长的句子的字数来计算，每个字可以写多大，其它较短的句子的字要写一样大，多出来的空间就可以做插图。做海报时，要留天地及左右边框，视觉效果较好。画海报要打格子吗？第一部分第

7、一部分POP手绘字体设计手绘字体设计 中国文字大部分是横划较多，所以格子可以画瘦长形，但是像【画】、【幅】等横划实在很多，则在写横划时笔杆不要转向，写出来的字是竖划为宽画、横划为窄面的字型。不过也有例外，像【珊】、【删】有【册】旁的字是竖划很多，如果有用到这些字，就要考虑将格子画宽一些。u写POP字体打格子要画多大？ 我们无法拿大笔去写小格子的字，而拿小笔写太大格子的字也显得单薄，虽然好写，但是却不好看，所以要以笔的型号来决定格子大小。通常是以笔的粗细乘以1215倍为最恰当。u如果格子较小，字可能写不下，怎么办？第一部分第一部分海报设计海报设计u可以画导线来约束第一部分第一部分海报设计海报设计

8、u字体饱满poppop字体之所以给人耳目一新的感觉，主是有别于它结字体之所以给人耳目一新的感觉，主是有别于它结构有别于传统字体，最主要是字体饱满，任何一个构有别于传统字体，最主要是字体饱满，任何一个字体单独出来均是方形的字体单独出来均是方形的, ,实现饱满的主要途径有实现饱满的主要途径有两个两个：扩充扩充1. 结构结构u扩充扩充 扩展字体的某些部分来使字体充实的方法，比入扩展字体的某些部分来使字体充实的方法，比入 “ “中中”字，传统汉字，传统汉字的字的“中中”的四个角均比较空，把的四个角均比较空，把“中中”字的字的“口口”的结构做适当扩的结构做适当扩充，竖的长要变短，这样这个充，竖的长要变短

9、，这样这个“中中”的结构就很饱满，的结构就很饱满，“中中”扩充的扩充的主要思想是做到内空而外不空，保持字体相对于包围它的方框四壁饱主要思想是做到内空而外不空，保持字体相对于包围它的方框四壁饱满。满。u结构结构是是POPPOP单个字体部首之间的比例问题，中国的汉字主要分为独字单个字体部首之间的比例问题，中国的汉字主要分为独字（女），上下（字），左右（的），包围（题）四种简单的结构，进（女），上下（字），左右（的），包围（题）四种简单的结构，进而可分为上中下（草）、左中右（数）、全包围（图）、半包围而可分为上中下（草）、左中右（数）、全包围（图）、半包围（过），其中独体字是最难变化的，也是最难写的

10、，笔画少，如（过），其中独体字是最难变化的，也是最难写的，笔画少，如“少少”“”“女女”，能写上下顶格，左右碰壁很难。，能写上下顶格，左右碰壁很难。上下左右结构的字，做到笔画少的部分比例也少，比花朵的部分比例上下左右结构的字，做到笔画少的部分比例也少，比花朵的部分比例则大，比例与笔画成正比。则大，比例与笔画成正比。包围结构的字，如包围结构的字，如“这这”偏旁笔画较少，可以写成包围的结构，但是偏旁笔画较少，可以写成包围的结构，但是“题题”这要的字部首笔画很多，可以当左右结构的字来写这要的字部首笔画很多，可以当左右结构的字来写。POP手绘字体设计手绘字体设计第一部分第一部分u部首的书写第一部分第一

11、部分POP手绘字体设计手绘字体设计POP手绘字体手绘字体第一部分第一部分Pop字体欣赏字体欣赏第一部分第一部分Pop字体欣赏字体欣赏第一部分第一部分Pop字体欣赏字体欣赏第一部分第一部分第一部分第一部分Pop手绘字体设计手绘字体设计u卡通幼圆体字u 笔画倾斜处理：u 同向、异向u 将偏旁部首缩小、缩短：u 注：改变笔画少的部分u 头大脚小的处理：u 使其具有趣味效果u “口”型的各种处理：u 注：在组合中使用同种“口”型，有统 一感POP卡通体书写原则（在POP手写体基础上）：Pop字体欣赏字体欣赏第一部分第一部分u卡通幼圆体字Pop字体欣赏字体欣赏第一部分第一部分u软笔POP字体Pop字体欣

12、赏字体欣赏第一部分第一部分u软笔软笔POPPOP字体字体Pop字体欣赏字体欣赏第一部分第一部分u软笔软笔POPPOP字体字体第一部分第一部分POP手绘字体设计手绘字体设计u字体装饰u1主标题主标题 一般控制在一般控制在3到到5字之间，兩到三种修饰手法，主标题是手绘字之间，兩到三种修饰手法，主标题是手绘POP 的重心，最的重心，最能刺激阅读者的视觉，所以一定要醒目清晰易阅读。能刺激阅读者的视觉，所以一定要醒目清晰易阅读。u2、副标题、副标题 副标题是解释和说明性的文字，四到六个字以内，修饰手法一到两种，较主副标题是解释和说明性的文字，四到六个字以内，修饰手法一到两种，较主标题字要小，颜色比主标题

13、要少，不能喧宾夺主。标题字要小，颜色比主标题要少，不能喧宾夺主。u3、正文、正文 正文不需要修饰，字号比例较小，特殊内容重点变化色彩和字号。正文不需要修饰，字号比例较小，特殊内容重点变化色彩和字号。u4、插图、插图 插图在海报中不是主插图在海报中不是主体，起到：体，起到：1 1调节画面的色彩调节画面的色彩2 2调节画面的平衡调节画面的平衡3 3解释说明主标题解释说明主标题4 4活跃广告活跃广告的的气氛气氛第一部分第一部分POP手绘字体设计手绘字体设计u字体装饰Pop字体欣赏字体欣赏第一部分第一部分案例中文字体的设计，要使其字行平稳统一，合乎美的原则，除了各种基中文字体的设计，要使其字行平稳统一

14、，合乎美的原则，除了各种基本笔画要写的端正规矩，变化的当外，最主要的是充分了解字体各部本笔画要写的端正规矩，变化的当外，最主要的是充分了解字体各部分结构和部首偏旁的配置。才能使得点画相应，间架均齐，而成为一分结构和部首偏旁的配置。才能使得点画相应，间架均齐，而成为一套使用美观的字。套使用美观的字。行距手绘行距手绘POP字体一半分为字体一半分为3/4至至1/4字位最实用，字体编排需顾到它字位最实用，字体编排需顾到它的的“动线动线”及及“导线导线”。手绘手绘POP使用铅笔画底线，再来描绘字，才会美观，字与字之间不可使用铅笔画底线，再来描绘字，才会美观，字与字之间不可有太大的距离，才有紧凑感，手绘有

15、太大的距离，才有紧凑感，手绘POP广告说明文字，如横式排，正广告说明文字，如横式排，正常以常以“左右无间距，上下有行间左右无间距，上下有行间”的原则来描绘。的原则来描绘。第一部分第一部分POP手绘字体设计手绘字体设计Pop字体欣赏字体欣赏第一部分第一部分Pop字体欣赏字体欣赏第一部分第一部分Pop字体欣赏字体欣赏第一部分第一部分Pop字体欣赏字体欣赏第一部分第一部分LAY OUT2LAY OUT第二部分第二部分POP海报设计海报设计1 明确主题2 分开副主题3 群化（组织化）4 暧昧给人不安的感觉5 整理流向6空白是主题的领地7 抵制四角8 利用版心线海报版式设计造形八原则海报版式设计造形八原

16、则POP手绘字体设计手绘字体设计第二部分第二部分两个步骤提高造形效果造形效果造形效果原稿步骤1选择样式步骤2调整形态调整形态调整形态第二部分第二部分完成造形后，会产生怎样的效果？按照招工启示广告的制作顺序，观察其效果。首先，写出必要的项目进行整理。扩大“招工”的字样，将重要的信息框起来，造成差别。第一步骤，参考第一部分，先提高视觉度。加入音符和吉他的插图，使人一目了然是什么职业的广告，完成样式。与原稿比较增加了趣味性。第二步骤是整理“形”，也就是对造形的挑战。调整文字的大小和位置，扩大空白，尽量缩小无关紧要的文字，将重点聚拢在一起。整体印象变得十分工整。调整形态调整形态第二部分第二部分原稿：写

17、出必要的项目步骤1：选择样式提高视觉度步骤2：调整形态整洁化有信赖感的形态有信赖感的形态例：能吸引应征者的招聘广告版面A图的版面是实际刊载的，公司和电话号码为假代。B是造型整理后的结果，十分工整。原稿A是日常能看到的招聘广告，能看出所下的工夫。但遵守第二部分调整形态原则进行改造，就焕然一新。AB调整形态调整形态第二部分第二部分做了哪些修改呢？五处修改阶段阶段1 样式样式=提高视觉度提高视觉度阶段阶段2 造形造形=提高完成度提高完成度突出主题，调整空白原稿想要表达的内容很多，却重点模糊1将职种和公司名作为重点。2加入插图提高视觉度。人物后加入太阳（活力的象征）为背景“表现，安定、新鲜、起点”的印

18、象。3其它的辅助文字尽量缩小。4形成更多空白。这里形成的空白是调整形态的基础。5广告版面分为职种和公司名两大部分，中间用空白隔开。（群化的效果）AB调整形态调整形态第二部分第二部分明确主题明确主题明确想要传达的信息内容，它具有什么样的属性，它是做什么的？目的是什么？为什么而做？如何来表达？这些都是我们做设计之前需要考虑的问题。前期的思考完成后我们就需要找出需要突出的核心信息点，并使版面空间变的整洁、易懂、易读。（指信息的编排有组织）避免辅助信息吃掉核心信息部分。在我们设计的过程中一定要对信息进行审视，要有主次之分，次要的信息一定是围绕主题进行展开。调整形态调整形态第二部分第二部分1.明确主题明

19、确主题明确主题明确主题广告版面上挤满了信息。广告主题“一流饭店”却置在留白中。将主题“一流饭店”扩大。其他文字缩小两圈，增加了空白量，更突出了“一流饭店”的主要地位。调整形态调整形态第二部分第二部分1.明确主题明确主题明确主题明确主题以两张名片为例，了解“明确主题”和整洁化之间的关系。左边的名片表达很多信息，显得很烦琐。信息表达应亲切，但太过烦乱使人难懂。抵制次要部分整洁版面表现过于活力、亲切，形成烦琐混乱的名片。突出表现了主题“姓名”。其他的要素都尽量缩小，控制了行数。调整形态调整形态第二部分第二部分1.明确主题明确主题明确主题明确主题抵制次要部分整洁版面想要传达的信息过多，无论如何都很复杂

20、。虽然下了很大工夫，但看上去仍然很烦琐。应尽量突出主题。主题以外的文字，全部缩小，尽可能控制在一行之内。主题“名字”周围尽量留出空白。名字底下的线条是这张名片的特征，故保留原样。调整形态调整形态第二部分第二部分1.明确主题明确主题明确主题明确主题明确主题增加安定感依相同大小形状排列，体现轻松快感，但没有条理。将一个或两个作为主题放大，稳定整体。其他的各种形态也相应地引人注意。调整形态调整形态第二部分第二部分1.明确主题明确主题明确主题明确主题明确主题增加安定感试着放大商品的照片。人物照片像添加物一样，商品照片也失去了趣味性。商品照片是隐藏的主题，人物照片成为外观上吸引读者的主题。但是，商品的照

21、片就显得不起眼了。高度隐藏主题的手法在杂志广告中，对主题的配置需要特别的考虑。这个广告最想要吸引人的当然是商品。但是，只将商品放大，就不会有人看。调整形态调整形态第二部分第二部分1.明确主题明确主题明确主题增加安定感扩大空白量，能看到实际主题。商品照片虽然很小，但是因为有很大的空白，所以突出了适合主题的强度。人物向右的发型，将读者的目光引导向隐藏主题商品。高度隐藏主题的手法调整形态调整形态第二部分第二部分1.明确主题明确主题分开副主题分开副主题分开副主题激活两者例：舞台上的人物不固定在中央位置，分散到左右，才能让人联想下面的动作，使全体都生动有力。在回忆达芬奇的最后的晚餐，如果犹太人坐在耶稣的

22、邻座，就形成了没有动感的构图。主角和配角应在一定程度上分开配置。这幅图中最引人注意的是T恤的插图，所以这是主角。其次是夏天的慰问这篇文章。稍微分开，就有稍微分开，就有了风的流动了风的流动原稿的下方空白过多了。只要将副主题夏天的慰问下移，就能使全体充满动感。调整形态调整形态第二部分第二部分2.分开副主题分开副主题分开副主题分开副主题分开副主题，激活整体版面两张照片靠得太近，虽有迫力感，但也有不平衡的感觉。照片分开到两边，形成工整的版面。调整形态调整形态第二部分第二部分2.分开副主题分开副主题调整形态调整形态第二部分第二部分分开副主题分开副主题分开副主题，激活整体版面调整形态调整形态第二部分第二部

23、分2.分开副主题分开副主题分开副主题分开副主题调整形态调整形态第二部分第二部分2.分开副主题分开副主题3.群化（组织化）群化（组织化）abcdabcd未群化未群化群化群化调整形态调整形态第二部分第二部分3.群化（组织化）群化（组织化）未群化给人混乱的感觉群化不能半途而废。如有文章和照片只群化了一半，读者就像触摸到没檫干净的桌子一样。标题空间和各种文字原稿放在一起，显得混杂。群化那些地方才能改善呢？完成群化，整理空白，能体现良好的氛围。调整形态调整形态第二部分第二部分3.群化（组织化）群化（组织化）调整形态调整形态第二部分第二部分3.群化（组织化）群化（组织化）不要让读者产生困惑明确行间的空隙最

24、容易出现暧昧的是行与行、照片和说明文之间。这也是群化的一种。靠近上一行形成组合，分开就形成另一个组合。处在中间的状态就会读者产生困惑。调整形态调整形态第二部分第二部分4.暧昧给人不安的感觉暧昧给人不安的感觉不要让读者产生困惑比较左右两组文字，差别很难察觉。这个原则是所有原则中最难察觉的要素。但是“暧昧”是必须去除的。调整形态调整形态第二部分第二部分4.暧昧给人不安的感觉暧昧给人不安的感觉调整形态调整形态第二部分第二部分4.暧昧给人不安的感觉暧昧给人不安的感觉调整形态调整形态第二部分第二部分4.暧昧给人不安的感觉暧昧给人不安的感觉下端照片的左端没有对齐上端照片。下端照片的左端与上一张照片一致，显

25、得很工整。调整形态调整形态第二部分第二部分4.暧昧给人不安的感觉暧昧给人不安的感觉调整形态调整形态第二部分第二部分5.整理流向整理流向小画面的流向简洁化我们看版面的时候，视线总会有流向。画家在考虑构图时，必须思考这个要素，在广告制作中也是很重要的。应该在吸引读者的目光，及引导视线这些方面下工夫。调整形态调整形态第二部分第二部分调整形态调整形态第二部分第二部分5.整理流向整理流向版面中手风琴的局部以文字进行取代，形成与手风琴统一的流向。从而突出想要表达的信息点。调整形态调整形态第二部分第二部分调整形态调整形态第二部分第二部分调整形态调整形态第二部分第二部分调整形态调整形态第二部分第二部分调整形态调整形态第二部分第二部分调整形态调整形态第二部分第二部分调整形态调整形态第二部分第二部分调整形态调整形态第二部分第二部分调整形态调整形态第二部分第二部分5.整理流向整理流向调整形态调整形态第二部分第二部分调整形态调整形态第二部分第二部分调整形态调整形态第二部分第二部分调整形