美工网页知识第二章.pptVIP

第二章网页设计的风格创意 2.1网页的风格设计 2.1.1金属风格（www.abravo.cl） 2.1.2像素风格（www.tutton.co.kr） 数字化图形文件类型分“矢量图”和“点阵图”两种。其中点阵图是由许多“点”组成的，这些点称为像素。 2.1.3面板风格(www.filmdeluxe.de) 2.1.4报纸风格（） 2.1.5三维风格（la.de） 对网站整体风格的影响： 1.确立字体风格 2.确立标志风格 3.确立装饰物风格 第二章网页设计的风格创意 2.2网页的创意视觉表现 设计需要创新，创新需要创意，创意需要联想。 设计是一种创造性劳动，它是设计师解说性的表达方式，也是设计师的思维过程。 设计是理性的思维过程，用脑设计而不是依靠感觉。 （） (www.musikkbiblioteket.no) () 第二章网页设计的风格创意 2.3酷站赏析 （） () () () () (www.andyfould.co.uk) () 块状组合：将数张图片以整齐有序的形式排列在版面上。 分散组合：将图片分散于版面的各个部位，使版面成为自由的不呆板的形式。 第三章页面规划与结构设计 3.1网页结构框架 3.1.1分栏式 分栏式结构是最常见的网页框架，也可以称为竖分栏。这是一种以超过一屏半为准，把页面从上到下分割为几列结构的设计框架。一屏是以使用最多的显示器分辨率800*600为准。 分栏结构是一种开放式框架结构，用途广，用于信息流量较大、更新较快、信息储备很大的站点。（门户类、资讯类） .br 第三章页面规划与结构设计 3.1.2区域划分 概念：利用辅助线、插图和色彩把网页平面分为几个规则的或不规则的区域，由区域所形成的网页框架叫做区域框架，它其实是分栏式的变换。适合于信息量小、信息源有所顾虑的网站，企业站点、产品单一的电子商务类站点，以及对页面要求较高、信息流量小的专业性信息站点 第三章页面规划与结构设计 3.1.3不规则页面设计 不规则框架：动态网页、静态网页 静态网页有三种情况： 第一类，有无框架式的整张图片分割生成的网页。（个人主页、商品展示） 第二类，横向页面很长，有些怪异的网页。(展示商品) 第三类，整个信息区很小的袖珍网站。（信息量小的网站） 动态网页主要是以Flash形式为主的新媒体设计。一种标版类似于分栏式或区域划分结构；第二种则是根本无任何规律可寻，类似于静态网页中的第一类情况。 用Flash制作的网站有两种情况：一种是静止后的网页，类似分栏式或区域划分结构。www.thethinkshop.us 另一种情况是根本没有边际可寻，完全是一个动画场景或整张图的视觉效果。 第三章页面规划与结构设计 3.2页面的信息布局 3.2.1信息结构设计 设计网站，主要针对首页、栏目首页和信息首页等几个最重要的页面进行信息安排。然后有针对性地进行细节调动。 主要信息放置于显要的页面位置上 三分栏结构一般是把主打内容放置在中栏，也叫做第二栏，侧栏放相对不重要的信息或功能模块 3.2.2网页中留白 留白并不特指网页中的白色区域，网页中凡是没有前景元素干扰的视觉区域都可以被称为留白 第四章Logo与Banner的设计制作 Logo的含义是标志、标识 Banner的含义是旗帜、横幅、标语，被称为网络广告 4.1网站Logo的制作 4.1.1Logo的特点与设计原则 特点：强调分辨性和独特性，导致相关图案字体的设计也要和被标识体的性质有相当的关联，并具备类似风格的造型 原则：1.网站有代表性的人物、动物、花草，可以用作Logo设计的蓝本。2.专业性网站可以以本专业有代表性的物品作为标志。3.最常用和最简单的方式是用自己网站的英文名作为标志。 4.1.2Logo设计实例 第四章Logo与Banner的设计制作 4.2网站Banner的制作 4.2.1Banner的标准与设计原则 网络广告尺寸标准 规格（像素） 名称 120*600 “摩天大楼”形 160*600 “宽摩天大楼”形 180*150 长方形 300*250 中级长方形 336*280 大长方形 240*400 竖长方形 250*250 “正方形弹出”式广告 规格尺寸的Banner 32*32 88*31 120*60 125*30 468*60 第四章Logo与Banner的设计制作 4.2网站Banner的制作 4.2.1Banner的标准与设计原则 面对不同页面设计和页面结构的提示： 广告条尽量选择国际标准的