网页设计课件01

网页设计学习内容网页风格定位网页设计的视觉造型网页色彩搭配网页的风格定位风格(style)是抽象的是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，内容价值，等等诸多因素网页的风格定位网站风格根据网站产品和网站目标客户群体这两方面来决定

在进行创意的过程中，需要设计人员新颖的思维方式。好的创意是在借鉴的基础上，利用已经获取的设计形式，来丰富自己的知识、从而启发创造性的设计思路。下面介绍常用的创意方法。网页设计创意方法1、富于联想

联想是艺术形式中最常用的表现手法。在审美的过程中通过丰富的联想，能突破时空的界限，扩大艺术形象的容量，加深画面的意境。2.巧用对比

对比是一种趋向于对立冲突的艺术美中最突出的表现手法。在网页设计形式中加入不和谐的元素，把网页作品中所描绘的事物的性质和特点放在鲜明的对照和直接对比中来表现3、大胆夸张

夸张是一般中求新奇变化，通过虚构把对象的特点和个性中美的方面进行夸大，赋予人们一种新奇与变化的情趣。4、趣味幽默

幽默法是指网页作品中巧妙地再现喜剧性特征，抓住生活现象中局部性的东西,通过人们的性恪、外貌和举止的某些可笑的特征表现出来。5、巧设悬念

在表现手法上故弄玄虚，布下疑阵，使人对网页乍看不解题意，造成一种猜疑和紧张的心理状态，在浏览者的心理上掀起层层波澜，产生夸张的效果6、以小见大

以小见大中的“小”，是网页中描写的焦点和视觉兴趣中心，它既是网页创意的浓缩和升华，也是设计者匠心独具的安排7、以人为本

艺术的感染力最有直接作用的是感情因素，而且以人为本是使艺术加强传达感情的特征8、偶像效应

抓住人们对名人偶像仰慕的心理，选择观众心目中崇拜的偶像，配合产品信息传达给观众。9、古典传统

这类网页设计以传统风格和古旧形式来吸引浏览者。10、流行时尚

流行时尚的创意手法是通过鲜明的色彩、单纯的形象以及编排上的节奏感，体现出流行的形式特征。11、神奇迷幻

运用畸形的夸张，以无限丰富的想象构织出神话与童话般的画面，在一种奇幻的情景中再现现实，造成与现实生活的某种距离12、合理综合

综合是设计中广泛应用的方法，从各个元素的适宜性处理中体现出设计师的创作意图，追求和谐的美感，是指在分析各个构成要素的基础上加以综合，使综合后的界面整体形式表现出创造性的新成果。

网页设计的视觉造型网页设计也叫网页界面设计，设计者以科学技术和艺术经验为基础，依照设计目的和要求，对网页的构成元素进行艺术规划的创造性思维活动，创造出艺术化、人性化的浏览界面。包括对图形图像处理、版式设计、音频和视频编辑等方面的艺术化处理，包含了审美的基本要素，如造型、色彩等视觉传达设计中的因素，版式设计网页的版式设计，是指在有限的屏幕空间里，按照设计者的想法将网页的形态要素按照一定的艺术规律进行组织和布局，让网页形成整体视觉印象，最终达到有效传达信息的视觉设计。(1)版式设计的造型因素

点的强调作用：点的形状、方向、大小位置和聚散的变化，能够给人带来不同的心里感受和视觉冲击，产生不同的视觉效果。图1图2版式设计的造型因素线与面的分割作用空间等量分割，空间不等量分割；不同的线可以引发人的各种心理，具有不同的情感倾向，而面可以是有形的也可以是虚无的

版式设计的造型因素点、线、面的位置版式设计的造型因素空白的处理

版式设计的造型因素造型元素的综合运用

网页版式的基本类型

网页版式的基本类型骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。网页版式的基本类型骨骼型网页版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式网页版式的基本类型满版型页面以图像充满整版。主要以图像为诉求点，也可将部分文字压置于图像之上。

网页版式的基本类型分割型把整个页面分成上下或左右两部分，分别安排图片和文案网页版式的基本类型中轴型沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列

网页版式的基本类型曲线型图片、文字在页面上作曲线的分割或编排构成，产生韵律与节奏网页版式的基本类型倾斜型页面主题形象或多幅图片、文字作倾斜编排，形成不稳定感或强烈的动感，引人注目

网页版式的基本类型对称型对称的页面给人稳定、严谨、庄重、理性的感受。对称分为绝对对称和相对对称。

网页版式的基本类型焦点型：焦点型的网页版式通过对视线的诱导，使页面具有强烈的视觉效果。焦点型分中心、向心、离心三种情况。

网页版式的基本类型中心：以对比强烈的图片或文字置于页面的视觉中心。

向心：

视觉元素引导浏览者视线向页面中心聚拢，就形成了一个向心的版式。向心版式是集中的、稳定的，是一种传统的手法。

网页版式的基本类型网页版式的基本类型三角型：网页各视觉元素呈三角形排列。正三角形（金字塔型）最具稳定性，倒三角形则产生动感。侧三角形构成一种均衡版式，既安定又有动感。

网页版式的基本类型自由型：自由型的页面具有活泼、轻快的风格版式设计的形式原理比例：比例是整体形式的部分与部分之间、部分与整体之间的数量比率关系。

版式设计的形式原理重复与渐变：重复是相同或相似的形态连续而有规律的反复出现。渐变是形态有规律地连续变化，它通过类似的形态获得了形式的统一。版式设计的形式原理对称与均衡：对称是指形态以某一点为中心，其左右或者上下因同等、同量、同形而形成的平衡。均衡是指版面以某一点为中心，左右或者上下等量不等形的配置。版式设计的形式原理节奏与韵律：节奏是指单体按照一定的条理、秩序，重复连续地排列，形成一种律动形式。韵律是一种规律性的变化，它是比节奏更高一级的律动。

版式设计的形式原理对比与统一：对比是指将性质相异的形态要素直接或间接地配置在一起，相异的特点因比较而更加鲜明，使人产生强烈的紧张感。统一是指性质相同或类似的形态要素并置在一起，形成一种一致或趋向于一致的感觉