WEB网页设计-东北大学

第2章 网站内容设计与创意设计

WEB网页设计-东北大学

一、内容设计1.内容及内容设计的概念内容：物件里面所包容的东西。 内容设计：分析网站所面向的客户群的需求，确定网站要达到 的目标，进而确定为达目的而需要提供的信息和服务。 内容设计包括发布的分类信息、提供的各类服务……

2.内容的作用实现目标的最基本要素

WEB网页设计-东北大学

3.内容设计特性及应注意的问题内容设计是网站开发的一项根本任务，是实现网站建设目标的 基本保障，这同时也是内容设计的一个根本特性。这一根本特性要 求内容设计具有以下几个具体特性： ⑴针对性 ⑵真实性 ⑶广泛性 ⑷高精细度 ⑸可追踪性 ⑹新鲜并可理解 内容设计应注意的问题： ⑴注意从观念上重视内容设计，以务实的态度搞好内容设计 ⑵注意换位思考，从用户角度看是否有用，应用是否方便等 ⑶要注意更新时的工作量，这是从网站设计者的角度考虑的 ⑷要考虑用户的参与性 ⑸要注意网站的定位

WEB网页设计-东北大学

4. 内容设计步骤客户群(含潜在客户)

根据目标分解阶段目标

提供什么信息

分析不同客户群需求提供什么服务 (可能根据阶段目标)

整理分类(为创意、结构设计打基础)

WEB网页设计-东北大学

5. 内容设计结果内容设计说明书，应包括网站的名称，网站整体功 能，网站各个模块。例：网站目标 提升企业形象 …… …… 提高客户满意度 …… 阶段目标 新产品 新技术 …… 售后服务 了解客户 评价 类别 信息 信息 …… 服务 论坛 具体内容 产品介绍 新闻报道 …… 软件、登录、提要求 分几个论坛栏目

WEB网页设计-东北大学

6. 内容设计与创意设计、结构设计的关系内容设计为本，后两者为其增色；内容设计时可能已部分 考虑了后两者，后两者时再深入。(内容设计本身也有创 意！!!)

7. 例子与作业

WEB网页设计-东北大学

网站内容设计举例(亚马逊)

WEB网页设计-东北大学

网站内容设计举例(阿里巴巴)

WEB网页设计-东北大学

二、创意设计1.创意概念及其作用①创意概念：有创造性的想法，构思等 。 ②创意作用：在内容设计基础上，对内容本身及其呈现结构、方式等 从创意角度思考，以求更好实现目标，具体包括：吸引客户 内容呈现方式创意(含色彩运用创意、 多媒体效果等) 内容结构网页布局导航创意 主题表现力创意、主题内容创意

(注意不同客户群靠什么吸引，注意信息道德) 方便理解与应用 引发(或启发)新概念新想法 (如论坛或广告宣传等) 提供满足用户潜在需求的服务

功能创意

可见除形式创意之外，不能忽视更重要的内容创意。

WEB网页设计-东北大学

2.创意设计的步骤及应注意的问题①一般创意设计步骤对目标及内容设计结构等进行审视分析

根据目标明确主要目标、客户群特点…… 不 有 可 确定

创意设计目标 类别：结构；呈现…… 具体：哪些内容…… 能 意 都 创

思考并形成创意结果(完成创意说明)

创意设计的结果：与内容配套的创意说明书。

WEB网页设计-东北大学

②应注意的问题以什么例子说明此问题 以什么逻辑说明此道理 信息内容本身创意 以什么方式强调此结论 提出什么样问题会让客户积极 思考你让他思考的问题

内容创意这样客户群需要什么样的服务 怎样提供这种服务会让他方便 功能服务创意 …… 什么样的服务应同时提供……

WEB网页设计-东北大学

形式创意配合目标的所设计内容的网页布局， 结构架构 分多少栏目，占多少空间，如何分割…… (内容如何组织) 呈现顺序 呈现方式(视觉传达) (内容如何展现) 呈现方式 淡入、动画、鼠标对正放大…… 色彩运用 多媒体、美学设计与运用

网站风格 (网页)

导航系统设计 广告及其设计 LOGO设计等等

WEB网页设计-东北大学

注意： 各种创意设计中应注意与网站客户群、网站目标、网站主办单 位形象特征相适应。 一致性原则。单位形象、网站形象一致。(相适应) 目标、内容、创意效果一致。(相适应) 网站风格(含其他创意表现出的风格)一致性。

创意设计不能干扰、影响内容设计、阻碍目标。 多看。通常什么样都不知道何谈创意。 几种不同风格。庄重严肃、活泼多彩、……

3. 例子与作业

WEB网页设计-东北大学

服饰搭配网—国外创意网站

WEB网页设计-东北大学

http://www.camera-pentax.jp/khttp://www.camera-pentax.jp/k-x/#/simulator/090101