SCITc 四川信息职业技术学院 研放课程 Webpage Design 网页设计与制作 由静美丽 可思色然 四川川信息职业技术学院精品开放共享课程
S Sichuan Information Technology College 四川信息职业技术学院开枚共喜话稻 中面设计与制作 单元2：网页版面设计 授课教师：刘清梅
教师：四川信息职业技术学院 刘清梅 授课教师：刘清梅
SITC Sichuan Information Technology Colleg 四川信息职业技术学院开教共亨话程 中面设计与制作 目录 。美工基础 版面设计 ·认识网页版式设计 网页元素造型 。 版式形式 版式构成
教师：四川信息职业技术学院 刘清梅 • 认识网页版式设计 • 网页元素造型 • 版式形式 • 版式构成 美工基础——版面设计
Information Technology Colleg 四川信息职业孩术学院开枚共喜话移 面设计与制作 认识网页版式设计 ■ 在网页设计中根据特定的主题和内容，把文字、图形图像、 动画、视频、色彩等信息传达要素界定在一个范围内，有 机的、秩序的、艺术性的组织在一起，形成协调、美观、 有特点的页面。 网页版面设计 元素造型 版式形式 版式构成
教师：四川信息职业技术学院 刘清梅 ◼ 在网页设计中根据特定的主题和内容，把文字、图形图像、 动画、视频、色彩等信息传达要素界定在一个范围内，有 机的、秩序的、艺术性的组织在一起，形成协调、美观、 有特点的页面。 网页版面设计 元素造型 版式形式 版式构成
T Sichuan Information Technology College 四川信息职业技术学院开教共喜话移 中面设计与制作 认识网页版面设计 OLYMPUS-SYST PRODUCTS TECHNOLOGY ZUIKO DIGITAL DIGITAL REPORT WEBZINE CUSTOMER CENTER 三3屠2列 00%Digita 平△DSLRO合2引
教师：四川信息职业技术学院 刘清梅
Information Technology Colleg 四川信息职业技术学院开教共亨话移 面设计与制作 网页元素造型 ·文字、图形、图像等在画面中的大小、方向、排列组合 即对点、线、面及留白的处理。 缺计可 因
教师：四川信息职业技术学院 刘清梅 • 文字、图形、图像等在画面中的大小、方向、排列组合 • 即对点、线、面及留白的处理
Information Technology Colleg 四川信息职业技术学院开枚共亨禄稻 面设计与制作 网页元素造型 点 ·作用 SPA 一有集中醒目的特点，给人 ONATURAL BEAUTY 明确、坚定、充实的感觉 一可强调重点表现的对象
教师：四川信息职业技术学院 刘清梅 • 作用 – 有集中醒目的特点，给人 明确、坚定、充实的感觉 – 可强调重点表现的对象
S Sichuan Information Technology College 四川信息职业技术学院开教共喜4稻 面设计与制作 网页元豪造型 线与面 ·作用 一可造型元素，也是划分空间的有力武器 一由线和面形成的对空间的分割与遮挡使空间的层次得 以延伸，形成距离美感 一一张普通的图片，经线、面分割后，形成色调、面积 等方面的对比关系，使画面层次分明，中心内容突出
教师：四川信息职业技术学院 刘清梅 • 作用 – 可造型元素，也是划分空间的有力武器 – 由线和面形成的对空间的分割与遮挡使空间的层次得 以延伸，形成距离美感 – 一张普通的图片，经线、面分割后，形成色调、面积 等方面的对比关系，使画面层次分明，中心内容突出
Information Technology College 四川信息职业技术学院开教共亨稻 中面设计与制作 图网nipic.com/hongyut6130 coffee BEAN TES ◆ONMA Have A Sweet Time! GOOD DGIANT coffee DGIANT Ouck Link DGIANT Talk New 卫四公骨相 必 New Product Best Product D22 nsE E-mk us 6DG38
教师：四川信息职业技术学院 刘清梅
Information Technology Colleg 四川信息职业技术学院开枚共言话移 面设计与制作 网页元素造型 留白 ·定义：除文字、图片、图案等信息要素外的空白 一留白与其它元素一样具有大小、形状等特征 一与其它元素是图与地的关系，相互依存、相互衬托 一无意留白应与有意的造型相结合 一有时留白空间给人的视觉冲击会更高
教师：四川信息职业技术学院 刘清梅 • 定义：除文字、图片、图案等信息要素外的空白 – 留白与其它元素一样具有大小、形状等特征 – 与其它元素是图与地的关系，相互依存、相互衬托 – 无意留白应与有意的造型相结合 – 有时留白空间给人的视觉冲击会更高