项目网页平面构成的表达.docVIP

项目1网页平?面构成的表达? 1 1.1 知识准备 了解网页及其?页面 1 1.2 任务2运用点?、线、面的相关知识?制作网页Ba?nner 19 1.3 任务3 运用点、线、面的相关知识?制作简单网页? 27 相关操作知识? 40 拓展探索 41 小结 42 项目1网页平?面构成的表达? 平面构成是网?页设计的重要?理论依据和知?识基础，如何运用有限?的网页界面，最大限度的锁?住浏览者的注?意力呢？这其中除了要?抓住浏览者的?兴趣和实际需?求外，视觉效果就显?得尤为重要。怎样把图片，文字等众多内?容合理又美观?的呈现在同一?界面内，就是我们本章?要探索的问题?。 学习本章后，你将能够： 1. 了解网页及其?界面； 2. 掌握网页界面?设计与平面构?成的表现形式?； 3. 掌握平面构成?的设计原则； 4．学会平面构成?在网页界面设?计中的应用方?法。 1.1 知识准备 了解网页及其?页面 1.案例欣赏 下面为北京智?奥光明广告设?计公司的网站?界面截图，如图1-1所示。 图1-1北京智奥光?明广告设计公?司的网站界面? 2. 案例分析： 此网站为北京?智奥光明广告?设计公关策划?责任公司网站?界面，该网站浏览人?群主要为，有设计需求的?商家、设计师同行以?及对网站设计?有兴趣的爱好?者等，为了使网站更?醒目，吸引人眼球，设计师从以下?几个方面设计?了网页界面： （1） 表现形式：用平面构成原?理中分割的方?式进行页面设?计，配以独特的企?业Logo，色彩鲜明的图?片和整洁大方?的字体。 （2）色彩运用：色彩上使用极?富华丽色彩感?觉的红色和金?色作为色彩的?主色调，其中穿插强对?比的绿色，使网页具有强?烈的视觉效果?。 （3）栏目设置：依据易用性原?则，设置了网站的?导航界面及各?部分内容的链?接。 （4）动态效果设计?：当鼠标点击导?航条或相关内?容时，轻松进入链接?，简单，明了，易于操作。 3. 理论概要 （1）网页及其界面? 随着科技的发?展，网站高效传播?信息的功能被?越来越多的人?所熟识，许多企业或个?人为了提高品?牌效应，实现某种需求?，开始建立具有?各自特色的网?站。网页是网站中?的一页，当浏览者打开?一个网站，首先映入眼帘?的就是风格各?异的网站界面?，或简单清新，如图1-2所示；或庄重严肃，如图1-3所示；或色彩艳丽，如图1-4所示。让人赏心悦目?的网页界面应?该具有合理的?排版布局，突出的文字效?果，质量清晰的图?片等几个要素?。 图1-2 简单清新的某?食品网页界面? 图1-3 庄重严肃的某?银行网页界面? 图1-4 色彩艳丽的麦?当劳网页界面? （2）网页界面设计?与平面构成的?表现形式 网页界面设计?是指，在有限的网页?界面空间内将?多种元素运用?均衡，统一，对比，节奏，留白等方式相?结合，根据网站主题?制作出具有某?种功能并符合?审美情趣的一?种设计方式。 在网页设计中?，我们主要通过?视觉传达来表?现网站的主题?，而点、线、面是构成平面?空间内容的基?本要素，也是构成网页?的基本视觉元?素。平面构成就是?研究点，线，面等元素的特?性、构成规律、审美原理并加?以合理运用的?一种艺术表现?形式。网页设计实际?上就是经营好?三者关系的设?，不管是任何视?觉形象或者版?式构成，归结到底，都可以归纳为?点、线和面。点最重要的功?能就是表明位?置和进行聚集?在空间中单一?的点有集中醒?目的特点的这一特性强?调将要重点表?现的对象线的聚集和闭?合构成一个面?形态的面 ③节奏与韵律 节奏是指各元?素符合一定规?律的，有一定差别的?反复出现在同?一界面内而产?生的运动感，它是相同因素?有规律的重复?。也就是说节奏?是由构成页面?的点、线、面的分布，通过大小，长短，粗细，曲直，明暗等的反复?出现而呈现的?。反复是节奏的?重要标志，节奏是通过反?复来实现的。在网站设计中?，、线、面等元素，以集中或分散?的排列差异变?化将导致视觉?及心理上的不?在节奏中注入?美的因素和情?感，就有了韵律有韵律的构成?具有生气它能增强版面?的感染力和艺?表现力 ④ 对比与调和 对比又称对照?，是指为了使互?为相反的两要?素为更好的突?出各自的特点?，同时置放在一?起时所产生的?现象。对比是通过大?小，强弱，粗细，明暗等对立因?素来达到的，它的主要作用?在于使设计产?生生动活泼的?效果对比的最基本?从关系和统一?变化的效果是在各种不同?，两者或两者以?上的要素相互?具有共性。对比与协调在?网页设计中发?挥着不同的作?用：对比产生动感?、活泼与鲜明的?个性；协调则产生稳?定、柔和与优雅的?感觉。一种协调的美?感，成为形式美法?则的重要内容?。特定标准和视?比例与适度，通常具有秩序?、明朗的特性 ，、自然的新感觉?。美的比例是网?页设计成功的