第一章 21 世纪网页设计的审美传播 赵娟. 学习目标  本章侧重介绍网站美工的基本理论、基础知 识、基本技能和方法,了解网站和网页的基 本设计思想,使学生掌握色彩基础知识、平 面构成、版式及创意等相关的内容。着重提 高学习者对网页设计的认识和理解.

Slides:



Advertisements
Similar presentations
文字前后关系的处理,具有醒目的视觉流程 版式的编排和设计欣赏. 中文文字编排的一个典型探索,传统与现代的直接对话.
Advertisements

数据结构的引入. 通讯录管理 社团机构管理 校园导航管理 通讯录管理 社团机构管理 校园导航管理.
第四讲 课 题:在 Dreamweaver8 中使用表格布置页面 目的及要求:使用表格布置页面 教学重点:重点掌握设置表格属性的方法 教学难点:嵌套单元格设置布局表格的形式对网页进 行布局 教学课时: 2 课时 教学方法:提问与比较教学方式,激发学生兴趣; 教学内容与步骤:
计算机网络教程 任课教师:孙颖楷.
——Windows98与Office2000(第二版) 林卓然编著 中山大学出版社
第六 章数据库访问页 6.1 数据访问页视图 6.2 创建数据访问页 6.3 编辑数据访问页 6.4 查看数据访问页 退出.
欢迎进入心理课堂.
山东英才学院 SHANDONG YINGCAI UNIVERSITY
C++面试笔试精要 张立伦 讲师的CSDN博客地址
网页设计师的职业成长规律 主讲:刘万辉 淮安信息职业技术学院.
淄博信息工程学校 ZIBOIT&ENGINEERING VOCATONAL SHCOOL 02 认识虚拟局域网 计算机网络技术专业.
案例2 胸卡的制作. 案例2 胸卡的制作 知识要点: 学习重点及制作思路 学习目的: 邀请函的制作步骤: 1.掌握邮件合并功能 2.掌握比较并合并文档方法 3.掌握页面插入背景图 4.熟练使用文本框 知识要点: 1.邮件合并功能 2.文档中插入域内容 3.文本框的使用 技能要点: 1.域、文档部件操作.
综合布线技术与实践教程 第九章:综合布线系统工程网络分析 课程网站:
UI(用户界面)集训班 Illustrator 高级班.
中等职业教育计算机专业 Flash CS6 动画设计 与制作 重庆市永川职业教育中心.
常用逻辑用语复习课 李娟.
会计学专业基础课堂之 基础会计(初级会计) 安徽财经大学会计学院.
第四次大作业 登陆学校图书馆网站的电子数据库
计算机基础知识 丁家营镇九年制学校 徐中先.
计算机技术应用 ——文科 计算中心公共计算机教学部 陈志云
《数据库原理及应用》课程介绍 信息工程学院 孙俊国
展板设计与制作教案 -2 版面设计. [ 版面设计概述 ] : 版面设计,又称为版式设计,是平面设计中的一大分 支,主要指运用造型要素及形式原理,对版面内的文字字 体、图像图形、线条、表格颜色等内容。 这些元素是按照一定的美学原理要求进行编排,并以视 觉方式艺术地表达。 版面设计用于会展所涉及到平面的众多领域。
谈谈网页中的“信息”.
色彩 · 对比.
ACD/ChemSketch软件在有机化学教学中的简单应用
Computer Graphics 计算机图形学基础 张 赐 Mail: CSDN博客地址:
建筑美术Ⅱ-色彩基础知识 09-10(2)学期1年级建筑
第11章:一些著名开源软件介绍 第12章:服务安装和配置 本章教学目标: 了解当前一些应用最广泛的开源软件项目 搭建一个网站服务器
个人简历 PERSONAL RESUME.
致远中学张可 2015年10月21日.
S 数控机床故障诊断与维修.
Photoshop 图像处理技术.
Simple , Powerful and fee
UI 软件 设计 移动UI设计(三).
宁波市高校慕课联盟课程 与 进行交互 Linux 系统管理.
宁波市高校慕课联盟课程 与 进行交互 Linux 系统管理.
实用网络营销基础 冯英健 2006年8月6日 首页.
图片与视频数字化. 图片与视频数字化 图片分类 根据图片的构成元素来分 位图: 由像素组成,计算机按顺序存储每个像素点 的颜色信息的保存方式获得的图片。 位图放大后会模糊失真,存储空间相对较大。 矢量图: 由图元组成,通过数学公式计算获得的图片。 放大后不会失真,占用空间小。
C语言程序设计 主讲教师:陆幼利.
第二十二章 曲面积分 §1 第一型曲面积分 §2 第二型曲面积分 §3 高斯公式与斯托克斯公式.
计算机及办公软件应用 ©2013 苏州工业园区职业技术学院
电子软件互联网 扁平化创意手绘模板 专业PPT定制 封面和内页的所有素材均可自由配色分层编辑.
第四章 团队音乐会序幕: 团队协作平台的快速创建
PRESENTED BY OfficePLUS
网页设计与制作 —— 学习情境二:网页模板设计
多媒体组件.
第一节 土地利用对生态系统的干扰与生态重建.
计算机网络与网页制作 Chapter 07:Dreamweaver CS5入门
项目二:HTML语言基础.
更新教学理念,提高教学有效性 感城中心学校 陈利平.
Word中活用“艺▪图▪框” 信息技术必修(一).
第十一章 配合物结构 §11.1 配合物的空间构型 §11.2 配合物的化学键理论.
温州中学物理课程 建设与实施.
《手把手教你学STM32-STemWin》 主讲人 :正点原子团队 硬件平台:正点原子STM32开发板 版权所有:广州市星翼电子科技有限公司
任务四 设计与制作婚纱相册.
第八章 总线技术 8.1 概述 8.2 局部总线 8.3 系统总线 8.4 通信总线.
高中数学必修四 第一章 1.4.2正弦函数余弦函数的性质(2).
Photoshop处理数码照片的基本方法
传承雷锋精神 擎起生命的旗帜 ——我校“学雷锋”系列活动专题报道 11会计大专3班 刘欣琦.
武汉纺织大学传媒学院 cm.wtu.edu.cn
《手把手教你学STM32-STemWin》 主讲人 :正点原子团队 硬件平台:正点原子STM32开发板 版权所有:广州市星翼电子科技有限公司
图片与视频数字化. 图片与视频数字化 图片分类 根据图片的构成元素来分 位图: 由像素组成,计算机按顺序存储每个像素点 的颜色信息的保存方式获得的图片。 位图放大后会模糊失真,存储空间相对较大。 矢量图: 由图元组成,通过数学公式计算获得的图片。 放大后不会失真,占用空间小。
项目:交互式网页 义乌工商学院机电信息分院省级精品课程.
从社交网络游戏中发现艺术的灵魂 Brad MacDonald 麦泊然 艺术总监
工业机器人技术基础及应用 主讲人:顾老师
位似.
苏教版三年级数学 上册 轴对称 高效课堂编写组 高向玲.
LOGO HERE 单击此处添加 您的标题标题标题 PRESENTED BY JANE DOE
高中物理“平抛运动的应用” 点评专家:谭一宁.
工业机器人技术基础及应用 主讲人:顾老师
Presentation transcript:

