第3单元 网页艺术设计1[34页]
网页设计与制作讲义课件第3章
渐变填充采用若干种颜色之间平滑地过渡来进行填 充。
单击颜色拾取框上的【填充选项】按钮可以选择填充 的类型并作进一步的设置。
(2) 【笔尖大小】：用于设置刷子、铅笔、橡皮擦等绘图 工具的笔头的粗细。
(3) 【边缘】：用于设置用绘图工具绘出的图像边缘的柔 和程度。
网页设计与制作课件第 3章
精品
本章重点：
位图绘图和编辑操作 位图的选区操作 矢量图绘图和编辑操作 路径的操作 文字的使用方法 路径、文字、选区互相转换
3.1位图绘制
位图是由像素组成的。Fireworks 8提供了许多 修饰位图图像的方法，包括修饰、裁剪、羽化和克隆 图像等操作。利用图层和蒙版技术还可以进行图像的 后期创作，可以取得一些特殊的效果。
3. 设置不规则选区
用于设置不规则选区的是【套索工具】。具体操作如 下：
选择【自动擦除】选项时，当【铅笔工具】在描边颜色上拖 动时会自动转为使用填充颜色绘图，相当于擦除了描边。
3.刷子工具
【刷子工具】汇集了生活中各种绘图工具的功能，可 以模拟各种作图手法画出异彩纷呈的图像。单击工具 箱中的【刷子工具】按钮，并在属性面板里设置所需 的属性，然后在画布中拖曳鼠标即可画出相应图形。
3.1.1位图的绘图操作
1. 绘图工具的常用属性
Fireworks 8 工具箱里有很多绘图工具，在属性面 板里可以设置绘图工具的各种属性，使之具有各种不 同的功能和状态，以满足各种各样的绘图需求。属性 面板里各项属性的功能如下。
(1) 【颜色】：用户可以通过单击【颜色选择按钮】 打开颜色拾取框来选择所需的颜色，颜色拾取框上列 出了网络安全色；单击【系统颜色选取器】按钮可以 打开调色板，选用其它丰富多彩的颜色。单击【透明】 按钮可以选择无色。
网页艺术设计教案
网页艺术设计教案一、教学目标1. 让学生了解网页艺术设计的基本概念和原则。
2. 培养学生对网页布局、色彩、字体等设计元素的应用能力。
3. 提高学生利用网页设计软件进行创作的技能。
4. 培养学生团队协作和沟通能力，提高团队网页设计能力。
二、教学内容1. 网页艺术设计基本概念与原则网页设计的定义网页设计的基本原则（如：简洁性、实用性、美观性等）2. 网页布局设计页面结构布局网格系统与版式设计界面元素排列与层次感3. 色彩应用色彩基本理论色彩搭配原则网页色彩应用案例分析4. 字体与排版字体选择与搭配排版原则与技巧文字视觉效果优化5. 网页设计软件应用Adobe Photoshop网页设计应用Adobe Illustrator网页设计应用HTML/CSS网页编程基础三、教学方法1. 讲授法：讲解网页艺术设计的基本概念、原则及设计技巧。
2. 案例分析法：分析优秀网页设计案例，引导学生理解设计原则和技巧。
3. 实践操作法：学生利用网页设计软件进行实践操作，锻炼设计能力。
4. 小组讨论法：分组进行网页设计项目，培养学生团队协作和沟通能力。
四、教学安排1. 第1-2课时：讲解网页艺术设计基本概念与原则。
2. 第3-4课时：讲解网页布局设计，并进行实践操作。
3. 第5-6课时：讲解色彩应用，并进行实践操作。
4. 第7-8课时：讲解字体与排版，并进行实践操作。
5. 第9-10课时：讲解网页设计软件应用，并进行实践操作。
五、教学评价1. 课堂参与度：学生课堂提问、讨论、分享等活动的积极性。
2. 实践操作能力：学生利用网页设计软件完成设计作品的质量。
3. 团队协作与沟通能力：学生在小组网页设计项目中的表现。
4. 作品创意与审美：学生网页设计的创意性、美观性及实用性。
六、教学资源1. 教材：网页艺术设计基础教程2. 辅助材料：优秀网页设计案例、设计软件教程3. 软件工具：Adobe Photoshop、Adobe Illustrator、HTML/CSS编辑器4. 网络资源：相关设计网站、在线教程、设计社区七、教学过程1. 导入：通过展示优秀网页设计案例，引发学生对网页艺术设计的兴趣。
三网页界面设计字体PPT课件
划不符，就成别字，轻则字义不同，重则不成其字，无人认得，这就 完全失去了文字本身的作用。因此字形要做到确切无误，既不能任意 增加笔画，也不能任意减少或改变，以便保证期信息传达功能的准确 性。
第1页/共47页
2．风格要统一 字母汉字，字体笔画都必须统一。如写汉字，不宜三笔隶体，二
1.识别性 关于识别性要求必须容易识别，易记忆。这就要做到无论是从色彩还是
构图上一定要讲究简单。 2.特异性 所谓特异性就是要与其他的LOGO有区别，要有自己的特性，以区别
于其它LOGO。
第13页/共47页
3.内涵性 设计LOGO一定要有它自身的含义，否则就算做的再漂亮，再完
美也只是形式上的漂亮，却没有一点意义。 4.法律意识 关于LOGO的法律意识一定要注意敏感的字样、形状和语言。 5.整体形象规划（结构性） LOGO不同的结构会给人不同的心理意： ⑴ 个性化就是针对个人的行为、需求、喜好提供剪裁后的网页给用户。 ⑵ 定制化(指用户告诉人们想要什么，但有时候用户自己都不知道他们 要需要什么)是给用户直接控制权，可以针对展现格式、导航和内容选 项的组合做调整。 ⑶ 可视化：让用户可能采用可视化的方式浏览。(在网上浏览博物馆网 站时就像逛现实生活中的博物馆一样身临其境的感觉，) 。 ⑷ 社会化：用户上网的需求点、兴趣点可以从观察其它用户行为中推 论出来的基础上。
按钮不能和网页中的其他元素挤在一起。它需要充足的margin(外边 距)才能更加突出，也需要更多的padding(内边距)才能让文字更容易阅 读。
第23页/共47页
5.4网页的简约设计
在网页设计中，简约并不一定等同于极简主义者的设计美学。简 约的网站只是从设计、内容、以及代码中移除了所有不必要的元素。 而极简主义的网站普遍符合这一标准，有许多网站，不管你如何想象， 都不会被认为是仍适合简单定义的“极简主义”。
网页艺术设计教案
网页艺术设计教案第一章：网页设计概述1.1 网页设计的基本概念介绍网页设计的定义和目的解释网页设计师的角色和职责1.2 网页设计的原则与流程介绍网页设计的基本原则（如用户体验、界面设计等）解释网页设计的流程（如需求分析、设计稿、开发等）第二章：网页设计基本技能2.1 图形设计软件的使用介绍常用的图形设计软件（如Adobe Photoshop、Illustrator等）解释如何在软件中进行基本图形设计操作2.2 网页布局与排版介绍网页布局的基本概念（如网格系统、Flexbox、CSS等）解释如何进行有效的网页排版和版式设计第三章：网页色彩与字体设计3.1 色彩理论基础介绍色彩理论的基本概念（如色轮、色彩属性等）解释如何运用色彩理论进行网页色彩搭配3.2 字体设计与排版介绍字体设计的基本概念（如字体种类、字体搭配等）解释如何选择合适的字体和进行排版设计第四章：网页动画与交互设计4.1 动画设计基础介绍动画设计的基本概念（如关键帧、补间动画等）解释如何使用CSS动画或JavaScript实现动画效果4.2 交互设计原理与实践介绍交互设计的基本概念（如、滑动、拖拽等）解释如何设计网页中的交互效果和增强用户体验第五章：响应式网页设计5.1 响应式网页设计概述介绍响应式网页设计的概念和重要性解释响应式网页设计的目标和原则5.2 实现响应式网页设计介绍常用的响应式网页设计技术和工具（如媒体查询、弹性布局等）解释如何实现响应式网页设计和兼容不同设备第六章：网页设计规范与最佳实践6.1 网页设计规范介绍网页设计规范的重要性解释常见的网页设计规范（如W3C标准、可访问性规范等）6.2 最佳实践分享分享业界认可的网页设计最佳实践案例讨论如何运用这些最佳实践提升网页设计质量第七章：网页设计案例分析7.1 成功网页设计案例解析分析业界公认的成功网页设计案例解释其成功的原因和设计亮点7.2 失败网页设计案例解析分析一些失败的网页设计案例解释其失败的原因和可以改进的地方第八章：网页设计工具与资源8.1 网页设计工具介绍介绍常用的网页设计工具（如Adobe XD、Sketch等）解释这些工具的功能和如何使用它们8.2 网页设计资源分享分享一些有用的网页设计资源（如免费图标、字体、模板等）讨论如何利用这些资源提高设计效率第九章：网页设计项目管理与团队协作9.1 项目管理基础介绍项目管理的基本概念和流程解释如何运用项目管理工具进行网页设计项目规划和管理9.2 团队协作与沟通介绍团队协作和沟通的重要性讨论如何在团队中进行有效沟通和协作第十章：网页设计趋势与未来发展10.1 当前网页设计趋势分析当前流行的网页设计趋势解释如何将这些趋势应用到实际设计中10.2 网页设计的未来发展探讨网页设计未来的发展方向和可能性鼓励学生保持学习和创新，以适应未来的变化重点和难点解析重点环节一：网页设计的原则与流程网页设计原则（如用户体验、界面设计等）的深刻理解和应用网页设计流程（如需求分析、设计稿、开发等）的详细规划和执行重点环节二：图形设计软件的使用熟练使用图形设计软件（如Adobe Photoshop、Illustrator等）进行基本图形设计操作如何在软件中进行高效的设计工作流程管理和创意实现重点环节三：网页色彩与字体设计色彩理论的深入理解和网页色彩搭配的应用字体设计的选择和排版设计的布局策略重点环节四：网页动画与交互设计CSS动画或JavaScript实现动画效果的技术细节交互设计原理的理解和网页中交互效果的设计实践重点环节五：响应式网页设计响应式网页设计的目标和原则的深入理解常用的响应式网页设计技术和工具（如媒体查询、弹性布局等）的实践应用重点环节六：网页设计规范与最佳实践理解网页设计规范的重要性及其在实际设计中的应用掌握业界认可的网页设计最佳实践案例和提升设计质量的方法重点环节七：网页设计案例分析分析成功和失败网页设计案例，理解其背后的设计理念和用户体验要素学会从案例中提取设计灵感和改进方向重点环节八：网页设计工具与资源熟练掌握网页设计工具（如Adobe XD、Sketch等）的功能和使用技巧了解和利用网页设计资源（如免费图标、字体、模板等）来提高设计效率重点环节九：网页设计项目管理与团队协作掌握项目管理的基本概念和流程，运用项目管理工具进行网页设计项目规划和管理重点环节十：网页设计趋势与未来发展分析当前流行的网页设计趋势，了解行业动态探索网页设计未来的发展方向，培养创新思维以适应未来的挑战本教案围绕网页艺术设计的核心内容，从设计原则与流程、设计工具的使用、色彩与字体设计、动画与交互设计、响应式设计、规范与最佳实践、案例分析、资源利用、项目管理与团队协作到趋势与未来发展，全面覆盖了网页设计的专业知识和实践技能。
Web艺术设计.
网页的色彩选择和搭配在网页制作中起到 非常重要的作用，也是网页设计的重点之一， 因为它将决定浏览者对网站的第一印象，好 的色彩搭配可以使网页独具魅力，相反则提 不起浏览者的兴趣。网页色彩的选择包括： 色调、背景、文字、图表、边框、链接应采 用何种色彩，如何搭配等内容。
4.2.1 色彩（1）
1、网页设计的色彩基础
4.1.1
Web的技术环境（1）
从技术为人服务的观念出发，应 尽可能地从用户的角度来进行Web 设计。要想有更多的人能很好地访 问你所设计的站点，就应使Web站 点适应不同的浏览器、操作系统和）
1、关于浏览器的技术
网页设计者首先面临的问题是如何使 网页在不同浏览器中都能正常显示。由 于每种浏览器对HTML文件标签的解释都 不同，导致对HTML文件的显示方式的解 释存在差异。因此设计者应尽量在多种 浏览器环境中测试自己的工作，以便对 用户使用的浏览器提出要求或说明。
暗色与高亮色对比，会给人清晰强烈的刺激；中性色与低 亮度色对比；给人模糊、朦胧、深奥的感觉；纯色与高亮 度色的对比，给人跳跃、舞动的感觉；纯色与低亮度色对 比，给人以强硬和不可改变的感觉。
4.2.1 色彩（13）
（2）配色（续）
饱和度搭配：分为高饱和度、中饱和度、低
饱和度的搭配。纯色或三基色之间的对比给人的视 觉刺激最强烈，使色彩的效果更明确和肯定。通常 可通过加入黑色、白色或灰色来降低饱和度。
基本面貌和性质。如：红、绿、蓝等各种颜色。 饱和度（Saturation）：指颜色的深浅程度或浓 淡程度。一般鲜艳的色彩其饱和度都比较高，较刺 眼，故饱和度高的颜色一般不用作网页背景。 亮度（Brightness）： 指颜色的明暗程度。如白 色亮度高，黑色亮度低；黄色亮度最高，紫色亮度 最低。 非彩色（指黑色、白色和各种深浅不一的灰色） 只有亮度特征，没有色相和饱和度的区别。
网页设计教程第3章
<head>标签内包含文档的元信息 ，如字符集定义、样式表链接、 脚本链接等。
一个基本的HTML文档结构包括 `<!DOCTYPE html>`、`<html>` 、`<head>`和`<body>`等标签 。
<html>标签是整个HTML文档的 根元素。
<body>标签内包含网页的所有 内容，如文本、图片、链接、视 频等。
网页设计教程第3章
目录
• 网页计实战
01
网页设计基础
网页设计概述
网页设计的定义
网页设计是指使用HTML、CSS和 JavaScript等技术，将内容、布局 和交互效果整合在一起，创建出 能够在互联网上访问的网页的过 程。
网页设计的目的
网页设计的目的是为了向用户传 递信息、提供服务或产品，同时 给用户带来良好的视觉和交互体 验。
或提供额外信息。
02 动画与过渡效果
运用适当的动画和过渡效 果，提升页面的动态感和 视觉效果。
04 响应式设计
确保网页在不同设备和屏
幕尺寸上的适应性，提供
一致的用户体验。
THANKS
感谢观看
网页设计的发展历
程
随着互联网的普及和发展，网页 设计经历了从静态网页到动态网 页，再到响应式网页的演变过程。
网页设计的基本元素
文本
文本是网页设计中最重要的元素之一，它能够直 接向用户传递信息。在网页设计中，应选择易于 阅读和理解的字体和字号，同时注意文本的可读 性和可访问性。
链接
链接是网页设计中不可或缺的元素之一，它能够 引导用户跳转到其他页面或网站。在网页设计中 ，应合理设置链接的位置、颜色和样式，同时注 意链接的可点击性和可用性。
《网页设计》完整课件网页设计
创建本地站点
■ 创建本地站点的方法：
■单1、击第一此步处必须编先辑在本母地版计算标机题的磁样
盘上建立一个文件夹。（作为本地
站点的根文件夹）式
■ 提示：为了方便以后管理站点上的文件， 先在本单地击文此件处夹编中辑创母建版几副个标目题录样：式htm、 img、 others，分别存放网页设计中用到 的资源及网页文件。
•《网页设计》完整课件网页设计
➢ 在“http地址”文本框中，输入已完成的Web 站点将使用的URL。
➢ 对于“启用缓存”选项，指定是否创建本地 缓存以提高链接和站点管理任务的速度，这 是DreamweaverMX 提供的很好的资源，要 选中。 在本地计算机上设计网页，本地站点的信息 设置已经足够了，远程站点的信息以后设置。
三、 对象面板（“插入”栏）
对象面板的作用就是在光标的后面加入不同的对 象，如表格、图像、图层等。它包含用于将各种 类型的“对象”插入到文档中的按钮。
对象面板共分12项，分别是：常用、布局、文本、 表格、框架、表单、模板、字符、媒体、文件头、 脚本、应用程序。
对象面板是在网页中创建各种类型元素的重要工 具，使用对象面板时，只要单击对象按钮到页面 编辑窗口就可以插入对象了。根据插入的对象不 同，Dreamweaver会弹出相应的对话框，让用户 对插入的对象做进一步的设置。
•《网页设计》完整课件网页设计
可以修 改工作 区的风
格
参数选择对话框•《网页设计》完整课件网页设计
2、在“参数选择”对话框中的左侧的 “分类”列表中选择“常规”类。 3、单击“更改工作区”按钮。 4、选择一种工作区布局，然后单击“确 定”按钮。此时系统会出现一条警告信 息，通知您重新启动Dreamweaver后将出 现新的布局。 5、退出Dreamweaver MX，并重新启动 它，就换了一种工作界面。
网页艺术设计
一、网页艺术设计
(二)、网页艺术设计的原则
一方面，网页设计所追求的形式美，必须适合主 题的需要，这是网页设计的前提。只讲花哨的表现形 式以及过于强调“独特的设计风格”而脱离内容，或 者只求内容而缺乏艺术的表现，网页设计都会变的空 洞而无力。设计者只有将二者有机地统一起来，深入 领会主题的精髓，再融合自己的思想感情，找到一个 完美的表现形式，才能体现出网页设计独具的分量和 特有的价值。另一方面，要确保网页上的每一个元素 都有存在的必要性，不要为了炫耀而使用冗余的技术。 那样得到的效果可能会适得其反。只有通过认真设计 和充分的考虑来实现全面的功能并体现美感才能实现 形式与内容的统一。
一、网页艺术设计
随着时代的发展，网站建设越来越接近于一门艺术而 不仅仅是一项技术。网页的艺术设计，日益被网站建 设者所注重。在目前国内对此领域研究甚少的情况下， 将网页艺术设计与其他艺术设计形式进行比较，尝试 从网页艺术设计的内容、原则和特点等三个方面，对 这个新的艺术设计领域进行初步的归纳总结和理论探 讨。
一、网页艺术设计
2.版式设计 网页的版式设计同报刊杂志等平面媒体的版式设计有 很多共同之处，它在网页的艺术设计中占据着重要的 地位。所谓网页的版式设计，是在有限的屏幕空间上 将视听多媒体元素进行有机的排列组合，将理性思维 个性化的表现出来，是一种具有个人风格和艺术特色 的视听传达方式。它在传达信息的同时，也产生感官 上的美感和精神上的享受。 但网页的排版与书籍杂志的排版又有很多差异。印刷 品都有固定的规格尺寸，网页则不然，它的尺寸是由 读者来控制的。这使网页设计者不能精确控制页面上 每个元素的尺寸和位置。而且，网页的组织结构不像 印刷品那样为线性组合，这给网页的版式设计带来了 一定的难度。
一、网页艺术设计
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
解面在网页设计中的作用
ቤተ መጻሕፍቲ ባይዱ
面在网页设计的作用
掌握视觉流域的概念，掌握 美学概念和法则，掌握九对 形式美法则和自然法则
视觉流域，美学，美学法则，自然法则，网 页设计的法则
第3单元 网页艺术设计
3.1 网页艺术设计概述
3.1.1 网页常用的图像格式以及优化 Web设计的流程经历了很多戏剧性的变化，其实设计如同万事万物一样，
图3.8点设计
第3单元 网页艺术设计
3.2 点设计 3.2.2 案例一
本案例采用点设计手法，案例 里有很多点，虽然元素都是相同的， 但是通过大小不同、高低不同或者相 同的组合，并不感觉页面单调，而是 产生跳跃、活泼、自然的感觉，通过 其明暗、位置、阴影、投影效果设置， 页面感觉很丰富，当然层次感（表示 环境的分层状态）、立体感也就体现 出来了。中心是网页的重心，并将标 志也放在中心点。它能吸引人的视线， 成为视线的集中处。最终的效果如图 3.9所示。
第3单元 网页艺术设计
3.1 网页艺术设计概述 3.1.1 网页常用的图像格式以及优化
•选用最佳的文件格式 对于包含简单平面插图
或 绘 画 的 图 像 ， 选 用 8-bit PNG 或GIF格式并减少调色 板中的颜色数目，如图3.2所 示的绘画图像。PhotoShop允 许你为 web 应用保存图像， 同时可以微调图像设置。通过 把调色板从256色改为32色， 就可以极大地减小文件尺寸。 图像的颜色数越少，文件越小。
第3单元 网页艺术设计
3.1 网页艺术设计概述 3.1.2 网页创意的基本表现形式
图3. 4 莫里斯的两幅作品点、线、 面是视觉构成的基本元素，自然界万 事万物的构成都离不开点、线、面。 点、线、面是表现视觉形象的基本设 计语言。网页设计实际上就是如何处 理好三者的关系，因为不管是任何视 觉形象或者版式构成，归结到底，都 可以归纳为点、线和面。图3.5是胡 杨林的个人官方网站首页的截图。
图3.9 最终网页效果图
第3单元 网页艺术设计
3.2 点设计 3.2.3 操作步骤
1.打开Photoshop cs3，按 Ctrl+N快捷键，将出现【新建】对话 框，具体设置如图3.10所示。单击 【确定】按钮。
2.前景色设置如图3.11左图所示。 按Alt+Delete键，填充背景图层。
3.按Ctrl+Shift+N键，新建图层， 按M键，在大概黄金分割点处制作矩 形选区，前景色设置如图3.11右图所 示。按Alt+Delete键，填充选区，按5 键，将此图层变为半透明。
第3单元 网页艺术设计
教学要求
知识要点 点设计 线设计 面设计
美学法则
能力要求
关联知识
掌握点设计手法和技巧，了 点设计，点本质，点在几何学的作用，点在
解点在网页设计中的作用
网页的作用
掌握线设计手法和技巧，了 线设计，线作用，线的视觉效果，线在网页
解线在网页设计中的作用
设计中的作用
掌握面设计手法和技巧，了 面设计，面在几何学的作用，面的表现形式，
图3.10 【新建】对话框 图 3.11 设置两次前景色
第3单元 网页艺术设计
图3.5 胡杨林的个人网页的截图
第3单元 网页艺术设计
3.2 点设计 3.2.1 点设计概述
如图3.6所示的网站首页，当网 页中有一个点时，它能吸引人的视线， 成为视线的集中处。点的本质是一种 体现动态张力的静止图形。实际上， 点在设计中可以起某种稳定图式、造 型的作用，而同一面中有三个点能形 成视觉感受稳定的面。
图3.3 画面构图
第3单元 网页艺术设计
3.1 网页艺术设计概述 3.1.2 网页创意的基本表现形式
网页创意的基本表现形式也是构成， 这个构成从美术画面构成而来的，网页构 成可以理解为：在有限的网页空间里，将 网页构成要素—文字、图形、线条、和颜 色色块等因素，根据特定主题的需要进行 组合排列，并运用造型要素及形式原理， 把构思与计划以视觉形式表达出来。 构成的历史，应追溯到20世纪初英国的艺 术与手工艺运动领导人莫里斯，后人称之 为设计之父，其设计风格严谨、朴素大方、 十分简洁、淡雅。在构成中采用对称式构 图、美观的字体、新颖的面编排和精美的 装饰纹样，具有经久耐看的效果，如图3.4 是莫里斯的两幅作品。
形式变化多样，但是优秀设计的原则和规律从未改变，无论网页配色，还是 浏览者浏览网页顺序，以及合理有效使用图形。
• 裁剪掉多余的白色区域 有时候你的图像周
围会留下空白区域，用 来避免它与文字或其他 页面元素靠在一起。作 为替代，裁剪掉空白， 然后使用CSS 来创建图 像周围的边距。如图3.1 所示。
图3.1 裁切图片
图3.2 绘画图像
第3单元 网页艺术设计
3.1 网页艺术设计概述 3.1.2 网页创意的基本表现形式
画面构图是美术基本知识，
可以这样理解：比如一张白纸没 有任何的空间，当画上一条线， 就破坏了纸面的完整与稳定，就 出现了线将白纸分割的现象，那 么白纸出现了画面构图。如果在 纸上放置一个物体，那纸面就形 成了一个空间，如果放置两个以 上的物体，就得考虑形体的组合 方式，如图3.3所示左图一线分割 画面；中图一点在画面空间；右 图三点组合分割页面并且构成一 个三角形。
图3.7 网页的项目列表
第3单元 网页艺术设计
3.2 点设计 3.2.1 点设计概述
图3.8所示的页 面是多个点，看一个 点会受到另外一个点 的干扰。三点连接构 成一个稳定的三角， 成为一个平面，多个 点还可以组合图形， 组合模块。注意点元 素放置的时候注意大 小，颜色的差别。如 果太一致就会产生呆 板的感觉。
在视觉中，点具有形状、方向、 大小等特性。点的概念是相对的，是 与周围的视觉元素相比较而言的。点 一般多为圆形，但也可以是三角形、 方形、无规则图形。点的面积扩大就 会形成面。
图3.6 网站首页
第3单元 网页艺术设计
3.2 点设计 3.2.1 点设计概述
图3.7所示的网页项目列表是多 个类似的点同时出现，在点与点之间 就会形成一种视觉上的连接线，点的 等距垂直排列，在视觉上形成虚拟的 竖线。起到分割页面的作用。如果项 目符号是水平排列的，则有种平稳、 安详的感觉。