第01章平面设计基础知识.ppt
合集下载
第一章制图的基本知识平面几何图形的分析与绘图步骤
图1-14 徒手画直线的方法
2.圆的画法 画小圆时，按半径在中心线上定出四点，然后分四段逐步连接成圆。 画较大的圆时，除中心线上的四点外，可再画一对或几对相互垂直的 过圆心的射线，按半径取点，依次徒手连接成圆。
图1-15 徒手画圆的方法 Nhomakorabea徒手草图是一种不用尺规而按目测比例徒手画出的图样。在设计方案以 及现场测绘时，都需要绘制草图。绘制草图时仍应做到：投影正确、图线 清晰、比例匀称、字体工整、尺寸无误。 绘制草图一般选用HB或B的铅笔，并用印有浅色方格的坐标纸绘制，尽 量使图中的直线与分格线重合。画线时，手腕要悬空，并以小指轻触纸面。 1.直线的画法 画直线时，眼睛应注 意线段的终点，以保证直 线的平直性。当线段较长 时，可通过目测在线的中 间定出几点，分段画出。 30°、45°、60°的斜线， 可根据其正切值3/5、1、 5/3定出端点后，连成直线。
二、平面图形的绘图方法与步骤 1、绘图准备工作： 1）分析图形的定形尺寸、定位尺寸及各种线段。 2）定比例，定图幅，固定图纸。画图框，画标题栏。
2、绘制底稿：
均匀布置图形，作出基准线，画出已知线段、再画中间 线段，最后画连接线段。
3、描深：
先粗后细 填写标题栏 先曲后直 先上后下 标注尺寸
(二).徒手画草图及简单平面体
第四节 (一).平面几何图形的分析与绘图步骤
一、平面图形的分析 1、平面图形的尺寸分析： 1）定形尺寸：确定平面图形中各线段形状大小的尺寸。
2）定位尺寸：确定平面图形中各线段之间相对位置的尺寸。 2、平面图形的线段分析： 1）、已知线段：具有完整的定形尺寸和定位尺寸的线段。 2）、中间线段：具有定形尺寸和一个定位尺寸的线段。 3）、连接线段：只有定形尺寸而没有定位尺寸的线段。
实用美术基础电子课件第一章平面构成基本技能
项目二 美术设计的构成形式
二、基本形的群化
1.概念 基本形的群化是指在设计出一个新的基本形的前提下，再将这个基本形作为造型要素，创 造方向、位置、大小等变化的组织，构成视觉效果完全不同的新图形。
项目二 美术设计的构成形式
2.类型 （1）线形状排列 线形状排列是指群化时单形沿水平、垂直或斜线方向排列（见图1-2-10）。 （2）对称状排列 对称状排列是指群化时沿左右、上下方向排列（见图1-2-11）。 （3）环线状排列 环线状排列是指群化时圆形、方形、菱形等多边形环列构成（见图1-2-12）。 （4）放射状排列 放射状排列是指群化时向一个中心点集中排列，构成放射图形（见图 1-2-13）。 （5）平面状排列 平面状排列是指群化时相对集中，融为一体，构成面状图形（见图 1-2-14）。
项目二 美术设计的构成形式
项目二 美术设计的构成形式
（2）骨骼按规律可分为有规律骨骼和无规律骨骼 1）有规律骨骼：以非常严谨的几何形式组成的骨骼，如重复、近似、渐变、发射等几何 形式（见图1-2-19 和图1-2-20）。 2）无规律骨骼：没有规律性，可以自由变化的骨骼，如聚集、对比、变异等形式（见图 1-2-21 和图1-2-22）。
项目二 美术设计的构成形式
2）方向变化类（见图1-2-38至图1-2-41）。
项目二 美术设计的构成形式
（3）重复骨骼和重复基本形的关系（见图1-2-42和图1-2-43）
项目二 美术设计的构成形式
（4）群化构成 群化构成是指两个以上基本形集中排列在一起，互相发生联系的构成形式。基本形必须具 有共同元素，排列要有规律，才能产生具有美感的群化构成。 1）群化构成是基本形重复构成的一种特殊形式，它具有独立存在的意义。在美术设计中， 群化构成经常作为设计标志或者符号的一种设计手段。 2）群化构成需要注意的几个问题。 a.基本形要简练、概括，形状和数量不能太多。 b.外部基本形要有一个整体的视觉效果。 c.整体构图要平衡、稳定。
Photoshop CC平面设计实战案例教程 第1章 Photoshop技能掌握
1.3 图层的操作
在Photoshop中，图层的应用是非常重要的。用户可以对每一个 图层中的图像单独进行处理，也可以调整图层的堆叠顺序，而不会影 响其他图层中的内容。
ቤተ መጻሕፍቲ ባይዱ
1.3.1 新建图层
下面介绍几种常用的新建图层的方法。 • 在“图层”面板中创建新图层：在“图层”面板底部单击“创建新图层”按钮 ，
1.3.4 实例：制作网店产品促销标签
本实例使用图层样式功能制作网店产品 促销标签，效果如图所示。
1.1.4 打开与置入图像文件
1. 打开图像文件 选择“文件→打开”菜单命令，在弹出的“打开”对话框中选择需要打开的 文件，单击“打开”按钮或双击选择的图像文件，即可在Photoshop中打开该图 像文件。 2. 置入文件 新建或打开一个图像文件后，选择“文件→置入嵌入的对象”菜单命令，在 打开的对话框中选择需要置入的图像文件即可将该图像文件置入，调整好图像的 大小和位置后，按Enter键确认置入。
启动Photoshop 2022，进入主页界面，如左下图所示。新建或打开图像文 件后，进入图像编辑工作界面，如右下图所示。工作界面由菜单栏、属性栏、标 题栏、工具箱、状态栏、图像窗口以及各式各样的面板组成。
1.1.2 设置工作区
Photoshop中的工作区包括图像 窗口、工具箱、菜单栏和各种面板。 Photoshop提供了适用于不同任务的 预设工作区，选择“窗口→工作区” 菜单命令，在打开的子菜单中可以看 到多个预设工作区，默认情况下选择 “基本功能（默认）”工作区，如图 所示。选择所需的工作区后，工作界 面中将显示相应的面板。
1.1.5 实例：制作古镇形象宣传广告
本实例通过置入素材文件制作 古镇宣传广告，如图所示。
设计思路： （1）准备好广告的分层素材 文件，并用Photoshop打开主图。 （2）选择“文件→置入嵌入 的对象”菜单命令，置入其他装饰 素材文件。
平面构成01
图1-10 1923年包豪斯展览招贴画
早在20世纪50年代，中国就有一些旅欧艺术家研究和提倡包豪斯的教育思想 和设计体系，由于当时我国经济落后，设计在教育界根本不受重视。而此时，美 国、荷兰、瑞士、匈牙利和日本等国却接受了包豪斯的设计思想，使设计界和工 业界发生了巨大的变化。70年代末随着我国的改革开放，以及经济的发展、科技 的进步、艺术的繁荣，包豪斯的设计教育思想和意识在我国开始受到重视，平面 构成现成为我国现代设计教学的基础课程之一。
图1-4 平面构成在设计中的应用
图1-3 按照形式美法则分割、组合构成的新形态
平面构成是专门研究平面设计的理论，是二维平面的一种体验。它的基本原理来 自于客观现实世界，是自然科学和哲学认识论的发展，是人们对宏观世界及微观物质 结构认识的艺术再现。平面构成不以表现具体的物象为特征，而是反映自然现象的运 动规律和巧妙结合的构成形式。平面构成不是简单地摹仿具体生活形象，而是通过观 察、体验和联想，把生活中复杂多样的形象运用组织、概括的形式来表达，从而反映 出客观现实所具有的运动规律，以有条理、有秩序的组织结构和规律性、节奏性的律 动变化，体现出丰富多彩的艺术特征(图1-5)。客观世界是纷繁复杂的，要概括、理性 地认识和表现它，必须通过分析、归类使之秩序化。在平面构成中，这种认识不能从 因果关系的角度分析，而要从了解事物、分析事物入手；不仅要认识个别元素，还要 认识元素之间的关系，也就是对结构的整体认识。要以逻辑分析为基础，强调客观现 实的构成规律，使人们从艺术设计的角度形成对事物结构的重新审视。平面构成改变 了传统的设计思维，不拘于一定的、具象的、现实的、感性的表现方式，手法灵活多 变，形式千变万化，特别有助于对抽象设计思维能力的提高（图1-6)。平面构成采用 的基本元素为点、线、面，它们之间的关系非常密切，通过有秩序、有节奏、有规律 的巧妙构成，可以创造出多种多样的新形态(图1-7、图1-8)。
室内设计制图与识图第第二版教学课件第一章制图基本知识
PART 01
制图基本知识
第一章 制图基本知识
1 绘图工具及其使用方法 2 建筑制图国家标准基本规定 3 平面图形的画法 4 手绘草图
第一节
绘图工具及其 使用方法
第一节 绘图工具及其使用方法
绘图板用来张贴图纸。要求板面光滑平整，工作边平直，可作为绘图时丁字尺上下 移动的导边。
丁字尺主要用来画水平线。使用时，左手握住尺头，使尺头内侧紧靠图板左侧导边， 上下移动至适合的位置。
第四节 手绘草图
❶ 图1-18 徒手画角度线
❷ 图1-19 徒手画等分线段 a）八等分 b）五等分
第四节 手绘草图
（二）圆 画圆时，先徒手作两条互相垂直的中心线，定出圆心，再根据直径大小，通过目测 估计半径大小，在中心线上截得四点，然后徒手将各点连接成圆。当所画的圆较大时， 可以通过圆心多作几条不同方向的直径线，在中心线和直径线上目测定若干点后，再连 成圆，如图1-20 所示。
比例是图形与实物相对应的线性尺寸之比。比例用阿拉伯数字表示，1 ∶ 1 表示图 形大小与实物大小相同，1 ∶ 100 表示100 mm 实物在图样中只画成1 mm，称为缩小 比例；而100 ∶ 1 表示1 mm 的实物在图样中画成100 mm，称为放大比例。
比例一般注写在图名的右侧，字的基准线应取平，比例字高宜比图名小一号或两号， 如图1-11所示。
第二节 建筑制图国家标准基本规定
（二）图线的画法
绘图时要注意以下事项： 1. 相互平行的图例线，其净间隙或线中 间隙不宜小于0.2 mm。 2. 当两种以上不同线宽的图线重合时， 应按粗、中、细的次序绘制；当相同线宽的 图线重合时，应按实线、虚线、点画线的次 序绘制。 3. 虚线、单点长画线或双点长画线的线 段长度和间隔，宜各自相等。 4. 图线不得与文字、数字或符号重叠、 混淆，不可避免时，应首先保证文字的清晰。 各种图线的正误画法见表1-3。
制图基本知识
第一章 制图基本知识
1 绘图工具及其使用方法 2 建筑制图国家标准基本规定 3 平面图形的画法 4 手绘草图
第一节
绘图工具及其 使用方法
第一节 绘图工具及其使用方法
绘图板用来张贴图纸。要求板面光滑平整，工作边平直，可作为绘图时丁字尺上下 移动的导边。
丁字尺主要用来画水平线。使用时，左手握住尺头，使尺头内侧紧靠图板左侧导边， 上下移动至适合的位置。
第四节 手绘草图
❶ 图1-18 徒手画角度线
❷ 图1-19 徒手画等分线段 a）八等分 b）五等分
第四节 手绘草图
（二）圆 画圆时，先徒手作两条互相垂直的中心线，定出圆心，再根据直径大小，通过目测 估计半径大小，在中心线上截得四点，然后徒手将各点连接成圆。当所画的圆较大时， 可以通过圆心多作几条不同方向的直径线，在中心线和直径线上目测定若干点后，再连 成圆，如图1-20 所示。
比例是图形与实物相对应的线性尺寸之比。比例用阿拉伯数字表示，1 ∶ 1 表示图 形大小与实物大小相同，1 ∶ 100 表示100 mm 实物在图样中只画成1 mm，称为缩小 比例；而100 ∶ 1 表示1 mm 的实物在图样中画成100 mm，称为放大比例。
比例一般注写在图名的右侧，字的基准线应取平，比例字高宜比图名小一号或两号， 如图1-11所示。
第二节 建筑制图国家标准基本规定
（二）图线的画法
绘图时要注意以下事项： 1. 相互平行的图例线，其净间隙或线中 间隙不宜小于0.2 mm。 2. 当两种以上不同线宽的图线重合时， 应按粗、中、细的次序绘制；当相同线宽的 图线重合时，应按实线、虚线、点画线的次 序绘制。 3. 虚线、单点长画线或双点长画线的线 段长度和间隔，宜各自相等。 4. 图线不得与文字、数字或符号重叠、 混淆，不可避免时，应首先保证文字的清晰。 各种图线的正误画法见表1-3。
机械设计基础课件01平面机构及自由度
约 束：是对独立运动所加的限制。每加上一个约束，构 件便失去一个自由度。
一个作平面运动的自由构件具有三个独立运动数。如图 所示，在Oxy坐标系中，构件S可随其上任一点A沿x轴、y轴 方向移动和绕A点转动。即一个作平面运动的自由构件具有 三：在机构中由两构件直接接触形成的一种可动联接。 运动副对构件产生约束，约束的多少和特点取决于运动副 型式。 运动副分类： • 按照接触的特性，分为低副和高副。面接触的运动副称
（4）对称结构：在输入件与输出件之间用多组完全相同的运动链 来传递运动时，只有一组起独立传递运动的作用，则其余各组引 入的约束为虚约束。如图1-16所示轮系中有2个行星轮，计算自由 度时只需考虑一个。
虚约束虽不影响机构的运动，但却可以增加构件的刚性，改善 其受力状况，因而在结构设计中被广泛使用。必须指出，只有在 特定的几何条件下才能构成虚约束，如果加工误差太大，满足不 了这些特定的几何条件，虚约束就会成为实际约束，从而使机构 失去运动的可能性。
1.3.1 平面机构的自由度
机构的自由度: 机构中各构件相对于机架所能有的独立运动的数目 称为机构的自由度。
一个作平面运动的自由构件具有三个自由度。因此，平面机构 中的每个活动构件，在未用运动副联结之前，都有三个自由度。 • 每个低副引入两个约束，使构件失去两个自由度； • 每个高副引入一个约束，使构件失去一个自由度。
移动副：是使构件的一个相对移动和相对转动受到约束， 而只有一个方向独立相对移动自由度的运动副。也称为棱 柱副。如汽缸与活塞、滑块与导轨等，如右图所示。
2 高副（平面高副）
平面高副：构件间沿公法线方向的移动受到约束，但可以 沿接触点切线的方向独立移动，还可以同时绕点独立转动， 是具有一个约束而相对自由度等于２的平面运动副。如齿 轮副、凸轮副等，如图所示。
一个作平面运动的自由构件具有三个独立运动数。如图 所示，在Oxy坐标系中，构件S可随其上任一点A沿x轴、y轴 方向移动和绕A点转动。即一个作平面运动的自由构件具有 三：在机构中由两构件直接接触形成的一种可动联接。 运动副对构件产生约束，约束的多少和特点取决于运动副 型式。 运动副分类： • 按照接触的特性，分为低副和高副。面接触的运动副称
（4）对称结构：在输入件与输出件之间用多组完全相同的运动链 来传递运动时，只有一组起独立传递运动的作用，则其余各组引 入的约束为虚约束。如图1-16所示轮系中有2个行星轮，计算自由 度时只需考虑一个。
虚约束虽不影响机构的运动，但却可以增加构件的刚性，改善 其受力状况，因而在结构设计中被广泛使用。必须指出，只有在 特定的几何条件下才能构成虚约束，如果加工误差太大，满足不 了这些特定的几何条件，虚约束就会成为实际约束，从而使机构 失去运动的可能性。
1.3.1 平面机构的自由度
机构的自由度: 机构中各构件相对于机架所能有的独立运动的数目 称为机构的自由度。
一个作平面运动的自由构件具有三个自由度。因此，平面机构 中的每个活动构件，在未用运动副联结之前，都有三个自由度。 • 每个低副引入两个约束，使构件失去两个自由度； • 每个高副引入一个约束，使构件失去一个自由度。
移动副：是使构件的一个相对移动和相对转动受到约束， 而只有一个方向独立相对移动自由度的运动副。也称为棱 柱副。如汽缸与活塞、滑块与导轨等，如右图所示。
2 高副（平面高副）
平面高副：构件间沿公法线方向的移动受到约束，但可以 沿接触点切线的方向独立移动，还可以同时绕点独立转动， 是具有一个约束而相对自由度等于２的平面运动副。如齿 轮副、凸轮副等，如图所示。
PhotoshopCS6平面设计基础教程 第1章 图像处理基础
中，然后释放鼠标左键。
• 通过快捷菜单：选择需要打开的文件，单击鼠
标右键，在弹出的快捷菜单中选择【打开方式】
/【Adobe Photoshop CS6】命令。
选择【文件】/【新建】命令或•按通【过C菜tr单l+N命】令键：，选打择开【“文新件建】”/【对打话开框】，命设令置，好相
单击
按钮即可新建空白文在件打。开的“打开”对话框中选择需要打开的文
● PSD（*.PSD）格式：该格式是Photoshop自身生成的文件格式，是唯一支持所有颜色模式的格 式。以PSD格式存储的图像文件包含图层、通道等信息。 ● TIFF（*.TIF、*.TIFF）格式：该格式可以实现无损压缩，是图像处理常用的格式之一，该图像格 式很复杂，但对图像信息的存储灵活多变，支持很多色彩系统。 ● BMP（*.BMP）格式：该格式是Windows操作系统的标准图像文件格式，能够被多种应用程序支 持，且包含丰富的图像信息，几乎不压缩，但文件所需的存储空间较大。 ● JPEG（*.JPG、*.JPEG、*.JPE）格式：该格式是一种有损压缩格式，支持真彩色，生成的文件 较小，是常用的图像文件格式之一。 ● GIF（*.GIF）格式：该格式是一种无损压缩格式。GIF格式的图像文件较小，常用于网络传输， 网页上使用的图像大多是GIF和JPEG格式。 ● PNG（*.PNG）格式：该格式可以使用无损压缩方式压缩图像文件，支持24位图像，能够产生透 明背景且没有锯齿边缘，图像的质量也较好。 ● EPS（*.EPS）格式：该格式是一种跨平台格式，可以同时包含像素信息和矢量信息。
件，然后单击
按钮。
• 通过最近使用过的文件：选择【文件】/【最
近打开文件】命令，显示最近打开过的10个文
件，选择需要打开的文件。
市政工程识图与构造第一章制图的基本知识ppt课件
为了规范 事业单 位聘用 关系， 建立和 完善适 应社会 主义市 场经济 体制的 事业单 位工作 人员聘 用制度 ，保障 用人单 位和职 工的合 法权益
2. 图线画法
（4）单点长画线或双点长画线的两端不应是点。如 图形较小，画点画线或双点画线有困难时，可用实线 代替。
细单点长画线作圆中心线
细实线作 圆中心线
A0—A3横式幅面（二）
A0— A3图 幅宜横 式使用， 必要时， 也可竖 式使用
为了规范 事业单 位聘用 关系， 建立和 完善适 应社会 主义市 场经济 体制的 事业单 位工作 人员聘 用制度 ，保障 用人单 位和职 工的合 法权益
2.图框格式 立式幅面
A0～A4立式幅面(一）
A0—A4立式幅面（二）
为了规范 事业单 位聘用 关系， 建立和 完善适 应社会 主义市 场经济 体制的 事业单 位工作 人员聘 用制度 ，保障 用人单 位和职 工的合 法权益
1.1.2 图线
图线的宽度b，宜从 1.4、1.0、0.7、0.5、0.35、 0.25、0.18、0.13mm 线宽系列中选取。图线宽度不 应小于0.1mm。每个图样，应根据复杂程度与比例大
《建筑制图标准》（GB/T 50104-2010）
为了规范 事业单 位聘用 关系， 建立和 完善适 应社会 主义市 场经济 体制的 事业单 位工作 人员聘 用制度 ，保障 用人单 位和职 工的合 法权益
各种线宽应用
1、较简单的图形可采用两种线宽的线宽组，其线 宽比宜b:0.25b
为了规范 事业单 位聘用 关系， 建立和 完善适 应社会 主义市 场经济 体制的 事业单 位工作 人员聘 用制度 ，保障 用人单 位和职 工的合 法权益
各种线宽应用
01制图的基本知识
每张图纸上都必须画出标题栏，标题栏的内容、 格式和尺寸如下图所示。标题栏的位置应位于图 纸的右下脚。
字体 图样中书写的汉字、数字、字母须字体工整、笔画清楚、间隔均匀、排列 整齐。字体高度（用h表示）的工程尺寸系列为： 2.5,3.5,5,7,10,14,20mm等七种。字体高度（单位：mm）代表字体的号数。 在同一张图上只允许选用一种形式的字体。 图样上的汉字为长仿宋体。字高不应小于3.5mm,其字宽与字高的比例约7： 10 。 数字和字母可写成斜体和直体。斜体字字头向右倾斜，与水平基准线成 75° 。阿拉伯数字、拉丁、罗马数字，不小于2.5；数字字母同汉字并排 时，字高宜小1—2号。
制图基本规格
一、图纸幅面和规格 1、幅面尺寸 绘制图样时，应优先 采用表中所规定的图 纸基本幅面。图纸不 能加宽，必要时可以 加长，由基本幅面的 短边成整数倍增加幅 面。
图框与标题栏
图纸以图框为界。图 框到图纸边缘的距离 与幅面的大小有关。 图框形式有二种：一 为横式，装订边在左 侧；另一为竖式，装 订边在上侧。
图纸类型：
地形地貌分析图 综合现状分析图 功能分区图（区位图） 景观分析图 总体设计图 建筑设计图 小品图 建筑施工图（水电施工图） 种植设计施工图（绿化） 竖向设计图 意向图 效果表现图
工程文本材料
教材及参考书目
依照教材：《画法几何与土木工程制图》第二版，二十一世纪教材， 高等教育出版社 ，2001年6月第二版 参考教材： [1] 吴机际编著· 《园林工程制图》· 广州：华南理工大学出版社，2004。 [2] 王晓俊编著· 《风景园林设计》· 南京：江苏科学技术出版社，2003年。 [3] 钟训正编著· 《建筑制图》· 南京：东南大学出版社，1998年。 [4] 道来提· 沙里江主编· 画法几何· 重庆：重庆大学出版社，2002年。 [5]《建筑制图》，何斌、乐荷卿主编，高等教育出版社。 [6]《建筑制图习题集》，何斌、乐荷卿主编，高等教育出版社。 [7]《画法几何及土木工程制图学习辅导》光盘，卢传贤主编，高等教育电子音 像出版社。 [8]《画法几何及工程制图》，唐克中等主编，高等教育出版社。 [9]《画法几何及工程制图习题集》，唐克中等主编，高等教育出版社。 [10] 张建林等编著· 《园林工程制图》· 北京：科学技术文献出版社，2004年。
《UI视觉设计案例教程》PPT课件(共6章)第1章 UI快速入门
图 1-32 必胜客、肯德基和麦当劳 App 界面
在iOS人机界面指南中，苹果公司给出了八种颜色，这八种颜色是通过反复试验 挑选出来的，它们无论是在亮背景还是在暗背景中，无论是单独使用还是搭配使用， 效果都非常突出，如图1-33所示。
图1-33参考iOS人机界面指南配色方案
1.4.4 配色的注意事项
图 1-3 车载设备的界面
“工欲善其事，必先利其器”。要做好UI设计，常用的工具软件是必须掌握的， 下面介绍几个UI设计常用软件，如图1-4所示。
Photoshop
Axure RP
Illustrator
图 1-4 UI 设计常用软件
Sketch After Effects
1.2 UI 设计的工作流程
绿色也有通过、确定的意思，常用绿色作为确定按钮的色彩。
图 1-26 360 安全卫士界面
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolorLorem ipsum dolor sit amet
图 1-22 宝格丽珠宝奢侈品
网站界面
红色：象征喜悦、热情、自信、浪漫， 有时也会给人危险、愤怒、血腥的感 觉，在一些需要烘托热烈气氛的界面 中可以使用红色作为主色，如 图 123所示。
红色也常作为点睛色出现在提示 危险、警告的按钮或图标中。
图 1-23 mystico 日本化妆品网站界面
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolorLorem ipsum dolor sit amet
在iOS人机界面指南中，苹果公司给出了八种颜色，这八种颜色是通过反复试验 挑选出来的，它们无论是在亮背景还是在暗背景中，无论是单独使用还是搭配使用， 效果都非常突出，如图1-33所示。
图1-33参考iOS人机界面指南配色方案
1.4.4 配色的注意事项
图 1-3 车载设备的界面
“工欲善其事，必先利其器”。要做好UI设计，常用的工具软件是必须掌握的， 下面介绍几个UI设计常用软件，如图1-4所示。
Photoshop
Axure RP
Illustrator
图 1-4 UI 设计常用软件
Sketch After Effects
1.2 UI 设计的工作流程
绿色也有通过、确定的意思，常用绿色作为确定按钮的色彩。
图 1-26 360 安全卫士界面
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolorLorem ipsum dolor sit amet
图 1-22 宝格丽珠宝奢侈品
网站界面
红色：象征喜悦、热情、自信、浪漫， 有时也会给人危险、愤怒、血腥的感 觉，在一些需要烘托热烈气氛的界面 中可以使用红色作为主色，如 图 123所示。
红色也常作为点睛色出现在提示 危险、警告的按钮或图标中。
图 1-23 mystico 日本化妆品网站界面
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolorLorem ipsum dolor sit amet
《cad教学课件》01第一章autocad入门及绘图基础
1993年
AutoCAD 2000发布，引入了全新的用户界面 和3D建模功能。
2000年
AutoCAD 2004引入了参数化绘图和表格功能 。
AutoCAD的应用领域
01
建筑设计
用于绘制建筑平面
图、立面图、剖面
02
图等。
机械设计
用于绘制机械零件 、装配图等。
04
园林设计
用于绘制园林景观
03
、绿化规划等。
电子设计
用于绘制电路板和 电路设计。
AutoCAD的基本功能
2D绘图
包括直线、圆、弧线、多段线等 基本绘图功能。
编辑图形
提供移动、复制、旋转、缩放等 编辑命令，方便对图形进行修改。Fra bibliotek图层管理
支持创建、编辑和管理图层，方 便对图形进行组织和管理。
标注尺寸
提供线性、角度、半径和直径等 标注命令，方便对图形进行测量
《cad教学课件》01第一章autocad入
门及绘图基础
$number {01}
目 录
• AutoCAD软件简介 • AutoCAD绘图基础 • 绘制基础图形 • 文件管理及数据共享 • 课程总结与展望
01
AutoCAD软件简介
AutoCAD的发展历程
1982年
Autodesk公司推出AutoCAD 1.0，标志着CAD 软件的诞生。
注重实践，结合实际项目 应用
参加线上/线下培训班，提 高学习效率
THANKS
导出文件
如果您需要将AutoCAD文件与其他软件共享或打印，可以使 用"File"菜单中的"Export"选项来导出文件。在弹出的对话框 中，选择要导出的文件类型和目标位置，并按照提示完成操 作。
Photoshop-CS4基础教程-平面设计方向(课件PPT)
在网页设计中的应用
掌握Photoshop的应用不仅可以制作平面印刷作品，在 网页设计中，Photoshop也是必不可少的网页图像处理软 件。
Unit 02 PhotoshopCS4的安装 与卸载方法
安装PhotoshopCS4的系统需求
软件运行的快慢跟电脑的配置有着密切的联系，下面主 要对安装Photoshop CS4最低系统要求进行了解，通过学习 避免软件在安装时与安装后运行受到阻碍。具体要求如下表 所示。
Unit 03 Photoshop CS4的新增 功能
1. 3D功能
借助全新的光线描摹渲染引擎, 现在可以直接在3D模 型上绘图、用 2D 图像绕排 3D 形状、将渐变图转换为 3D 对象、为图层和文本添加深度、实现打印质量的输 出并导出到支持的常见3D 格式。
2. 调整面板
新增调整面板，使图像调整与修改更便捷，通过调 整面板的添加，在“图层”面板中自动生成一个调整图 层，便于对图像的修改，相对于调整命令具有明显的优 越性与方便性。
5. 内容识别比例
Photoshop CS4新增功能“内容识别比例” 命令，主要针对照片的后期调整，实现了照片 无损失的剪裁操作，能够有效的保存照片中重 要信息进行图像调整。
6.自动对齐图层
利用新增的自动对齐图层命令，可以将打 乱的图层根据颜色的相似度进行自动对齐，还 原图像整体效果。
7. 保留色调
方法1 ：执行“文件> 退出”命令。
方法2 ：单击界面右上角的“关闭”按钮。
方法3 ：按快捷键Ctrl+Q。
认识Photoshop CS4的工作界面
启动Photoshop CS4 软件后，执行“文件> 新建”命令，
新建文件；或执行“文件> 打开”命令，打开已有的素材图
掌握Photoshop的应用不仅可以制作平面印刷作品，在 网页设计中，Photoshop也是必不可少的网页图像处理软 件。
Unit 02 PhotoshopCS4的安装 与卸载方法
安装PhotoshopCS4的系统需求
软件运行的快慢跟电脑的配置有着密切的联系，下面主 要对安装Photoshop CS4最低系统要求进行了解，通过学习 避免软件在安装时与安装后运行受到阻碍。具体要求如下表 所示。
Unit 03 Photoshop CS4的新增 功能
1. 3D功能
借助全新的光线描摹渲染引擎, 现在可以直接在3D模 型上绘图、用 2D 图像绕排 3D 形状、将渐变图转换为 3D 对象、为图层和文本添加深度、实现打印质量的输 出并导出到支持的常见3D 格式。
2. 调整面板
新增调整面板，使图像调整与修改更便捷，通过调 整面板的添加，在“图层”面板中自动生成一个调整图 层，便于对图像的修改，相对于调整命令具有明显的优 越性与方便性。
5. 内容识别比例
Photoshop CS4新增功能“内容识别比例” 命令，主要针对照片的后期调整，实现了照片 无损失的剪裁操作，能够有效的保存照片中重 要信息进行图像调整。
6.自动对齐图层
利用新增的自动对齐图层命令，可以将打 乱的图层根据颜色的相似度进行自动对齐，还 原图像整体效果。
7. 保留色调
方法1 ：执行“文件> 退出”命令。
方法2 ：单击界面右上角的“关闭”按钮。
方法3 ：按快捷键Ctrl+Q。
认识Photoshop CS4的工作界面
启动Photoshop CS4 软件后，执行“文件> 新建”命令，
新建文件；或执行“文件> 打开”命令，打开已有的素材图
第一章制图的基本知识与技能
8
使用中注意：
1、先曲后直，便于连接； 2、先上后下，先左后右； 3、先细后粗，加快进度； 4、线条均匀，连接准确。
9
五、 曲线板和建筑模板 曲线板是用以画非圆曲线的工具
10
建筑模板主要用来画各种建筑标准图例和常用符号 使用建筑模板，可提高制图的速度和质量。
11
六、 铅笔和擦图片
铅笔是用来画图或写字的 “H”表示硬铅笔，“B”表示软铅笔，“F”、“HB”表示软硬适中， “B”、 “H”前的数字越大表示铅笔越软和越硬。 用较硬的铅笔打底稿，如3H、2H等；用HB铅笔写字，用B 或2B铅笔 加深图线。 笔芯露出约6～8㎜
36
一般体字字体示例
书写要求：小写字母高度h是大写字母高度的7／10。
37
四、比例
图样的比例，应为图形与实物相对应的线型尺寸之比。比例的大小是指
其比值的大小 ，如 1：50大于1：100。
比例的符号为“ ：”，比例以阿拉伯数字表示，如 1：1、1：2等。 如果图样上某线段长为10mm，而实际物体相应部位的长为1000mm时，则 比例等于1比100，写成1：100。
44
45
46
47
48
相同要素 对称构配件
可仅标注其中一个 要素的尺寸及个数
尺寸线应略超过对称符号， 仅在尺寸线的一端画尺寸 起止符号，尺寸数字应按 整体全尺寸注写，其注写 位置宜与对称符号对齐。
49
第三节 制图的一般方法和步骤
一、用绘图工具和仪器绘制图样
（一）准备工作 1．收集阅读有关的文件资料，对所绘图样的内容及要求进行了解，绘图 之前做到心中有数。 2．准备好必要的制图仪器、工具和用品。 3．将图纸用胶带纸固定在图板上，位置要适当。一般将图纸粘贴在图板的左下 方。
使用中注意：
1、先曲后直，便于连接； 2、先上后下，先左后右； 3、先细后粗，加快进度； 4、线条均匀，连接准确。
9
五、 曲线板和建筑模板 曲线板是用以画非圆曲线的工具
10
建筑模板主要用来画各种建筑标准图例和常用符号 使用建筑模板，可提高制图的速度和质量。
11
六、 铅笔和擦图片
铅笔是用来画图或写字的 “H”表示硬铅笔，“B”表示软铅笔，“F”、“HB”表示软硬适中， “B”、 “H”前的数字越大表示铅笔越软和越硬。 用较硬的铅笔打底稿，如3H、2H等；用HB铅笔写字，用B 或2B铅笔 加深图线。 笔芯露出约6～8㎜
36
一般体字字体示例
书写要求：小写字母高度h是大写字母高度的7／10。
37
四、比例
图样的比例，应为图形与实物相对应的线型尺寸之比。比例的大小是指
其比值的大小 ，如 1：50大于1：100。
比例的符号为“ ：”，比例以阿拉伯数字表示，如 1：1、1：2等。 如果图样上某线段长为10mm，而实际物体相应部位的长为1000mm时，则 比例等于1比100，写成1：100。
44
45
46
47
48
相同要素 对称构配件
可仅标注其中一个 要素的尺寸及个数
尺寸线应略超过对称符号， 仅在尺寸线的一端画尺寸 起止符号，尺寸数字应按 整体全尺寸注写，其注写 位置宜与对称符号对齐。
49
第三节 制图的一般方法和步骤
一、用绘图工具和仪器绘制图样
（一）准备工作 1．收集阅读有关的文件资料，对所绘图样的内容及要求进行了解，绘图 之前做到心中有数。 2．准备好必要的制图仪器、工具和用品。 3．将图纸用胶带纸固定在图板上，位置要适当。一般将图纸粘贴在图板的左下 方。
平面设计：平面构成
05
CATALOGUE
平面构成的创意应用
在海报设计中的应用
海报是传递信息的重要媒介，平面构成在海报设计中能 够发挥重要作用。
运用色彩、字体和版式设计，使海报更加醒目、易于理 解和记忆。
通过运用点、线、面的组合，创造出具有视觉冲击力的 画面，吸引观众的注意力。
平面构成还可以通过运用空间、比例和透视等手法，营 造出立体感和层次感，提升海报的表现力。
平面构成能够帮助设计师拓展创意思 维，通过形态的组合、变化和重构， 创造出独特的视觉形象和品牌形象。
平面构成的历史与发展
历史
平面构成起源于20世纪初的欧洲，它的产生与发展与现代艺术、设计思潮紧密相关。随着科技的发展和人们审美 的变化，平面构成也在不断地演变和发展。
发展
随着数字化时代的到来，平面构成在设计领域的应用更加广泛和深入，它不仅在传统平面设计领域得到广泛应用 ，还在数字媒体、交互设计等领域展现出新的应用前景。同时，随着多元化设计风格的不断涌现，平面构成也在 不断创新和发展，为设计师提供了更多的创意空间和可能性。
03
CATALOGUE
平面构成的基本原则
平衡
平衡
在平面构成中，平衡是指视觉上的稳定和平衡感，通过合理分布 元素的位置、大小和色彩等来达到视觉上的平衡。
平衡原则的应用
在设计中，可以通过调整元素的大小、位置和色彩等来达到平衡， 使画面看起来更加稳定和协调。
平衡原则的注意事项
在应用平衡原则时，需要注意避免过于对称或过于平均的分布，以 免显得单调或过于刻意。
加具有特色和个性化。
在品牌形象设计中的应用
品牌形象是企业的无形资产， 平面构成在品牌形象设计中能
够发挥关键作用。
通过统一的视觉形象，如标志 、字体、色彩等，建立起品牌
《优秀平面设计作》课件
平面设计元素
点：构成画面的基本元素，具有位置、大小、形状等属性 线：连接两点或多点形成的轨迹，具有长度、方向、形状等属性 面：由线围成的封闭区域，具有形状、大小、位置等属性 色彩：通过视觉感知到的颜色，具有色相、明度、纯度等属性 纹理：物体表面的纹理和质感，具有纹理、质感、光泽等属性 空间：构成画面的三维空间，具有深度、高度、宽度等属性
构图布局：合理 运用对称、黄金 分割等构图原则， 使画面平衡和谐
图形创意：运用 创意图形、插画 等元素，增强设 计趣味性
文字排版：注重 文字大小、间距、 对齐等细节，提 高阅读体验
设计应用场景分析
海报设计：适用于宣传推广、活动通知等 场景
包装设计：适用于产品包装、礼品包装等 场景
网页设计：适用于网站建设、网页布局等 场景
确定设计主 题和目标受 众
收集素材和 灵感来源
设计草图和 概念图
制作原型和 测试反馈
优化和调整 设计
完成最终设 计作品
作品评估与改进
评估标准：创意、视觉效果、信息传达、用户体验等 改进方法：收集反馈、分析问题、调整设计、优化细节等 持续改进：定期评估、不断优化、保持创新 案例分析：优秀平面设计作品的评估与改进过程
添加标题
添加标题
复古风格：怀旧、复古、经典
添加标题
添加标题
波普艺术风格：鲜艳、夸张、富 有创意
优秀平面设计作品
04
欣赏
品牌形象设计
品牌形象：企业 的形象和价值观
设计原则：简洁、 易识别、有创意
设计元素： LOGO、色彩、 字体、图案等
设计过程：市场 调研、创意构思、 设计制作、反馈 调整
包装设计
YOUR LOGO
THANK YOU
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
1.2.1 色彩的分类
• 现代色彩学，把色彩无彩色系和有彩色系。黑色与白色及 黑白相混而成的深浅不同的灰都统称为无彩色；以红、橙、 黄、绿、青、蓝、紫为基本色，按不同比例相混产生出的 千千万万种色彩，统称为有彩色。
• 根据颜色对人心理的影响,分为暖、冷两类色调。把以红、 黄为主的色彩称为暖色调。把蓝、绿为主的颜色称为冷色 调。
• 色彩的重量：人们从色彩得到的重量感，如图13所示
暖色 冷色
图12 色的冷暖色相环
图13 色彩的重量比较
1.2.3 色彩的感情与联想
• 色彩的膨胀与收缩：由于表面的色彩不同，能够赋予 人不同的面积感觉。如图14所示。
• 色彩的艳丽与素雅图：色彩是否艳丽、素雅，取决于 色彩的饱和度与亮度。如图15所示。
肌理又称质感，物体的材料不同，质感不一样。
1.1.3 平面设计的构成元素
概念元素是指看不见却能意识到的东西。包括：点、 线、面等。
• 点：点有各种形状和面积。它最突出的功能就是表 明位置和进行聚焦，不同个数的点，表现形式不一 样，点的各种表现形式如图1所示。
无规律的点 多点成面 移动的点产生线 图1 点的表现形式
• 重复 是指相同的形象出现过两次以上就称为重复。其
构成形式如图5所示 • 近似
是指在形状、大小、色彩、肌理等方面有着共同 特征的基本形构成的画面。其构成形式如图6所示
色彩渐变 方向渐变 图4 渐变的构成形式
肌理的重复 色彩的重复 图5 重复的构成形式
图6 近似效果图
1.1.4 平面设计常用的表现手法
• 根据色彩的变化，分为原色和混合色。原色是指三原色： 红、黄、蓝；混合色是指由红、黄、蓝三原色按不同比例 混合调配而成。
1.2.2 色彩的属性
• 明度，又称明暗，以一维的无彩色为例，比较容易辨 别。最亮的是白色，最暗的是黑色，以及黑白之间不 同程度的灰，都具有明暗强度的表现。如图10所示。
• 色相，又称彩调，包含如图11所示的红、橙红、黄橙、 黄、黄绿、绿、绿蓝、蓝绿、蓝、蓝紫、紫、红紫、 红和紫等颜色。
低明度
中明度
高明度
图10 明度9色阶
图11 色相环
• 彩度：又称纯度，颜色有强弱之分。拿红色来说，有 纯红，有暗红，也有粉红。
1.2.3 色彩的感情与联想
色彩在平面设计中起着很关键的作用，它能够赋予作品感
情色彩，不同的色彩具有不同的情感因素 。
• 色彩的冷暖：色彩可以给人温暖、寒冷等感觉。高纯度 的色一般有暖感、低纯度的色一般有冷感，如图12所示。
1.2 色彩的基本知识
• 色彩概述 色彩本身是不体现思想感情的,但在生活中,自
然景物的色彩却能给人产生冷暖、软硬、轻重等感 受。 • 色彩的基本概念
色彩是光线的一部分经有色物体反射刺激人们 的眼睛，在头脑中所产生的一种反映。 • 色彩的分类
自然界中关于色彩的分类多种多样。 • 色彩的属性 • 色彩的感情与联想
1.1.1 平面设计概念
平面设计是将不同的基本图形，按照一定的规则在平 面上组合成图案的过程。 • 设计的作品通常都要经过印刷，因此又称为印刷设计。 • 平面设计的形式大致包括海报设计、书籍杂志的装帧 设计、商标设计等。 • 随着计算机网络技术的发展，网页的设计也被称为是 平面设计。
1.1.2 平面设计常用术语
平面设计基础知识
平面设计概述 色彩的基本知识 平面设计的一般流程
1.1 平面设计概述
• 设计包括很广的设计范围和种类,例如：工业设计、环 艺设计、装潢设计、展示设计、服装设计、平面设计 等。
• 随着计算机技术的发展及印刷技术的进步，平面设计 在视觉感观领域的表现也越来越丰富。
• 平面设计从技术上讲，不仅要掌握传统的设计工具， 如画笔、绘图笔和相应的度量工具等，还要掌握电脑 技术和绘图技术。
• 对比
又称对照，把质量反差很大的两个要素成功的配 列在一起，使人感觉对比强烈而又统一，使主体更加 突出、作品更加活跃。
• 密集
是基本形在整个构图
中可自由散布，有疏有密。
其构成形式如图9所示。
• 打散
图9 密集效果图
是一种分解组合。就是把一个完整的东西，分为 各个部分，然后根据一定的构成原则重新组合。
几何形面 曲线面 图3 面的表现形式
视觉元素：是通过视觉元素体现的，视觉元素包 括图形的大小、形状、色彩、肌理等。
关系元素：决定视觉元素在画面上的组织和排列。 包括：方向、位置、空间、重心等。
实用元素：表达含义、内容、设计的目的及功能。
1.1.4 平面设计常用的表现手法
• 渐变 是经常用到的一种效果。其构成形式如图4所示
• 和谐 是指在设计时要注意各个要素或者各部分给人的
感觉和意识是一种整体协调与统一的关系。 • 对称
就是以中心点或中心线为依据，在点的四周或者 线的两边，出现相等、相同或者相似的画面内容。 • 平衡
平衡是通过各种元素的摆放、组合，给人在心理 上感受到一种物理的平衡。 • 重心
画面的中心点，就是视觉的重心点。
1.1.3 平面设计的构成元素
• 线：线是具有位置、方向和长度的一种几何体，它 可以起到引导视线的作用。可以把它理解为点运动 后形成的，线的各种表现形式如图2所示。
线够成的面
两色间的线
自由曲线
图2 线的表现形式
封闭线构成的面
1.1.3 平面设计的构成元素
• 面：是一个平面构成中相对较大的元素。与点强调位 置关系不同，面则强调形状和面积。面的表现形式如 图3所示
1.1.2 平面设计常用术语
• 节奏 是在设计同一要素连续重复时所产生的运动感。
• 韵律 由有规律变化的形象或色群间以数比、等比处理
排列，使之产生音乐的旋律感，称为韵律。 • 分割
按一定比例对画面进行切分，可以看作是骨骼的 一种概念，理解的角度不同，形式上也有所区别。 • 比例
是建立骨骼和对图形进行分割所需要的规则。 • 肌理
• 发射 发射具有方向的规律性，发射中心为最重要的视
觉焦点，所有的形象均向中心集中，或由中心散开，
其构成形式如图7所示 。
• 特异 是指构成要素在有次序的关系里，有意违反次序，
使少数个别的要素显得突出，以打破Байду номын сангаас律性。构成形 式如图8所示。
中心点发射 螺旋式发射 图7 发射效果图
图8 特异效果图
1.1.4 平面设计常用的表现手法