版式设计 第一讲_第1页
版式设计 第一讲_第2页
版式设计 第一讲_第3页
版式设计 第一讲_第4页
版式设计 第一讲_第5页
已阅读5页,还剩67页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

STEP01第一阶段版式设计概述学习版式设计的目的?STEP01第一阶段版式设计的概念及意义STEP01第一阶段版式设计设计的概念及意义何谓版式设计?

版式设计又称编排设计,是平面设计中的一个组成部分,为视觉传达设计的重要环节。版式设计当然要调动各类视觉元素进行形式上的组合排列,但更重要的是:版式上新颖的创意和个性化的表现。同时能够强化形式和内容的互动关系,以期全新的视觉效果。

STEP01第一阶段版式设计概述主要涉及的方面

海报设计书籍设计STEP01第一阶段版式设计概述包装设计STEP01第一阶段版式设计概述2、版式设计的基本原理

2.1根据内容进行版面编排STEP01第一阶段版式设计概述2、版式设计的基本原理

2.1根据内容进行版面编排STEP01第一阶段版式设计概述2、版式设计的基本原理

2.2根据版面调整版面率STEP01第一阶段版式设计概述2、版式设计的基本原理

2.2根据版面调整版面率STEP01第一阶段版式设计概述2、版式设计的基本原理

2.3根据版式设计体征设计元素的设置顺序STEP01第一阶段版式设计概述2、版式设计的基本原理

2.3根据版式设计体征设计元素的设置顺序STEP01第一阶段版式设计概述2、版式设计的基本原理

2.3根据版式设计体征设计元素的设置顺序STEP01第一阶段版式设计概述2、版式设计的基本原理

2.3根据版式设计体征设计元素的设置顺序STEP01第一阶段版式设计概述3、版式设计的视觉流程

3.1单向视觉流程

版式设计的视觉流程是视线随着元素在版面空间沿着一定的轨迹运动的过程。单向的视觉流程是按照常规的视觉流程规律来引导读者的视觉走向,主要分为三种类型:斜线式视流程STEP01第一阶段版式设计概述竖线式视觉流程横线式视觉流程STEP01第一阶段版式设计概述3、版式设计的视觉流程

3.2重心视觉流程

人们观看一个版面时,视线最终停留的位置就是视觉的重心。STEP01第一阶段版式设计概述3、版式设计的视觉流程

3.2重心视觉流程STEP01第一阶段版式设计概述3、版式设计的视觉流程

3.3反复视觉流程

让相同的或者相似的元素重复出现在画面中,形成一定的重复感。这样的排列方式使本身较为单一的图形有了生动感,并且具有较强的识别性。STEP01第一阶段版式设计概述3、版式设计的视觉流程

3.3反复视觉流程STEP01第一阶段版式设计概述3、版式设计的视觉流程

3.4导向性视觉流程

在版式设计中运用一些手法,引导读者的视线按着设计者的思路贯穿版面,这就是导向性视觉流程。主要有两种类型:一种是运用点和线作为引导,使画面上的所有元素集中指向同一个点,形成统一的画面效果,这是放射性视觉流程。

STEP01第一阶段版式设计概述3、版式设计的视觉流程

3.4导向性视觉流程

一种是通过点和线作为引导,将读者的视线从版面四周以类似十字架的方式想版面中心集中,已达到突出重点,稳定版面的效果,我们称之为十字形视觉流程。

STEP01第一阶段版式设计概述3、版式设计的视觉流程

3.5散点视觉流程

版面中所有的元素按照一定方向的规律向一个焦点集中,这个焦点就是视觉中心,这样的编排叫做发射型。

STEP01第一阶段版式设计概述3、版式设计的视觉流程

讲一个完整的个体打散为若干部分,重新排列组合,以形成新的形态效果,这样的编排叫做打散型。

STEP01第一阶段版式设计概述!!如此排列存在的问题:

STEP01第一阶段版式设计概述!!如此排列存在的问题:

对留白的处理不妥文字的排列方式不统一两个人物之间缺少联系STEP01第一阶段版式设计概述图片得放置显得不能凑STEP01第一阶段版式设计概述之后:其实可以对版面元素进行更好的规划

STEP01第一阶段版式设计概述添加互相呼应的图形元素分别处理不同层级的文字设计人物之间的视觉联系STEP01第一阶段版式设计概述图片放置的位置尽量统一STEP01第一阶段版式设计概述4、版式设计的基本程序

4.1明确设计项目STEP01第一阶段版式设计概述4、版式设计的基本程序

4.2明确传播信息内容

版式设计的首要任务是准确的传达信息。首先要明白版式设计的主要目的和需要传达的信息,在考虑合适的编排形式STEP01第一阶段版式设计概述4、版式设计的基本程序

4.3定位读者群

版式设计的类型众多,有的中规中矩、有的动感活泼,作为设计师,不能盲目的选择版式类型,而需要根据读者群体的特点来做判断。STEP01第一阶段版式设计概述4、版式设计的基本程序

4.4明确设计宗旨

设计宗旨也就是当前设计的版面要表达什么意思,传递怎样的信息,最总达到怎么样的宣传目的。STEP01第一阶段版式设计概述4、版式设计的基本程序

