网页平面设计基础篇ppt课件

网页平面设计基础篇,主讲人：覃博琼2007-12-8,网站的分类,政府网站企业网站商业网站教育科研机构网站个人网站其它非盈利机构网站以及其它类型等,普通网站的基本机构,1、顶部部分，其中又包括了LOGO、MENU（导航栏）和一幅Banner（图片、flash等）；2、内容部分又可分为侧边栏、主体内容；详细划分可分为：通栏、二分栏、三分栏、四分栏等。3、底部，包括一些版权信息、联系方式等。4、从纵向结构上，可分为一级页面（首页）、二级页面、三级页面.等等,文字的运用,1、字体的选择主体内容（尤其是动态内容）一般用常用字体：如，宋体、黑体等。注意：并不是每台电脑里都有你选用的字体2、文字大小视具体内容而定：网站标题、logo、导航栏、分类栏目标等较重要的内容可运用较大号的字体；具体内容可用常规大小，即，12号、14号等。在具体设计中，可以用不同字号、不同间距、颜色的文字排放来设计出意想不到的效果！,文字的运用,3、文字颜色的选用：清新、明了、统一、有层次感、与网站主体风格相呼应。同一性质的主体内容最好使用同一种颜色。颜色可不是钱哦切忌贪多！注意颜色的搭配：主体内容中尽量不用大红配大绿，大蓝配大红，等对比十分强烈的颜色（用不好，会很恶俗的！）实在不知道用什么，那么就最古老的白纸黑字吧！,图片的运用,1、与网站性质相呼应（切忌糊搭乱配）如：商务、企业型网站大多选用商业图片；政治性含义较强的页面则多选用标志性的图片与标志等；学校、政府机关则多选用自身的形象照片、标志建筑等。2、选用质量较高、画面清晰，与背景色和网页其他元素相协调的图片。3、图片最好具有有视觉冲击力、感召力！尤其在作为banner时，最好能在第一时间吸引大众的眼球。4、素材图片最好经过修改，以达到最佳的使用效果。,网页中颜色的搭配,网页最常用流行色蓝色冷静、客观，沉静整洁的颜色，较多用于商业网站；绿色环保色，雅致而有生气，给人清新的感觉，充满活力；橙色活泼热烈，标准商业色调；暗红宁重、严肃、高贵，需要配黑和灰来压制刺激的红色；黑色很酷很神秘，而且看起来较有深度的一种颜色。适合打造个性、时尚网站。,网页中颜色的搭配,几种固定搭配蓝白橙蓝为主调。白底，蓝标题栏，橙色按钮做点缀。绿白蓝绿为主调。白底，绿标题栏，蓝色或橙色按钮做点缀。橙白红橙为主调。白底，橙标题栏，暗红或桔红色按钮做点缀。暗红黑暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。,什么样的网页吸引眼球？,1、结构分明、画面简洁；（切忌杂乱无章）除非是信息量巨大的网站，不然不要让你的画面挤满了各种图片、文字和图标。要留有一定的空间，即美术上所谓的“留白”。2、网页的内容有所突出，包含具视觉冲击力的banner图片、flash等；即所谓的一击即中！3、网页整体格调和谐、颜色清新，内容明了。让人一眼看出你的页面所要展示的内容、体现的意思。4、动静结合一个flash或者动态特效能让原本呆板的静态页面显得有活力动感！而不是给人死气沉沉的感觉。,网页设计注意要点,1、整体性、统一性Remenber：你的网站是一个统一的整体，要协调好图片、色块、文字、线条之间的关系。（点、线、面的和谐）2、细节能决定一个网页设计的层次与水平。再好的创意也要注意细节，才能得出最佳效果。3、设计要有自己独特的风格。作图可以吸收别人好的地方，但Ctrl+c,ctrl+v，只能解决一时问题，要做出好作品，一定要加入自己的思想。有了idea，才能称之为“设计”。,网页的基本要素,点：在网页中，图形、按钮、logo、文字、flash动画都可以作为视觉上的点，点是相对线和面而存在的视觉元素。（点组成线）点的运用可以使画面更加生动，甚至有画龙点睛之妙。线：是分割页面的主要元素，也是决定页面布局的基本要素（曲线与直线）粗细、虚实、光滑与粗糙的线条一定要恰当的运用才