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

LAYOUT POP手绘字体手绘海报设计 宣传部 孙煜皓 教学目标 知识目标 初步了解制作POP字体设计基础知识和基本方法 能力目标 能根据所掌握的制作POP字体设计的基础知识和基本方法自创一幅优美活泼的POP字体设计 情感 态度和价值观目标 了解现代字体设计的装饰方法 培养学生欣赏美 发现美 创造美的热情 从而不断提高学生的审美能力 POP手绘字体海报设计 ART LAYOUT 2 LAYOUT 第一部分 POP手绘字体设计 第二部分 手绘海报设计 POP字体和手绘海报 ART 手绘海报欣赏 LAYOUT 2 LAYOUT 第一部分 POP手绘字体设计 POP的发展历程 第一部分 POP这门艺术起源于70年代美国 发展于日本 鼎盛在台湾 流传于大陆 POP最原始是用在广告设计 是 pointofpurchase 的简称 被译为 购买时刻 因此POP广告用在零售店 大卖场内 刺激购买欲 如一张卡片 广告牌等 后来广泛运用于宣传海报或活动主题标示等 POP笔有软笔和硬笔 软笔是类似水彩笔的广告设计笔 必须使用广告颜料或水彩 硬笔则是常见的马克笔 有圆头和方头两种 并依照字体的大小有不同的型号 建议初学者用硬笔 因为软笔难掌握 打格子画字骨临摹脱稿默写创作 POP手绘字体设计 第一部分 初学者练习书写pop字体的步骤 方法 第一部分 POP手绘字体培训 马克笔 分角头 方头 及圆头二种笔头 又分酒精 水性 油性三种溶液的麦克笔 马克笔的选择 圆头马克笔 角头 方头 马克笔 角头 方头 多用马克笔 POP平头马克笔握笔练习 第一部分 1 横向握笔的方法 用笔过程为 笔锋与纸垂直由左至右并保持平稳 即可写出横画 2 纵向 竖笔 笔画 用笔过程为 笔锋与纸面平行由上而下 完成竖画 在使用马克笔书写时往往会觉得和一般书写时的感觉不同 而马克笔体形较大 笔杆圆粗 初学者抓在手中肯定不适应 在书写时易造成写后出现歪曲或断断续续不连贯的现象 这主要是初学者的握笔姿势不正确或不稳 笔锋与纸面未保持平行的结果 为解决这方面的困扰 建议首先要做握笔练习 根据POP平头笔的特点 握笔方法为 横向和竖向握笔 经过握笔联系 比在手中适应了再开始写字的笔画 中文有很多 横笔触 和 直笔触 需要单独进行握笔练习 注意在既定线条范围中 手肘靠在桌面上书写 横笔触 由左至右 直笔触 由上至下 斜笔触亦同 POP手绘字体培训 笔画凸出 笔画断裂 残缺笔画 不整齐笔画 轻飘笔画等 这些笔触在硬笔字体中是不允许出现的 POP手绘字体设计 第一部分 运笔技巧 3 尽量一笔完成 避免重涂 以免颜色深浅不一 缺乏整体感 比的整个宽面都要接触到纸 才开始用笔 用笔的速度了力量一致 笔画才会平顺好看 用笔不要施力过大 否则墨水会晕开来 用笔时笔杆朝着笔画前进的方向笔杆和纸张成60度夹角 不是 写 POP字 而是 画 POP字 把字当成图来画 学写POP字体 必须抛弃以前写字的方法 POP手绘字体 第一部分 用笔的方向 书写口诀 1 运笔方向只有从上至下 从左至右 2 笔画只有横竖斜 没有点撇捺 3 遇口放大 字体扩充 4 摆脱常用书写顺序和写字习惯 5 统观全局 灵活布局 在纸上点一下 不做停顿匀速写横线 斜线或竖线 注意用笔的受力一定要均匀 否则会出现图片上所示的错误 第一部分 海报设计 对初学者来说 画海报一定要打格子 而且 应该在另外一张纸上打草稿 如此才能知道要写多少东西 版面如何安排才好看 说明性文字尽量一句一行 至少 换行的断句不要断得很奇怪 内容简洁就好 不是在写文章 以最长的句子的字数来计算 每个字可以写多大 其它较短的句子的字要写一样大 多出来的空间就可以做插图 做海报时 要留天地及左右边框 视觉效果较好 画海报要打格子吗 第一部分 POP手绘字体设计 中国文字大部分是横划较多 所以格子可以画瘦长形 但是像 画 幅 等横划实在很多 则在写横划时笔杆不要转向 写出来的字是竖划为宽画 横划为窄面的字型 不过也有例外 像 珊 删 有 册 旁的字是竖划很多 如果有用到这些字 就要考虑将格子画宽一些 写POP字体打格子要画多大 我们无法拿大笔去写小格子的字 而拿小笔写太大格子的字也显得单薄 虽然好写 但是却不好看 所以要以笔的型号来决定格子大小 通常是以笔的粗细乘以12 15倍为最恰当 如果格子较小 字可能写不下 怎么办 第一部分 海报设计 可以画导线来约束 第一部分 海报设计 字体饱满 pop字体之所以给人耳目一新的感觉 主是有别于它结构有别于传统字体 最主要是字体饱满 任何一个字体单独出来均是方形的 实现饱满的主要途径有两个 扩充结构 扩充扩展字体的某些部分来使字体充实的方法 比入 中 字 传统汉字的 中 的四个角均比较空 把 中 字的 口 的结构做适当扩充 竖的长要变短 这样这个 中 的结构就很饱满 中 扩充的主要思想是做到内空而外不空 保持字体相对于包围它的方框四壁饱满 结构是POP单个字体部首之间的比例问题 中国的汉字主要分为独字 女 上下 字 左右 的 包围 题 四种简单的结构 进而可分为上中下 草 左中右 数 全包围 图 半包围 过 其中独体字是最难变化的 也是最难写的 笔画少 如 少 女 能写上下顶格 左右碰壁很难 上下左右结构的字 做到笔画少的部分比例也少 比花朵的部分比例则大 比例与笔画成正比 包围结构的字 如 这 偏旁笔画较少 可以写成包围的结构 但是 题 这要的字部首笔画很多 可以当左右结构的字来写 POP手绘字体设计 第一部分 部首的书写 第一部分 POP手绘字体设计 POP手绘字体 第一部分 Pop字体欣赏 第一部分 Pop字体欣赏 第一部分 Pop字体欣赏 第一部分 第一部分 Pop手绘字体设计 卡通幼圆体字 笔画倾斜处理 同向 异向将偏旁部首缩小 缩短 注 改变笔画少的部分头大脚小的处理 使其具有趣味效果 口 型的各种处理 注 在组合中使用同种 口 型 有统一感 POP卡通体书写原则 在POP手写体基础上 Pop字体欣赏 第一部分 卡通幼圆体字 Pop字体欣赏 第一部分 软笔POP字体 Pop字体欣赏 第一部分 软笔POP字体 Pop字体欣赏 第一部分 软笔POP字体 第一部分 POP手绘字体设计 字体装饰 1主标题一般控制在3到5字之间 兩到三种修饰手法 主标题是手绘POP的重心 最能刺激阅读者的视觉 所以一定要醒目清晰易阅读 2 副标题副标题是解释和说明性的文字 四到六个字以内 修饰手法一到两种 较主标题字要小 颜色比主标题要少 不能喧宾夺主 3 正文正文不需要修饰 字号比例较小 特殊内容重点变化色彩和字号 4 插图插图在海报中不是主体 起到 1调节画面的色彩2调节画面的平衡3解释说明主标题4活跃广告的气氛 第一部分 POP手绘字体设计 字体装饰 Pop字体欣赏 第一部分 案例 中文字体的设计 要使其字行平稳统一 合乎美的原则 除了各种基本笔画要写的端正规矩 变化的当外 最主要的是充分了解字体各部分结构和部首偏旁的配置 才能使得点画相应 间架均齐 而成为一套使用美观的字 行距手绘POP字体一半分为3 4至1 4字位最实用 字体编排需顾到它的 动线 及 导线 手绘POP使用铅笔画底线 再来描绘字 才会美观 字与字之间不可有太大的距离 才有紧凑感 手绘POP广告说明文字 如横式排 正常以 左右无间距 上下有行间 的原则来描绘 第一部分 POP手绘字体设计 Pop字体欣赏 第一部分 Pop字体欣赏 第一部分 Pop字体欣赏 第一部分 Pop字体欣赏 第一部分 LAYOUT 2 LAYOUT 第二部分 POP海报设计 1明确主题 2分开副主题 3群化 组织化 4暧昧给人不安的感觉 5整理流向 6空白是主题的领地 7抵制四角 8利用版心线 海报版式设计造形八原则 POP手绘字体设计 第二部分 两个步骤提高造形效果 造形效果 原稿 步骤1选择样式 步骤2调整形态 调整形态 第二部分 完成造形后 会产生怎样的效果 按照招工启示广告的制作顺序 观察其效果 首先 写出必要的项目进行整理 扩大 招工 的字样 将重要的信息框起来 造成差别 第一步骤 参考第一部分 先提高视觉度 加入音符和吉他的插图 使人一目了然是什么职业的广告 完成样式 与原稿比较增加了趣味性 第二步骤是整理 形 也就是对造形的挑战 调整文字的大小和位置 扩大空白 尽量缩小无关紧要的文字 将重点聚拢在一起 整体印象变得十分工整 调整形态 第二部分 原稿 写出必要的项目 步骤1 选择样式 提高视觉度 步骤2 调整形态 整洁化 有信赖感的形态 例 能吸引应征者的招聘广告版面 A图的版面是实际刊载的 公司和电话号码为假代 B是造型整理后的结果 十分工整 原稿A是日常能看到的招聘广告 能看出所下的工夫 但遵守第二部分调整形态原则进行改造 就焕然一新 A B 调整形态 第二部分 做了哪些修改呢 五处修改 阶段1样式 提高视觉度 阶段2造形 提高完成度 突出主题 调整空白 原稿想要表达的内容很多 却重点模糊 1将职种和公司名作为重点 2加入插图提高视觉度 人物后加入太阳 活力的象征 为背景 表现 安定 新鲜 起点 的印象 3其它的辅助文字尽量缩小 4形成更多空白 这里形成的空白是调整形态的基础 5广告版面分为职种和公司名两大部分 中间用空白隔开 群化的效果 A B 调整形态 第二部分 明确主题 明确想要传达的信息内容 它具有什么样的属性 它是做什么的 目的是什么 为什么而做 如何来表达 这些都是我们做设计之前需要考虑的问题 前期的思考完成后我们就需要找出需要突出的核心信息点 并使版面空间变的整洁 易懂 易读 指信息的编排有组织 避免辅助信息吃掉核心信息部分 在我们设计的过程中一定要对信息进行审视 要有主次之分 次要的信息一定是围绕主题进行展开 调整形态 第二部分 1 明确主题 明确主题 广告版面上挤满了信息 广告主题 一流饭店 却置在留白中 将主题 一流饭店 扩大 其他文字缩小两圈 增加了空白量 更突出了 一流饭店 的主要地位 调整形态 第二部分 1 明确主题 明确主题 以两张名片为例 了解 明确主题 和整洁化之间的关系 左边的名片表达很多信息 显得很烦琐 信息表达应亲切 但太过烦乱使人难懂 抵制次要部分整洁版面 表现过于活力 亲切 形成烦琐混乱的名片 突出表现了主题 姓名 其他的要素都尽量缩小 控制了行数 调整形态 第二部分 1 明确主题 明确主题 抵制次要部分整洁版面 想要传达的信息过多 无论如何都很复杂 虽然下了很大工夫 但看上去仍然很烦琐 应尽量突出主题 主题以外的文字 全部缩小 尽可能控制在一行之内 主题 名字 周围尽量留出空白 名字底下的线条是这张名片的特征 故保留原样 调整形态 第二部分 1 明确主题 明确主题 明确主题增加安定感 依相同大小形状排列 体现轻松快感 但没有条理 将一个或两个作为主题放大 稳定整体 其他的各种形态也相应地引人注意 调整形态 第二部分 1 明确主题 明确主题 明确主题增加安定感 试着放大商品的照片 人物照片像添加物一样 商品照片也失去了趣味性 商品照片是隐藏的主题 人物照片成为外观上吸引读者的主题 但是 商品的照片就显得不起眼了 高度隐藏主题的手法 在杂志广告中 对主题的配置需要特别的考虑 这个广告最想要吸引人的当然是商品 但是 只将商品放大 就不会有人看 调整形态 第二部分 1 明确主题 明确主题增加安定感 扩大空白量 能看到实际主题 商品照片虽然很小 但是因为有很大的空白 所以突出了适合主题的强度 人物向右的发型 将读者的目光引导向隐藏主题商品 高度隐藏主题的手法 调整形态 第二部分 1 明确主题 分开副主题 分开副主题激活两者 例 舞台上的人物不固定在中央位置 分散到左右 才能让人联想下面的动作 使全体都生动有力 在回忆达芬奇的 最后的晚餐 如果犹太人坐在耶稣的邻座 就形成了没有动感的构图 主角和配角应在一定程度上分开配置 这幅图中最引人注意的是T恤的插图 所以这是主角 其次是 夏天的慰问 这篇文章 稍微分开 就有了风的流动 原稿的下方空白过多了 只要将副主题 夏天的慰问 下移 就能使全体充满动感 调整形态 第二部分 2 分开副主题 分开副主题 分开副主题 激活整体版面 两张照片靠得太近 虽有迫力感 但也有不平衡的感觉 照片分开到两边 形成工整的版面 调整形态 第二部分 2 分开副主题 调整形态 第二部分 分开副主题 分开副主题 激活整体版面 调整形态 第二部分 2 分开副主题 分开副主题 调整形态 第二部分 2 分开副主题 3 群化 组织化 未群化 群化 调整形态 第二部分 3 群化 组织化 未群化给人混乱的感觉 群化不能半途而废 如有文章和照片只群化了一半 读者就像触摸到没檫干净的桌子一样 标题空间和各种文字原稿放在一起 显得混杂 群化那些地方才能改善呢 完成群化 整理空白 能体现良好的氛围 调整形态 第二部分 3 群化 组织化 调整形态 第二部分 3 群化 组织化 不要让读者产生困惑 明确行间的空隙 最容易出现暧昧的是行与行 照片和说明文之间 这也是群化的一种 靠近上一行形成组合 分开就形成另一个组合 处在中间的状态就会读者产生困惑 调整形态 第二部分 4 暧昧给人不安的感觉 不要让读者产生困惑 比较左右两组文字 差别很难察觉 这个原则是所有原则中最难察觉的要素 但是 暧昧 是必须去除的 调整形态 第二部分 4 暧昧给人不安的感觉 调整形态 第二部分 4 暧昧给人不安的感觉 调整形态 第二部分 4 暧昧给人不安的感觉 下端照片的左端没有对齐上端照片 下端照片的左端与上一张照片一致 显得很工整 调整形态 第二部分 4 暧昧给人不安的感觉 调整形态 第二部分 5 整理流向 小画面的流向简洁化 我们看版面的时候 视线总会有流向 画家在考虑构图时 必须思考这个要素 在广告制作中也是很重要的 应该在吸引读者的目光 及引导视线这些方面下工夫 调整形态 第二部分 调整形态 第二部分 5 整理流向 版面中手风琴的局部以文字进行取代 形成与手风琴统一的流向 从而突出想要表达的信息点 调整形态 第二部分 调整形态 第二部分 调整形态 第二部分 调整形态 第二部分 调整形态 第二部分 调整形态 第二部分 调整形态 第二部分 调整形态 第二部分 调整形态 第二部分 5 整理流向 调整形态 第二