网页设计(规划).pptVIP

网页中的列表表单设计 图片 与网站性质相呼应。切忌糊搭乱配！ 如：商务、企业型网站大多选用商业图片； 政治性含义较强的页面则多选用标志性的图片与标志等； 学校、政府机关则多选用自身的形象照片、标志建筑等。 选用质量较高、画面清晰，与背景色和网页其他元素相协调的图片。 最好具有有视觉冲击力、感召力！ 网页颜色 主体色确定 相近色选用 色彩均衡原则 黑白灰运用 色彩心理与情感表达 网页最常用流行色 蓝色——冷静、客观，沉静整洁的颜色，较多用于商业网站； 绿色——环保色 ，雅致而有生气，给人清新的感觉，充满活力 ； 橙色——活泼热烈，标准商业色调； 暗红——宁重、严肃、高贵，需要配黑和灰来压制刺激的红色； 黑色——很酷很神秘，而且看起来较有深度的一种颜色。适合打造个性、时尚网站。 几种固定搭配 蓝白橙——蓝为主调。白底，蓝标题栏，橙色按钮做点缀。 绿白蓝——绿为主调。白底，绿标题栏，蓝色或橙色按钮做点缀。 橙白红——橙为主调。白底，橙标题栏，暗红或桔红色按钮做点缀。 暗红黑——暗红主调。黑或灰底，暗红标题栏，文字内容背景为浅灰色。 页面标题 位于浏览器的标题栏，在title/title标记中设置。 网站标志 位于页眉，体现特色、内容、文化内涵和理念。 页面尺寸 版面尺寸规范化，与分辨率有关。 800×600像素，1024×768像素，1280×1024像素或更高。 如：分辨率为800*600像素，则页面尺寸为760*420像素较好； 分辨率为1024*768像素，则页面尺寸为955*600像素较好。 与网页有关的信息 页眉和页脚 页眉：位于网页上部，放置站点名字、标志、宗旨、口号、广告。 页脚：位于网页底部，放置公司联系方式。 导航栏 位置有4种：左侧、右侧、顶部、底部，增强对网站的访问。 多媒体 声音：MIDI 、WAV 、 MP3 、 AIF 视频：RM、MPEG、AV、Div、SWF 网页版面设计 版面编排原则 突出中心，理清主次。 搭配合理，大小呼应。 图文并茂，相得益彰。 首屏页面的设计 所谓“首屏页面”是指打开一个网站首页时，不拖动画面右侧的滚动条能够看到的部分。 注意： 首屏页面的尺寸 首屏页面设法抓住读者的视线 版面典型风格 对称型 对称型的网页设计风格是最为常见的结构类型。 偏置型 偏置型风格与对称型风格十分接近，不同之处在于其中部版面显示主要内容的区域分栏不对称。 标题型 标题型网页风格简练，传达内容直观。 混合型 具有混合型风格的网页往往兼具以上几种网页风格的特点。 优秀案例分析及欣赏 电影网站设计 清爽型网站设计 国家地理网站设计 * 何如利 网站规划与设计 2012.2 网站策划选题网站类型（企业和非企业）网站结构前奏正题 企业网站,是企业的网上窗口，在这里展示着企业文化，发布企业信息、新闻，进行电子商务。 网站类型 非企业网站,与前者相比，涵盖内容更广泛，包括门户网站、各专题网站、个人网站等。对于这类网站，选题时要明确应包括哪些内容、出现哪些话题、哪些是自己容易入手的。 设计网站结构 前奏 网站设计是一个复杂的过程，在考虑有关具体工作之前，需要考虑几个 问题来帮助我们理清思路。 商务网站策划 建立网站的目的 设想的网站规模 网站的主要浏览人群是谁 网站的设计特色是怎样的 准备投入的预算是多少 个性网站策划 网站和其他网站有什么不同 网站的色彩 网站的内容 网站给浏览者的印象 以人为本，从用户角度进行设计 设计网站结构 正题 网站结构是网站设计的基础。所谓网站结构图就是将网站的架构利用图表的形式表现出来。 合理的结构设计对于网站的规划也是至关重要的。以下是三种常用的结构类型。 ① 层状结构：类似于目录系统的树型结构。 主 页 页 面 1 页 面 2 页 面 3 ② 线性结构 线性结构类似于数据结构中的线性表，用于组织本身的线性顺序形式存在的信息，可以引导浏览者按部就班地浏览整个网站文件。 主 页 页面1 页面2 页面3 页面4 页面5 页面7 页面8 一级标题 二级标题 页面6 ③ Web结构 Web结构类似于Internet的组成结构，各网页之间形成网状连接，允许用户随意浏览。 从大的门户