网站的设计和CI策划

网站的设计与网站的设计与 CICI 策划策划 1 设计网站的标志设计网站的标志 网站的标点 LOGO 是一个站点特色和内涵集中体现 标志图形的设计创意来自网站的名称和内容 可以是中文 英文字母 可以是符号 图案 可以是动画或者人物等 如 IBM 公司是以英文字母稍加处理作的标志 新浪网是用字母 SINA 和一只眼睛作标志 搜狐将网站的名词和字体设计的别有特色同时还配上一个可爱的狐狸的形象 使用公司有代表性的人物 动物花草为基本 加以卡通化 艺术化 如麦当劳的小丑 搜狐的狐狸 牡丹集团的牡丹花有专业性的 可以本专业有 代表性的物品作为标志 策划书 如 中国建设银行的铜板标志 奔驰汽车的方向盘标志 最常见的和最简单的方式是用自己网站名称的英文字母作标志 采用不同的字 体 如 微软的 MICROSOFT INTER 公司的 INTEC DELL 公司的 DELL 麦当劳的变形 M 策划书 2 选择网站的标准色彩选择网站的标准色彩 网站给人的第一印象来自视觉的色彩感受 确定网站的标准色彩是网站建 设重要的一步 美术设计将这项工作称为定色调 定调子 它不但关系到网站 内容传达 而肯会影响到浏览者的情绪 企业的标准色形式出现在企业形象之中 形成了商业化的一个重要特点 企业自己的标准色 也就是企业在自己标志 产品及宣传品等方面统一使用的 一个固定的颜色 如 IBM 的蔚蓝色可口可乐的红色联想集团的蓝色希望集团的蓝色 这些颜色与企业的形象又经融为一体 成为企业的象征 使人们对它由熟悉了 解而产和信任感和认同感 网站上使用企业的标准色 一方面要能体现企业形象 另一方面军要有自己的 特点 使得其他公司的网站区分开 一般来说 网站的标准色只能是一种具体应用时可以标准色为中心 利用它的 明度变化产生不同的色彩 标准色广泛用在网站的标志 标题 主菜单和背景色块 给人以整体统一的感 觉 其它色彩只能作为对比和讨论 并不是所有的色彩都适合作为网页标准色 网上常见的颜色有 绿 蓝 黄 橙色及黑 白 灰色 红色自身太艳 尤其 是在 RGB 色彩模式下红色使浏览者的眼睛容易疲劳 不适应大面积的使用 只 有一些女性生活主题站点 如化妆品 服装 交友站的粉色为基调 给人以温 馨亲合的印象 策划书 3 3 选择网站的标准字体选择网站的标准字体 所谓标准字体是指网站用于标志 标题 主菜单的特有字体 中文网站里 的字体和宋体 设计者可根椐设计的需要选择一些特别字体 如 少年儿童站点可以用咪咪体 给人以活泼童真的印象 传统艺术站点可以用篆字 隶书 以此衬托深厚的文化底蕴 高新技术站点可以用综艺体 以显示出简洁 强烈的现代感 政府站点的标准字体则应在宋体 黑体或楷体中选择 显得庄重 大方 设计者可根据自己网站的表达的内涵 选择具有表现力的字体 策划书网 4 构思网站的广告词构思网站的广告词 广告信息 要求高度精炼 明确 简洁 如 联想集团的广告语 因特网上新生活 宝洁公司的 webringgoodthinkstolife intel 的 给你一颗奔腾的心 广告语极其精练 高度浓缩了本企业的最重的要的信息 网站由于自身条件所 限及需要简洁精炼的句子传达信息 设计者应努力用一句话 一个词来高度概 括网站的性质特点和网站的目标 创造出类似实际生活中的广告语 力求在最 短的时间内传达出最丰富的内涵 内容来自 标志 色彩 字体和广告语四个方面是一个网站枝立 CI 形象的关键 确切 地说是网站的表示工作 设计并完成这四项工作 网站的总体形象就有一个基 本的轮廓 有了一个统一的面目 并且具有了一定的专业性与许多业余的网站 设计有了一个质的区别 下一步的工作是确定网站的标题和版块 5 5 网页设计网页设计 规划网站栏目 网站栏目的设置原则是 重点突出 方便用户 细致划主要栏目 设置超级链接和搜索引擎 设置双向交流栏目 设置信息下载和咨询服务栏目 网站指南 网站地图 内容来自 6 6 网站的目录结构和链接结构网站的目录结构和链接结构 网站的目录结构指建立网站时创建的路径 它们通常是一个个的文件夹 在 FRONTPAGE 建立站点都默认建立了根目录和 IMAGES 目录 在建立目录结构的 过程中 应注意下面几个问题 合理安排文件的目录 不要将所有文件都应放在根目录下 按栏目内容建立子目录 在每个一级目录或二级目录下都创建独立的 INAGES 目录应注意 目录的层次不要太多 一般目录的层次不超过5层 不要使用中文目录 使用英文明确的目录文件名 7 7 网站的链接结构网站的链接结构 网站的链接结构是指页面之间相互链接关系 如 画成示意图表 就好像一个拓朴结构图 它建立在目录结构基础之上 但 可以跨越目录 一个一般的个人主页 一个一般的专业网站的内容有限 链接也就比较简单 如果是建立电子商务站点 内容丰富 容量巨大 就必须设计合理的链接关系 否则 有此内容就可能少有机合与浏览者见面 一般建立网站的链接有两种基本方或 1 树状链接结构 首页指向一级链接一级指向二级链接 这种链接方式条理清 晰 访问者明确知道自己在什么位置 不容迷路 但浏览效率低 2 星状链接结构 在不同网络服务器链接 在每个网页设置一个共同的链接枢纽 使所有的网面 都可以通过枢纽保持链接 专业类的网站通常使用该文中链接方式 它的优点是浏览方便 随时右以切换到浏览者需要的页面 但这种链接模式必 须专门在网页上面划一块地方安置链接枢纽 占用宝贵的网页面积 而且链接 太多容易使浏览者迷失方向另外这种链接要求每次翻页都会将页面全屏刷新 在显示速度上会稍微慢一点 树状链接结构和星状链接结构是两种基本结构它们很少单一存从 在实际的网 面设计中总是将这两种结构混合使用 以便互补 有些电子商务站点的内容宠大 分类组 可以在网面中显示导航条 如 你现在的位置 首页 财经新闻 股市信息 内容来自策划书网 8 8 网面设计网面设计 网站的风格和创意设计 网站风格是网站的特色之一 通常应包含以下内容 CI 标志 色彩 字体 标语 版面布局 显示方式 交互方式 文字风格等 如 宝洁网站亲功漂亮 迪斯尼网站生动活泼 这些都能给浏览者留下不同感受 在字体 色彩或者技术功能上让浏览者明确分辨出这是你网站特有的 通过网页的样式 内容 文字 交流方式可以概括