第一章 21 世纪网页设计的审美传播 赵娟

学习目标  本章侧重介绍网站美工的基本理论、基础知 识、基本技能和方法,了解网站和网页的基 本设计思想,使学生掌握色彩基础知识、平 面构成、版式及创意等相关的内容。着重提 高学习者对网页设计的认识和理解

学习要求  掌握:网页与平面构成、网页与色彩之间的 相互关系  理解:美术基础知识在网页制作过程中的重 要作用  了解:美术基础知识在网页制作过程中不可 或缺的地位

1.1 网页概述  网络是集音频、视频、文字传输为一体的多媒体媒 介,但其大众传媒的信息交流还不是它的主要特点, 网络信息最主要的特点在于它的交互性和可选性。  所谓交互性是指人们可以通过网络平台相互快速传 递的大流量信息  所谓可选性是指与传统媒体相比,人们不仅可以根 据自身需要和兴趣随时提取和观看网上信息,还可 以随时任意切换信息界面,从不同层次了解需要的 信息,甚至还可以把人们对信息的各种人们对信息 的各种交流意见进行即时编辑和反馈,从而以最大 效率提供给用户最便捷、最趋完善的服务

网页的概念  网页是网站在计算机上提供给人们浏览的一 个信息窗口,是集音频、视频、文字传输为 一体的多媒体界面。  在实际使用中,网页又可分为一级网页、二 级网页、三级网页。。。。。。

1.1.1 文字  文字是网页中最常用 的也是最重要的页面 因素之一。  利用多种编辑软件可以对网页中所选用的文 字进行任意的编排和切换处理,借以传达制 作者的设计意图和创作目的。  虚拟空间:为了突出某一点,设计者不仅要 对文字实体进行编排处理,放大或缩小其字 距空间,还常常将编排的文字或文字与图形 周围的空间构成视觉一体化。

 善用空间非常重要,因为的运用除了衬托主体外, 还有隔离干扰因素、凸现主体的作用。有是虚空的 部分要比实体更显重要。但虚与实的空间之间没有 绝对的分界,要使文字编排充满活力、增强其艺术 感染力,与内容紧密结合,使页面编排中虚中有实、 实中有虚、虚实相生,才能使页面的视觉张力得以 延伸,相互派生、互相融洽。只有在空间的骨架上 完美地安排好虚空间的血肉,才能使字体编排的弹 性和视觉张力得以充分的展示,产生强烈的艺术效 果。

1.1.2 图像  一般采用 Dreamweaver 对插入页面的图像 进行各种处理,还可以使用 Fireworks 或者 Photoshop 图像进行编辑和优化。

1.2 网页设计与美术基础知识  网页与平面构成  网页与色彩 对比与和谐 色彩的肌理 无彩色与有彩色的相互作用 绘画色彩与设计色彩的关系

1.2.1 网页与平面构成  1 、布局要新颖  2 、对比要强烈  3 、变化又统一

对比与和谐  1 、以色彩三要素对比为主的色彩构成  2 、统一和类似调和构成  3 、色彩的调和与面积形状的关系  4 、色彩的调和与视觉生理平衡

色彩的肌理  肌理指的是物体表面的结构特征  色彩肌理是观者通过观察来 “ 触摸 ” 物体表面色彩的 一种视觉感受。  一般来说,反光能力强的物体表面都很光滑,反映 的色彩不够稳定,但明度有提高;粗糙的表面反光 能力很弱,色彩较稳定,若表面粗糙到一定程度, 明度和纯度会有一定的降低。  同一种颜色用在不同的材料上会产生不同的颜色效 果,这就是肌理对色彩的影响

本章小结  本章为网页设计创造形象时进行的前期介入 性基本理论和基本训练。  设计者在从事网页设计之前,首先需要掌握 和运用的一种视觉语言基本功。  通过本章的学习,可为我们提供更开阔的视 野、更丰富的思维想像和更多样的设计技巧, 为平面设计开拓出更宽的道路

实训  对 21 世纪网页设计的审美传播的认识 要求:完成文字稿 2000 字左右,谈谈对 21 世纪 网页设计的审美传播的认识。 目的:提高学生对网页设计的认识,加深理解 网站在当今社会的重要地位