网页设计课件.ppt

《网页设计课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计学习内容网页风格定位网页设计的视觉造型网页色彩搭配网页的风格定位风格(style)是抽象的是指站点的整体形象给浏览者的综合感受。这个“整体形象”包括站点的CI（标志，色彩，字体，标语），版面布局，浏览方式，内容价值，等等诸多因素网页的风格定位网站风格根据网站产品和网站目标客户群体这两方面来决定网页设计的视觉造型网页设计也叫网页界面设计，设计者以科学技术和艺术经验为基础，依照设计目的和要求，对网页的构成元素进行艺术规划的创造性思维活动，创造出艺术化、人性化的浏览界面。包括对图形图像处理、版式设计、音频和视频编辑等方面的艺术化处理，包含了审美的基本要素，如造型、色彩

2、等视觉传达设计中的因素，版式设计网页的版式设计，是指在有限的屏幕空间里，按照设计者的想法将网页的形态要素按照一定的艺术规律进行组织和布局，让网页形成整体视觉印象，最终达到有效传达信息的视觉设计。(1)版式设计的造型因素点的强调作用：点的形状、方向、大小位置和聚散的变化，能够给人带来不同的心里感受和视觉冲击，产生不同的视觉效果。图1图2版式设计的造型因素线与面的分割作用空间等量分割，空间不等量分割；不同的线可以引发人的各种心理，具有不同的情感倾向，而面可以使有形的也可以是虚无的版式设计的造型因素点、线、面的位置版式设计的造型因素空白的处理版式设计的造型因素造型元素的综合运

3、用网页版式的基本类型网页版式的基本类型骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。网页版式的基本类型骨骼型网页版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式网页版式的基本类型满版型页面以图像充满整版。主要以图像为诉求点，也可将部分文字压置于图像之上。网页版式的基本类型分割型把整个页面分成上下或左右两部分，分别安排图片和文案网页版式的基本类型中轴型沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列网页版式的基本类型曲线型图片、文字在页面上作曲线的分割或编排构成，产生韵律与节奏网页版式的基本类型倾斜型页面主题形象或多幅图

4、片、文字作倾斜编排，形成不稳定感或强烈的动感，引人注目网页版式的基本类型对称型对称的页面给人稳定、严谨、庄重、理性的感受。对称分为绝对对称和相对对称。网页版式的基本类型焦点型：焦点型的网页版式通过对视线的诱导，使页面具有强烈的视觉效果。焦点型分中心、向心、离心三种情况。网页版式的基本类型中心：以对比强烈的图片或文字置于页面的视觉中心。向心：视觉元素引导浏览者视线向页面中心聚拢，就形成了一个向心的版式。向心版式是集中的、稳定的，是一种传统的手法。网页版式的基本类型网页版式的基本类型三角型：网页各视觉元素呈三角形排列。正三角形（金字塔型）最具稳定性，倒三角形则产生动感。侧三

5、角形构成一种均衡版式，既安定又有动感。网页版式的基本类型自由型：自由型的页面具有活泼、轻快的风格版式设计的形式原理比例：比例是整体形式的部分与部分之间、部分与整体之间的数量比率关系。版式设计的形式原理重复与渐变：重复是相同或相似的形态连续而有规律的反复出现。渐变是形态有规律地连续变化，它通过类似的形态获得了形式的统一。版式设计的形式原理对称与均衡：对称是指形态以某一点为中心，其左右或者上下因同等、同量、同形而形成的平衡。均衡是指版面以某一点为中心，左右或者上下等量不等形的配置。版式设计的形式原理节奏与韵律：节奏是指单体按照一定的条理、秩序，重复连续地排列，形成一种律动形

6、式。韵律是一种规律性的变化，它是比节奏更高一级的律动。版式设计的形式原理对比与统一：对比是指将性质相异的形态要素直接或间接地配置在一起，相异的特点因比较而更加鲜明，使人产生强烈的紧张感。统一是指性质相同或类似的形态要素并置在一起，形成一种一致或趋向于一致的感觉。版式布局的原则1.突出个性2.具有可读性3.完整性强4.布局合理5.重要的信息要放置在首页作业：虚拟一个网站主题，根据今天所讲的风格定位和版式类型，对自己的网站进行定位和版式来进行设计，并且说明这样设计的原因，注意网站主题与版式的关系。