网页设计

1.网页的基本宽度我们一般要怎样设置？

2.网页设计时文本设计一般有什么样的原则和规范？

3.举例说出网页的几种基本版面设计类型。

4.论述网页配色的有关原则。

5.解释矢量图和位图的区别。

6.解释Flash中，舞台、帧、关键帧、元件的概念。

7.解释Flash逐帧动画的原理。

8.说明JPG，gif，png三种图像格式的异同？

9.在fireworks中，怎样将矢量图转变成位图？

10.简述http和https的区别？

1、网页的宽度主要分为两种：

固定宽度：内容区域宽度固定

自适应：内容区域宽度随浏览器更改

一般来说我们在给客户做网站的时候整体宽度会把握在2000px，因为现在市面主流显示器的宽度在1980以内，所以2000的像素足够让所有显示器显示比较全。

但是主主体的宽地我们会控制在1200范围以内，因为最小的分辨率为1240，即使在最小的浏览器上，我们设计的网页也会完整的显示出来。

2、长文本使用标准字号、主动留白、友好的行高、行间距字间距的设置

3、（1）骨骼型

骨骼型是一种规范的理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。在图片和文字的编排上则严格按照骨骼比例进行编排配置，给人以严谨、和谐、理性的美。骨骼经过相互混合后的版式，既理性、条理，又活泼而具弹性。

（2）满版型

版面以图象充满整版，主要以图象为诉求，视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉，是商品广告常用的形式。

（3）上下分割型

把整个版面分为上下两个部分，在上半部或下半部配置图片，另一部分则配置文案。配置有

图片的部分感性而有活力，而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。

（4）左右分割型

把整个版面分割为左右两个部分，分别在左或右配置文案。当左右两部分形成强弱对比时，

则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题，也自然不如上下分割的视觉流程自然。不过，倘若将分割线虚化处理，或用文字进行左右重复或穿插，左右图文则变得自然和谐。

（5）中轴型

将图形做水平或垂直方向的排列，文案以上下或左右配置。水平排列的版面给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。

（6）曲线型

图片或文字在版面结构上作曲线的编排构成，产生节奏和韵律。

（7）倾斜型

版面主体形象或多幅图版做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。

（8）对称型

对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以相对对称居多。

（9）中心型

重心有三种概念。1、直接以独立而轮廓分明的形象占据版面中心。2、向心：视觉元素向版

面中心聚拢的运动。3、离心：犹如将石子投入水中，产生一圈圈向外扩散的弧线运动。重

心型版式产生视觉焦点，使强烈而突出。

（10）三角形

在圆形、四方形、三角形等基本形态中，正三角形（金字塔形）是最具安全稳定因素的形态，而圆形和倒三角形则给人以动感和不稳定感。

（11）并置形

将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较、说解的意味，给予原本复杂喧嚣的版面以次序、安静、调和与节奏感。

（12）自由型

自由型结构是无规律的、随意的编排构成，有活泼、轻快之感。

（13）十三、四角型

指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面，给人以严谨，规

范的感觉。

4、（1）色彩搭配的合理性。

每一种颜色都有自己的含义，如：红色：热情、奔放、喜悦、庄严等等，这可以向浏览者准

确快速地传递出设计者想要表达的主题。

（2）色彩的鲜明性。

页面的”视觉焦点区”一般是首屏的区域，在这区域中使用鲜明的色彩可以给浏览者留下深刻

的印象并带来第二次访问。

（3）色彩的独特性。

如何在众多同类型的页面中脱颖而出，这就需要独特的配色方案。

5、（1）先从概念说起：矢量图是根据几何特性来绘制图形，是用线段和曲线描述图像，矢

量可以是一个点或一条线，矢量图只能靠软件生成，矢量图文件占用内在空间较小，因为这

种类型的图像文件包含独立的分离图像，可以自由无限制的重新组合；

位图图像也称为点阵图像，位图使用我们称为像素的一格一格的小点来描述图像。

（2）最大的区别，矢量图形与分辨率无关，可以将它缩放到任意大小和以任意分辨率在输

出设备上打印出来，都不会影响清晰度，而位图是由一个一个像素点产生，当放大图像时，

像素点也放大了，但每个像素点表示的颜色是单一的，所以在位图放大后就会出现咱们平时

所见到的马赛克状。

（3）位图表现的色彩比较丰富，可以表现出色彩丰富的图象，可逼真表现自然界各类实物；而矢量图形色彩不丰富，无法表现逼真的实物，矢量图常常用来表示标识、图标、Logo等简

单直接的图像。

（4）位图的文件类型很多，如*.bmp、*.pcx、*.gif、*.jpg、*.tif、photoshop的*.psd等；

矢量图形格式也很多，如AdobeIllustrator的*.AI、*.EPS和SVG、AutoCAD的*.dwg和dxf、Corel DRAW的*.cdr等。

（5）由于位图表现的色彩比较丰富，所以占用的空间会很大，颜色信息越多，占用空间越大，图像越清晰，占用空间越大；由于矢量图形表现的图像颜色比较单一，所以所占用的空

间会很小。

（6）经过软件矢量图可以很轻松的转化为位图，而位图要想转换为矢量图必须经过复杂而

庞大的数据处理，而且生成的矢量图质量也会有很大的出入。

6、舞台一一用来放置声音和符号的地方

帧——是进行flash动画制作的最基本的单位,每一个精彩的flash动画都是由很多个精心雕琢

的帧构成的,在时间轴上的每一帧都可以包含需要显示的所有内容,包括图形、声音、各种素

材和其他多种对象.

关键帧——顾名思义,有关键内容的帧.用来定义动画变化、更改状态的帧,即编辑舞台上存在

实例对象并可对其进行编辑的帧.

元件—元件也叫符号，元件将自绘的图形、导入的某段Flash剪辑、视频、音乐、动画或图片……等作为一个整体存放在元件库中，元件可以看着是被封装起来的“控件”，是群组化的

对象，一经制作成元件被包装后，就具有群组的特性。元件有三种：电影剪辑、按钮和图形，它们在Flash动画中有着不同的作用。

7、逐帧动画是一种常见的动画形式(Frame By Frame),其原理是在“连续的关键帧”中分解动画

动作,也就是在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画. 因为逐帧动画的

帧序列内容不一样,不但给制作增加了负担而且最终输出的文件量也很大,但它的优势也很明显:逐帧动画具有非常大的灵活性,几乎可以表现任何想表现的内容,而它类似与电影的播放模式,很适合于表演细腻的动画.例如:人物或动物急剧转身、头发及衣服的飘动、走路、说话以

及精致的3D效果等等.