CorelDRAW数字图像处理教程，学网页界面设计方法

项目概述

如今，网络成为人们文化生活中不可或缺的一部分，网站的设计与建设也变得非常重要。人们可以通过门户网站更好地查找自己需要的信息。本项目主要内容为网站界面的设计。以幼儿园为主题，通过对客户需求的分析，对幼儿园网站界面定位并进行界面设计。

学习目标

知识目标：掌握复杂图形的编辑方法，了解网页界面设计的基础常识，了解网页界面设计的基本流程。

技能目标：能根据客户的需求，应用该软件的工具进行网页界面设计的能力。

情感目标：具备较强的自助学习能力、分析与解决问题的能力，具备良好的服务意识和团队合作协调精神。

项目描述

本项目为地方幼儿园设计网站主页。

客户：幼儿园。

客户要求：帮助幼儿园建立有效的幼儿形象宣传、幼儿园风采展示、幼儿园招生宣传，打造幼儿园新形象，突出幼儿园的特色教育模式；充分利用网络进行信息传递，对幼儿园的新闻进行及时的报道；为幼儿园和学生提供网上开发平台，增加系统内外信息互通、经验交流；通过网站链接可以看到孩子的平时表现（包括用图片、视频展示）；通过网站首页展示幼儿作品等。

网站首页（主页）作为幼儿园与外界的连接窗口，要定位好本网站在Internet上扮演什么角色，要向浏览者传达什么样的核心概念，透过网站发挥什么样的作用；因此网站的定位相当关键，换句话说，定位是网站建设的策略，网站架构、内容、表现等都围绕这些定位展开。

1.网站的风格定位

幼儿园体现清爽、可爱、活泼、不拘一格的特点，网站整体基调主要以阳光、活泼色彩为主，背景可以搭配对比色彩加以强烈反差，开头装饰吉祥物、Logo、幼儿漫画、各种图形等元素，让人看上去充满活力，内文以暖色调为主，配以各种图形图案，点缀亮色色彩，以突出内容，画面更有冲击力，看上去充满调皮、活泼、阳光的气息。

2.网站栏目内容设计

以突出校园为主，通过增加栏目以细化版块，丰富整个网站的内容，通过诠释幼儿园经营理念，使得浏览者能够更全面地了解幼儿园的教育师资、学校环境、学生生活等。

3.网站的元素

网站形象设计：网站的标志、标准色彩、标准字体、广告词。

网站栏目设置：文字内容、动画图片、动态影像或音乐。

网页设计一般分为3大类：功能型网页设计、形象型网页设计（品牌形象站）、信息型网页设计（门户站）。设计网页的目的不同，应选择不同的网页策划与设计方案。

网页设计的工作目标，是通过使用更合理的颜色、字体、图片、样式进行页面设计美化，在功能限定的情况下，尽可能给予用户完美的视觉体验。高级的网页设计甚至会考虑到通过声光、交互等来实现更好的试听感受。

4.设计流程(www.xing528.com)

网页设计必须首先明确设计站点的目的和用户的需求，从而做出切实可行的设计方案。

1）需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，从而建立起营销模型。

2）以业务目标为中心进行功能策划，制作出栏目结构关系图。

3）以满足用户体验设计为目标，使用axure rp或同类软件进行页面策划，制作出交互用例。

4）以页面精美化设计为目标，使用PS、AI、CDR等软件，调整、使用更合理的颜色、字体、图片、样式进行页面设计美化。

5）根据用户反馈，进行页面设计调整，以达到最优效果。

5.设计目标

1）业务逻辑清晰，能清楚地向浏览者传递信息，浏览者能方便地寻找到自己想要查看的东西。

2）用户体验良好，用户在视觉和操作上都能感到很舒适。

3）页面设计精美，用户能得到美好的视觉体验，不会为一些糟糕的细节而感到不适。

4）建站目标明晰，网页很好地实现了企业建站的目标，向用户传递了某种信息，或展示了产品、服务、理念、文化。

6.设计思路

1）简洁实用：这是非常重要的。在网络特殊环境下，尽量以最高效率的方式将用户所想要得到的信息传送给他就是最好的，所以要去掉所有的冗余东西。

2）使用方便：同第一个是相一致的，满足使用者的要求，网页做得越适合使用，就越显示出其功能美。

3）整体性好：一个网站强调的就是一个整体，只有围绕一个统一的目标所做的设计才是成功的。

4）网站形象突出：一个符合美的标准的网页是能够使网站的形象得到最大限度提升的。

页面用色协调，布局符合形式美的要求：布局有条理，充分利用美的形式，使网页富有可欣赏性，提高档次。

针对幼儿园的具体情况，展开了网站的构建工作。为两间幼儿园制作界面，由于篇幅所限，网站的其他页面不做介绍。

任务1：京京幼儿园网站界面设计

任务2：乐澄澄幼儿园网站界面设计