网页平面设计基础篇.

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