4.5明确设计要求

在商业设计中,进行版式设计需要了解设计的要求,以达到广告宣传的目的,明确的设计宗旨,明确的主题,并通过文字与画面的结合,将画面的信息准确、快速的传递给受众,从而促进产品销售。4.6计划安排

在进行设计之前,需要对设计背景进行调查研究,并收集资料、了解背景信息,根据收集的资料进行分析,确定方案,然后根据方案来安排设计内容。STEP01第一阶段版式设计概述4、版式设计的基本程序

设计流程了解主题、熟悉背景、明确设计宗旨进行信息分析确认设计方案与表现风格手绘草图外观制作稿STEP01第一阶段版式设计概述4、版式设计的基本程序

设计流程STEP02第二阶段版式设计中的构图元素STEP02第二阶段版式设计构图元素1、“点”的编排构成

1.1“点”的构成与表现“点”在有限的版面中起到点缀画面的作用,由“点”组成的画面给人一种强烈的凝聚感。在版式设计中,可以将“点”看作是图形、文字或任何能使用”点”这个词来形容的元素。STEP02第二阶段版式设计构图元素1、“点”的编排构成

明确点的大小变换

版面中的“点”由于其大小、形态、未知的不同,所产生的版面视觉效果和心理作用也不同。STEP02第二阶段版式设计构图元素1、“点”的编排构成

位置不同的“点”会产生不同的视觉感受

当“点”居于页面中心时,空间的视觉对称而且张力均等,主题显得特别突出。在左边的版面中两页形成了对称关系,放置在中心的“点”显得非常稳定,将视线集中在中间的位置,整个版式风格严谨而讲究。STEP02第二阶段版式设计构图元素1、“点”的编排构成

位置不同的“点”会产生不同的视觉感受

当“点”居于页面上部时,视线会向上移动,页面中的其他内容会有下沉的感觉。左边的版面将大小不同的点在页面顶端聚集,使读者的关注点向上调整,页面上方的重心会增强,比较引人注意。STEP02第二阶段版式设计构图元素1、“点”的编排构成

“点”在版面中常见的分布方式STEP02第二阶段版式设计构图元素1、“点”的编排构成

STEP02第二阶段版式设计构图元素2、“线”与空间的关系“线”与“点”之间的关系“线”是点的发展和延伸,他表现形式是多样的。作为空间的构成元素,“线”的影响力要大于“点”。点只能做为一个独立体,而“线”可以讲这些独立体统一起来,让点的效果得到延伸。STEP02第二阶段版式设计构图元素2、“线”与空间的关系了解“线”的“性格”STEP02第二阶段版式设计构图元素2、“线”与空间的关系“线”的空间分割

运用线可以对版面进行分割,再分割时不能忽略各种元素之间的联系,常用的分割方式有下列几种:将多个相同或者想似的形态进行空间等量分割,形成有秩序感的效果。运用直线对图文进行空间分割,得到条理清晰、整体统一的版面效果。使用线条对空间进行不同比例的分割,技能够得到具有对比效果和节奏感的版面。在骨骼分栏中加入直线进行分割,使栏目条理清晰、易读性强。STEP02第二阶段版式设计构图元素2、“线”与空间的关系STEP02第二阶段版式设计构图元素2、“线”与空间的关系STEP02第二阶段版式设计构图元素2.1、“线”的编排依据“线”的情感“线”的曲直、粗细、长短、疏密等特征不同,带给人的感受也不同。STEP02第二阶段版式设计构图元素2.1、“线”的编排依据“线”的情感STEP02第二阶段版式设计构图元素2.1、“线”的编排依据“线”的节奏“线”按照一定的规律,排列时在大小、方向、疏密上产生了变化,有节奏的运动,呈现出一定的韵律感STEP02第二阶段版式设计构图元素2.1、“线”的编排依据“线”的空间“线”的起伏所产生的视觉空间上的深度和广度就是线的空间。线的微妙的变化表现出设计的含蓄和情感。STEP02第二阶段版式设计构图元素3、“面”的版面构成STEP02第二阶段版式设计构图元素3、“面”版面构成“面”与色彩带来的空间关系STEP02第二阶段版式设计构图元素3、“面”版面构成“面”与色彩带来的空间关系STEP02第二阶段版式设计构图元素4、版面空间构成4.1更改版面比例营造版面空间感STEP02第二阶段版式设计构图元素4、版面空间构成4.1更改版面比例营造版面空间感STEP02第二阶段版式设计构图元素4、版面空间构成4.1更改版面比例营造版面空间感STEP02第二阶段版式设计构图元素4、版面空间构成4.1更改版面比例营造版面空间感STEP02第二阶段版式设计构图元素4、版面空间构成4.2更改版面位置关系营造版面空间感STEP02第二阶段版式设计构图元素4、版面空间构成4.2更改版面位置关系营造版面空间感STEP02第二阶段版式设计构图元素4、版面空间构成4.2更改版面位置关系营造版面空间感STEP02第二阶段版式设计构图元素4、版面空间构成4.2更改版面

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论