产品形态基础分析 点 线 面
产品形态要素
概念构成的线和视觉要素的线
概念构成的线是一种抽象的线、虚拟的线，
是各种物体的形与外界邻接部分的轮廓。 概念构成的线是认识和表现形态的一种方 式，把握形态特征的一种手段。它随着视 点的变化在形状和位置上有所不同。
视觉构成要素的线表现为直观的、具体的
线，明确存在于造型形态表面处，在面与 面相交部位，在单一面的边缘处，在两部 分形体相结合的地方，有着鲜明的视觉和 触觉效果。
线根据其视觉特征可以分为直线、折线、 几何曲线、自由曲线。
水平直线稳定， 平衡；垂直直线 挺拔、硬朗；倾 斜的直线不稳定， 具有动感。 直角折线稳定； 钝角折线呆滞却 显优雅；锐角折 线敏锐和强烈。
几何曲线符合
一定的数理关 系，形态具有 明显的规律性； 自由曲线变化 无常，但却自 由不羁，或繁 杂或悠扬。
曲面从形式上可分为几何曲面和自由曲面
两种。几何曲面具有理智和情感；而自由 曲面性格奔放，具有丰富的抒情效果。
曲面使人感觉到温和、柔软、圆润和动感，
具有较强的亲近感。
面ห้องสมุดไป่ตู้面的过渡
平面与其它面相交，更多的是体现交线的
个性特征。有规律、有秩序的交线会给人 以明了、简洁、安定、牢固的印象；反之， 会给人以明快、活泼、多变的感觉。
2.1.3面
在几何学的定义上，面是“线的移动轨
迹”，同时也是“立体的界限或交叉”， 面是没有厚度的。在产品形态中，就是把 几何概念中的面视觉化和触觉化，凡是物 体最外层所展现的与外界相邻接的界面都 称之为表面。
面的表情由决定作为主要面的特征的直线
或曲线的表情作用而产生，所以，面的视 觉表现力与线的视觉表现力有一定的对应 关系。
Catlike Sakana 头盔
产品设计中的点线面法则
有意义的，所以这就不是一个合适的用例。
第二个是对角色的划分，很多人认为C端产品没有太多角色的划分，其实以电商为例可以划分为首次登录的用户、老用户、从外链进入的用户等等，不同的用户不同的场景都是能产生不同的用例的，在梳理的阶段分得越细就越不容易出现遗漏或考虑不周的情况。
图1 根据用户和场景的不同建立不同的用例线分清楚线之后我们开始丰富线里面的交互动作。
用例场景是有步骤的（执行了一系列动作）:也就是说，它是一个由一系列业务步骤组成的业务活动。
业务活动是属于线下的真实活动，我们需要把这个业务流转化成线上的交互动作流。
对于一个动作，实际上是没有具体的划分的，例如一张表单里面如果需要填写两部分的内容，产品人员认为表单的其中一部分有复用性需要区分，那么这个流程就可以拆分成两个填写的交互动作。
只要是属于交互动作，并且有足够的理由支持能成为一个节点，那么这一个流程便是合理且符合实际业务情况的。
图2 丰富用例线中每个场景的交互动作在一个用例里动作也存在与其他用例的动作产生交互的现象，例如某机构有销售人员与财务人员，财务人员进行记账时就要获取销售的报价然后等待销售与客户完成交易，这就是销售人员的用例与财务人员的用例产生交互的情况，所以在存在与别的用例产生交集的地方可以先把这里一系列的动作归纳为一个父级动作，在里面再进行一系列子级动作的过程。
同样如果存在一个动作涉及到几个交互动作也可以把它分为子级与父级的关系。
比如”完成表单”是一个父级动作，新建、填写、提交这就是属于”完成表单”的三个子级动作。
这里也类似我们在画素描的时候，如果局部的地方需要画一个箱子，我们就会把这个箱子的范围先确定下来，整个局部都画好了再去细化这个箱子里面的细节，属于一个局部分总分的思想。
最终把所有用例线的交互动作都表示出来就完成了这一环节的工作。
图3 完整得构建出所有用例的交互流程点线构成面，这里所说的面其实是”页面”。
交互动作在系统中最直接的体现就是页面的反馈，所以页面的反馈是需要我们去设计的。
构成的基本要素-点线面
教案2017 年 10 月 9 -11 日第 7 周累计 4个教案 7 课时第（）页，共（）页多个点的近距离设置会有线的感觉，从而多点的不同安置相应会使人产生三角形、四边形、五边形的感觉。
2、点与周围环境被周围密集的线包围或者被某些形所包围的空白就变成了点。
第（）页，共（）页点的密聚组合下，可以形成面，从中可利用挖空的空白来表现你所需要的形态和字体，并有一种精致的纤细感。
点由于周围环境变化一、形的概括会产生不同的感觉。
如周围是小的点子，中间点就会显得大；如周围的点大，则中间的点就会显得小；上下两个同样大的点，上方的点显得大于下方的点。
3、点的密集点的密集靠近，就形成了线的感觉，距离较近的点的吸引力比距离较远的点更强，点的间隔小，它的线化就十分明显。
不具趋向性的点的集合也会形成线化现象，从大到小的线化的点群，产生从强到弱的运动感，同时也产生从近到远的深度感。
因此点的集结就能加强空间变化效果。
密集的距离相同的点会形成面，随着点的大小疏密变化很容易产生深度感。
按照光照射在物体的亮面、暗面来分布，将会出现凹凸的立体感。
第（）页，共（）页第二节线第一部分回顾上节所学造型艺术在传播信息中运用的主要媒介就是形态。
生活中的人物、动物、植物、建筑、产品等都具有特定的形态特征，并因其形态上的特征而产生固有的、独立的形象。
植物的外形不同分类不同；对于人，我们可以识别他的年龄，身高，五官特征等自然形态。
在构成学的层面上，我们把这些独立的形象分解为基本的视觉元素——点、线、面来分析。
上节课我们主要学习了三大造型要素之一——点。
了解了点的特点及其基本的心理效应。
我们知道点是造型基本要素中最小、最简洁、最单纯的形态。
第二部分导入新课线是由什么构成的，如何构成的？由点，移动后产生疏密。
第（）页，共（）页第三部分新课讲授点移动的轨迹形成了线。
当点按一定的方向延伸时就会产生线。
从构成角度来看，线不止具备长度和宽度，把线的内部填满即可成为面形，面形的轮廓由线来决定，也可以作为纹理的填充或支撑的骨架，线是最为有利的造型手段。
描述简约画册的点 线 面排版理念
点线面是设计元素的基本概念，代表了图形设计中最基本的构成要素。
在简约画册的排版设计中，点线面的运用至关重要，它能够帮助设计师打破传统的排版形式，创造出更具有视觉冲击力和吸引力的作品。
本文将深入探讨简约画册的点线面排版理念，从点、线、面三个方面详细分析其在排版设计中的运用。
1. 点的排版理念点是最基本的图形元素之一，它在画册排版设计中扮演着十分重要的角色。
在简约画册中，点的运用可以使图文信息更加丰富多彩，增加版面的活力和动感。
在排版过程中，设计师可以通过点的大小、颜色、密度等方面的运用，突出重点信息，增强版面的视觉效果。
点的排版还能够使画面更加有层次感，增加视觉的舒适度。
简约画册的点排版理念追求简单、大方，突出品牌的独特性和个性魅力，在实践中应当注重点的细节，避免过度装饰和复杂化，确保画册整体风格的简约清新。
2. 线的排版理念线在简约画册的排版设计中也扮演着十分重要的角色。
线的运用不仅可以用于版面的分割和引导，还可以突出重点信息，使画面更加紧凑和丰富。
简约画册的线排版理念注重线条的简洁和流畅，在排版过程中应当避免过多的装饰性线条，追求线条的纯粹和简洁。
线的排版设计还要注重线条的比例、方向和位置，使其更好地融入画面，增强整体的版面效果。
线的排版还要与文字和图片相互配合，形成一个和谐统一的整体，使画册的排版更加有序、清晰。
3. 面的排版理念面是画册排版设计中最基本的构成要素，其运用可以使画面更加具有结构和组织感。
在简约画册中，面的排版理念注重版面的整体均衡和谐，追求简约清新的风格，使画册更加具有品牌的独特性和美感。
面的排版设计要注重版面的比例和布局，使其更好地表达画册所要传达的信息和情感。
面的排版还要注意颜色的搭配和对比，使画册的整体风格更加鲜明和突出。
简约画册的面排版理念追求简约大方，注重版面的整体效果和视觉冲击力，使画册更加具有吸引力和感染力。
点线面是简约画册排版设计中极为重要的元素，其合理运用可以为画册的设计增加活力和吸引力，使其更加符合现代人的审美需求。
点线面的构成原理
点线面的构成原理
点、线、面的构成原理是平面构成的基础，是研究视觉形象构成规律的重要内容。
在平面构成中，点、线、面是最基本的形态元素。
1. 点：点是造型中最小的元素，有确定的位置但没有方向和大小。
不同大小、疏密的混合排列，能构成不同形状的图像。
2. 线：线是点的移动轨迹，有长度和方向但没有宽度和厚度。
线的形态可以分为直线和曲线两大类，具有粗细、长短、曲直、方向等变化。
3. 面：面是由点和线移动闭合而成的，具有长度、宽度和深度的二维空间。
面的形态可以是实面的也可以是虚面的，可以通过不同的组合方式形成不同的形象。
在平面构成中，点、线、面各自具有独特的视觉特征和象征意义，三者之间可以相互转化、组合和相互关系，从而创造出丰富多样的视觉形象。
通过掌握点、线、面的构成原理，可以更好地理解平面构成的规律和方法，提高设计能力和审美水平。
平面构成的视觉形态要素——点线面体
平面构成的视觉形态要素——点线面体从几何学角度来看，点是空间无限缩小，抽象到无限接近0的物质体，它没有大小、宽度、深度和长度，只能定义其位置，而且不能用来表示物
体的形状及颜色等信息。
点是平面视觉形态要素中最基本、最简单的元素。
在平面视觉设计中，点的属性决定了人们利用它来实现的效果，如强调、
分离、指向、聚集、悬浮等，而在视觉设计中，点的连接可以形成不同形
态的线，从而构成空间、面的基础。
线也是视觉形态要素之一，它由一系列点的连接形成，具有宽度、长
度等属性。
线具有强烈视觉冲击力和表达力，可表现视觉空间的起伏高低感，用以表达几何形状、动态变化的抽象思想、自然环境等，也可用来表
示平缓的曲线和角度的变化，同时多条线的聚合可以形成面元素。
面也是视觉形态要素之一，它是由多边形线段的连接组成，有两种：
实体面和空心面。
实体面是由一系列连接在一起的线段构成的，其宽度与
长度以及色彩的变化可以表现出不同的空间感、视觉感等。
空心面则没有
实体，但可以表现出一个形状的轮廓线，表达出形状的信息，而且可以利
用空心面在一定范围内调节光的走向。
产品造型设计基础-形体的构成训练(下)
在形体间的统一性，增加对比感 精致感
把握物体的要谨慎：整体比例、固有比例、相对比例 整体比例—组合形体特征或轮廓比例
固有比例—一个形体内的各种比例：长、宽、高 相对比例—一个与另一个之间的比例，想象下高瘦
视觉感官特征：点、线、面、体
如何才能把三个基本形体组合优美？
作业制作原则：
1 高度重视对比形状的特征
你选择的直棱体在特征上尽可能多变化， 不能有两个相同大小的体块，学会用眼 睛去评估一个设计元素的体量，而不是
凭借测量
作业制作原则：
2 通过选择主导形体、次要形体和附属形体， 建立各体块之间的关系
直、平行、倾斜）
作业制作原则：
3 通过选择形体的递进变化，建立体块之间 的层次关系
主导形体轨迹—明确中心 单一曲线、直线形体—构成形体的韵律感
互动环节
训练二 造型设计中的单一曲线、直线形态构成
学生作业点评
训练二 造型设计中的单一曲线、直线形态构成
小结
5 形态创造的综合训练
训练三
造型设计中的自由曲线形态构成
训练目的：创造有生命力、韵律感、动感的形态 由形态的不确定性向可能性发展
自由曲线 形体特点：造型中生命力、动感是无法计量的，是在心理上
产生的反应。没有力感的形态是没有生命的。 单纯的形体（球体，圆柱，圆锥，立方体），内 部发散力均衡，显得静止，没有生命力。
施加若干变形就产生了生命力和动感，但施加太 多方向的力，各个方向上的力会互相抵消，就会 变得复杂，从而也就丧失了生命力和动感。
通过认识凸形体之间存在的凹空间，我们的造型所具有的 整体个性和该形体的空间位置决定了重要的张力关系。
产品形态基础分析-点,线,面
3
元素的组合方式
形态元素的组合
穿插式组合
元素之间相互重叠但不包容。可以相加或相减。
话机轴线为弧线。但A图外观流畅整体。B图空间层次丰富。
3
元素的组合方式
形态元素的组合
穿插式组合
元素之间相互重叠但不包容。可以相加或相减。
两个大小不一的圆柱体结合后与直棱体穿插组合。
3
元素的组合方式
形态元素的组合
穿插式组合
3
点
三维空间形态元素
3 NOKIA手机的按键随着机型的变化， 创造出丰富多彩的三维的点形态。
点
SONY面板为了保持面板的平整， 将按键设计成与面板处于同一平面。 但有些产品又会把 调节按键的中心稍稍突出 以区别其他不同性质的按键。
3
三维空间形态元素
形态元素的组合 3
邻接式组合
穿插式组合 包容式组合
点
不同的点群关系形 成不同的形态。
3
二维空间形态元素
点
3 早期的索尼前后代手机按键形态 的发展，点的形态开始丰富和多 样化。
二维空间形态元素
通话 菜单
点
3
二维空间形态元素
博朗收音机 运用不同点距、点的大小 来区分不同功能的旋钮区域
点
3
二维空间形态元素
有方向性的点，形成向内的力。 无方向性的点，稳定静止。。
3
线形
三维空间形态元素
家电控制按钮用线形的形态来表示， 非常具备表现力。
3
点 注意通过观察表面结构线来看清点的形态。
三维空间形态元素
通过不同的点的形态，来明确区分开按键的不同功能或性质。
3
点 注意通过观察表面结构线来看清点的形态。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
体块
曲面体： 几何曲面体、 自由曲面体等
由几何曲面体—— 圆柱和斜圆台组合形成的咖啡机
3
三维空间形态元素
体块
曲面体： 几何曲面体、 自由曲面体等
由自由曲面体形成的吸尘器
3
三维空间形态元素
体块
以体块为基本型的 产品形态
三维空间形态元素
将矩形体的棱边倒角形成的新形体，减弱了纯粹的直棱体冷漠呆板的形象。
3
体块
以体块为基本型的 产品形态
三维空间形态元素
以球体为基本型，将其变形或切削后形成形态，或切削后改变轴线，实现新的形态。
3
面片
三维空间形态元素
以面片为主要形态元素的个人电脑设计，
改变了原来体块为主的设计，显示屏、
3
主机、多媒体音箱都变薄了，电脑各部 件之间产生了虚空间，从屏幕到主机部
分有四个层次，使空间关系丰富了很多。
二维空间形态元素
3
硬朗的形态，别具一格的
分型线更突出鼠标个性。
线
产品结构分型线
二维空间形态元素
弧线形式的分型线 给整体形态带来丰 富层次和动感。
3
线
产品外形特征线
二维空间形态元素
3
线
产品外形特征线
二维空间形态元素
线形变化越复杂，所体现的产品特征也越复杂。
3
面
由直线构成的面
正方形、长方形： 纯粹理性，静态中性。
元素之间相互重叠但不包容。可以相加或相减。
直棱线上的面的转折线在1/2圆处，所以在视觉上有秩序感。
3
元素的组合方式
形态元素的组合
穿插式组合
元素之间相互重叠但不包容。可以相加或相减。
两个形态元素以平行穿插的方式组合，相交部分的形态赋予不同材质。
3
元素的组合方式
形态元素的组合
包容式组合
被包容元素已成为另一元素的内部。分封闭，半封闭。
面片 平面面片
三维空间形态元素
3
面片 平面面片
三维空间形态元素
3
面片 平面面片
三维空间形态元素
3
面片 曲面面片
采用弧线特征的铝合金几何曲面面 片为前面板，与主机盒结合，改变 了单一的体块形态，增加了形态空 间层次。
三维空间形态元素
3
面片
曲面面片
三维空间形态元素
显示器后盖采用曲面面片，四边以弧线性内陷，呼应面 片的曲面特征，增加了后背的空间层次。
3
形态分析方法 形态元素的组合
形态元素的组合
不同的组合方式产生不同的产品形态类型。形态元素的组合运用千变万化。 我们必须通过这些元素在产品形态中的等级次序， 才能较为清晰地辨别其组合方式、理解形式形成的过程和所要传达的信息。
3
形态元素的等级
形态元素的组合
主导性元素 半球
次要性元素 倒角的圆柱
3
形态元素的等级
3
体块
以体块为基本型的 产品形态
三维空间形态元素
但是！倒角半径R的大小影响着形体变化。当半径R达到直棱体最短边的一半时， 原来矩形体的主要特征就完全消失，取而代之的是圆柱体与矩形体的组合。
3
体块
以体块为基本型的 产品形态
三维空间形态元素
3
体块
以体块为基本型的 产品形态
三维空间形态元素
以球体为基本型，将其变形或切削后形成形态，或切削后改变轴线，实现新的形态。
二维空间形态元素
3
线
产品表面的线
产品表面线的排列方向的 变化对产品形态的影响。
二维空间形态元素
3
线
产品结构分型线
产品结构的分型要符合结 构和生产工艺。但在这些 要求允许的条件下，可以 创造出细致有变化的线， 为形态增加层次感。
具有抛物线形式的分型线 给整体形态带来动感。
3
二维空间形态元素
线
产品结构分型线
点
不同的点群关系形 成不同的形态。
3
二维空间形态元素
点
3 早期的索尼前后代手机按键形态 的发展，点的形态开始丰富和多 样化。
二维空间形态元素
通话 菜单
点
3
二维空间形态元素
博朗收音机 运用不同点距、点的大小 来区分不同功能的旋钮区域
点
3
二维空间形态元素
有方向性的点，形成向内的力。 无方向性的点，稳定静止。。
面
由直线构成的面
二维空间形态元素
3
面
由曲线构成的面
二维空间形态元素
3
面
由曲线构成的面
二维空间形态元素
正圆、椭圆：饱满、圆润，最易被识别。 但椭圆有明确的轴线，更空间形态元素
凸形和凹形是一组相对的形态，凸形表现出明确的力量感，凹形更富于表现虚空间。
3
3
面片 曲面面片
三维空间形态元素
抛物线成型的几何曲面面片，其分割同 样采用抛物线，既实现功能，形态又有 新意。
3
线形
三维空间形态元素
处于面片边缘的线，就是线形。 线形可以完全独立，也可以是产品的骨架。
3
B&O的耳挂式耳机的耳挂部分采用正圆形线形，
配合其品牌一贯的严谨理性的产品形象。
线形
三维空间形态元素 生活用品中运用线形，可单一可排列，表现出通透空间感。
3
元素的组合方式
形态元素的组合
穿插式组合
元素之间相互重叠但不包容。可以相加或相减。
话机轴线为弧线。但A图外观流畅整体。B图空间层次丰富。
3
元素的组合方式
形态元素的组合
穿插式组合
元素之间相互重叠但不包容。可以相加或相减。
两个大小不一的圆柱体结合后与直棱体穿插组合。
3
元素的组合方式
形态元素的组合
穿插式组合
3
形态分析方法点，线，面
二维空间形态元素 3
点
产品中的点元素
3
二维空间形态元素
点
当今设计界的理念
二维空间形态元素 原研哉 RE-DESIGN
3
点
3
二维空间形态元素
点
3
二维空间形态元素
点
3
二维空间形态元素
区域1 区域2 区域3
区域4 遥控器按键排列所形成 的点群关系，不同区域 呈现不同功能。
分开与组合。
3
形态元素的组合
主导性元素 变形椭球
次要性元素
3
倒角四棱柱
形态元素的等级
形态元素的组合
主导性元素
3
倒角三棱柱
次要性元素 变形椭球
邻接式组合
元素的组合方式
形态元素的组合
各个独立的形态元素并置或通过第三元素连接
曲面面片+直棱体
3
面片+四棱台
邻接式组合
元素的组合方式
形态元素的组合
各个独立的形态元素并置或通过第三元素连接
面
凹形和凸形
力的作用对形的影响示意图
3 方形面的形态变化途径
二维空间形态元素
面
凹形和凸形
二维空间形态元素
3
四个角都还在老位置，但右下角在视觉上内收，产生不平衡。
将右下角顺着45度角推出原来位置，获得视觉平衡。
三维空间形态元素 3
体块
直棱体： 矩形体、棱锥等
由直棱体—— 棱锥组合形成的电视机
3
锐角、钝角构成的三角形： 一边与水平线平行，稳定。
锐角、钝角构成的三角形： 无任何一边与水平线平行， 不稳定。
多边形：
3 边线数量增加，越趋于圆形， 形态也越饱满。
二维空间形态元素
面
由直线构成的面
正方形、长方形
二维空间形态元素
锐角、钝角 构成的三角形
3
当成为封闭形后， 张力变化就会受到 闭合性视觉重力的 影响，呈现不同的 稳定感受。
ALESSI果盘，将水果作为体块元素，由圆管形成的面片包容之。形成新形态。
3
包容式组合
元素的组合方式
形态元素的组合
被包容元素已成为另一元素的内部。分封闭，半封闭。
3
包容式组合
元素的组合方式
形态元素的组合
被包容元素已成为另一元素的内部。分封闭，半封闭。
松下煮蛋器采用包容式设计， 主机采用透明圆柱体包容内 部发热组件，部件之间能够
点
二维空间形态元素
产品形态上，可以被感知的点： 按键、散热孔、发音孔、文字图标、指示灯 等。
但这些点形态大小不一，性质不同，有差异 性，需要区别对待。
3
点
在空间中，通过对比关 系形成的点群。
3 取景窗、左侧文字等， 均具有点、点群的性质。
二维空间形态元素
点
3
二维空间形态元素 按键、文字
点
3
风孔
3
点
三维空间形态元素
3 NOKIA手机的按键随着机型的变化， 创造出丰富多彩的三维的点形态。
点
SONY面板为了保持面板的平整， 将按键设计成与面板处于同一平面。 但有些产品又会把 调节按键的中心稍稍突出 以区别其他不同性质的按键。
3
三维空间形态元素
形态元素的组合 3
邻接式组合
穿插式组合 包容式组合
二维空间形态元素
音孔
按键、图标 按键、图标
点
二维空间形态元素
按键、文字、孔洞。。这些点以不同的形态和排列组合方式产生不同的视觉效果。
指示灯 排水孔
3
线
3
二维空间形态元素
线
3
二维空间形态元素
线
3
二维空间形态元素
线
3
二维空间形态元素
线
3
二维空间形态元素
线
产品表面的线