188宝金博页面版

V alue E ngineering ·17 1 · 浅谈 网站风格设计 O n th e W ebsite S ty le D esign 王志玮 W ang Z hiwei (唐 山科技职业技术学院， 唐 山 063000 ) (Tangshan V ocational College of Science and Technology ， Tangshan 063000 ， China 摘要：随着是计算机网络技术的发展， 网站成为人在上网了解一项事物 时所必须要浏览的界 面， 如何 能让 网站的形式深入人心 ， 就是网站建 设 的 专业人 士所 要研 究 的 内容 。本 文从 几 方面 阐述对 网站风 格设 计 形 式的研 究 。 A b stra ct ：W ith the devel op men t of comp uter netw ork tech nolog y ，th e web si te bec ame the n ecessary i nterface when a man s earch ed someth ing on the intem et．H ow t0 nl ake websi te impressive i s the thi ng that w ebsite designer c ares for．T hi s artic le foc uses on th e websi te style d esign from many a spe c ts． 关键词 ：网站 风格 ； 布局 设 计 K ey w or d s ：website styl e； layout des ign 中图分类号 ： TP393 文献标识码 ： A 1 网站风格 网站风格是抽 象的概念 ，一般是指 网站 的整体形象给浏览者 的 综合性感受。 每一个网站都会有自己独特的风格。 而这些拥有独立风 格的网站会吸引越来越 多的 网络游客 的关注 ，从而提升 自己网站 的 知名度。网站的整体 形象包括页面 的排 版布局 ， 形式 ， 色彩 ， 效果等 。 比如 ： 我们觉得米老鼠的形象是生动活泼的而法 官的形象则是 专业严肃。 每一个网站都会给浏览者留下不同感受。 因此我们需要做 到的是根据网站的定位不同做出每个网站特有的形式。除此我们还 需要在风格上需要把握一下 ，其实这个风格的统一和传统 的印刷 出 版物没什么区别。网页上所有的图形 、 文字， 包括 背景颜 色排版形式 等等都要统一风格 。这样子可 以使浏览者看起来舒服、 顺 畅。 2 视觉流程设计 浏览者在 阅读某些信息时 ，视觉会形成一种 自然的流动 习惯 ， 比如说对 网页界 面的浏览 方式 可能会 习惯性 的 自上而 下或者从左 向右， 在整体平 面上进行连贯 的浏览 。网站的平面布局上可 以依据 大众 的视觉浏览 习惯进行页面的排版设计 。 从专业角度而言一般情 况下平面 的视觉影响力左侧强于右侧 ， 上方强于下方。这样平面 的 上部和 中上部 ， 左侧和 中间部 分被称 为“最佳视域 ” ， 也就是最 优先 浏览 的地方。结合 这些特 点 ， 在网页设计过程 中一些突出或者是要 进行推荐的信息通常都被摆放在 这些位置 。 当然上面所说 的视觉流 程只是一种感觉并非一种固定的模式， 只要符合浏览者的逻辑顺序 和心理顺序 ， 在网页设计中 ， 灵活 、 合理地运用可 以直接影 响到传 达 信息的有效性与准确性。 3网站 LOGO 设计模式 Logo 顾名思义就是站 点的标志 图案 ，对 网站 起到标志性 的意 义 ， 也是此网站和 彼网站的首要 区分点之一。Logo最 重要 的作用就 是用 图形化的 方式传递网站的准 确定位和 明确 的经 营理 念， 同时便 于浏览者加深对 网站的印象。在网站 Logo 的设计 过程 中一般有如 下三种思路 ： ①直 接以网站网址作 为 Logo 的图案 ； ② 用以传递 网站 运营商的经营理念为特色进行 Logo 图标的设计 ：③根据网站提供 的产品或者服 务特点展开对 Logo 图标的设计 。 4 合理的 网页布局 目前浏览者们看 到的网页布局 大致可分 为“国”字型 ，“L”字型。 其实我们做 网站设计的时候并没有过多 的去考虑形 式 ， 最重 要的是 满足客户的需求， 把握网站的定位做出合理的网站框架布局。 4． 1 合理 广告 现在 一些 网站的广告让 浏览 者觉得很 不舒服 ， 比如 说 ， 网页震动 、 闪烁等 效果 ， 给 本来挺 好 的网站添 加 了负面影 响， 更糟糕的会导致浏览者连这个网站都不再点击了， 这样～来网 站受到了不好的影 响， 原本是计 划吸引浏览者 的广告也 没达 到预期 的 目的。这些问题都 是设计 网站之前需要考虑周 到的。一般网站设 计者会采用浮动式 的广告 ， 这种广告 可分为两种 ， 第～种 是在 网页 两边空余 的空间可 以上下浮动的广告 ， 第 二种是在屏幕到 处随机移 动的广告。第一种形式 的浮动广告要远优于第二种。如 果广告 的数 ??作者简介 ： 王志玮( 1983一)， 女 ， 河北唐 山人 ， 唐 山科技职业技术学院计算机工 程系教 师， 助教 ， 研究方向为计算机应用。 文章编号 ： 1006— 4311(2011)13- Ol 71- O1 量过 多会影 响到用户 的心理 ， 会起到 适得 其反的效果。 因此一般来 说在设计过程 中网站首页 的广告 不宜过 多。 4． 2 空间的合理利用 现在很 多的网页都具有一 个特点 ，用两 个 字来形容 ， 那就是 “拥 挤 ” ， 设计 者将 各种各样 的信 息如 文字、 图 片 、 动 画等不加考 虑的塞到 页面 上 ， 不做 规划 ， 导致 浏览时会遇到诸 多不便 ， 主要 就是页面 主次难于 区分 ， 没 有重点 ， 没有很好 的 归类。 让浏览者难 以找到所需要 的东西。 只有合理 的安排 、 有机 的组合 ， 才 能使页面 达到平衡 ， 既使 在一边的部 分大面积 留空 ， 也不会让 人感 到空 ， 还 能给 浏览者 留下广 阔的思考 空间又达 到了视觉效果 。 4． 3 文字 编排网站排 版的初衷是为 了能在 网页上更好地 显现 文字说 明内容和 图片摆放效果的良好统一。在网页设计中 ， 字体形式 的处理与颜色、 版式、 图形化等其他设计元素的处理一样非常重要。 4． 3． 1 文字 图形化 文字 图形化就是将 纯文本 的内容用 图片的 形式来 进行表现 ， 以达到图文并 茂良好效果。这种形式在 页面的子 栏 目里面较 为常见 ， 因为它突 出重点 ， 同时又对 页面进行 了 良好 的 美化 ， 使页面在浏览过程中更加 的人性化 ， 加 强了页面 的视 觉效果。 这 一点是单纯 的文字无法达 到的。 4． 3 ． 2 强调文 字 还 有一种是 整个页面 设置的 目的就 是对文字 内容的突 出， 设计者 可以通过 对文字效果 的设 置 ， 比如字体加粗 、 加 大号字体、 倾斜 字体 、 添加下划线 、 更改字体颜 色等方式有意识地去 强化页面文字的视觉效果 ， 使其在整体页面 中显得 出众。这些对文 字的设置方法实际上都是运用 了衬托的法则。 5网站 配色 5． 1 整个 网站采用 一种 色彩 这里是指先选定 一种色彩 ，然 后 通 过调 整其 透明度 或者饱和度 ， 说 得通俗些就是将 色彩加深 或变淡 来 改变色彩 给浏览者 带来 的整体 感觉 ， 从 而达到在浏览过程 中变化 的色彩效果 ， 产生新的色彩形式。 给浏览者意 多变 的视觉享受。 经过 这样 处理 的页面从效果上看起来 色彩统一 ， 有层 次感区分度 。 5． 2 运用两种色彩 首先选定一种主色彩 ， 然后选择这种 色彩 的 对比色， 再进行细微的调整。整个页面色彩丰富却有着协调 的统一。 5． 3 运用一个 色系 简单的说就是用一 个色彩范 围的色调 也就 是网站在同一色系里面选用不同的颜 色使网页整体增加色彩。 这种 形式的配色方法在 网站设计 中为常用。 比如～个网站所采用的主体 颜色为， 3f8805 号的绿色及和其相称的淡绿色。这样网站在色彩搭 配上给浏览者一种很舒服的感受。 在网页整体配色中控制在三种色 彩 以内， 以避免网页没有主色。 背景色和前景色的对 比度尽量要大 ， 绝对 不要用纷繁复杂 的图案作背 景 ， 即突 出主要文字 内容也使用户 在浏览网页的时候不会产生视觉疲劳。 参考文献 ： [ 1】 王晓红． 网页设计 与制作一 第 2 版． 机械工业出版社发行室 ， 2009， ( 3 )． [2] 昭君 ． Dreamweaver CS 网页制作 入门与 实例 教程． 机械工 业出版社 发 行室 ， 2009 ， (4 )． 【 3 长磊． 网页设计应用技术． 清华大学 出版社发行部 ， 2008， (7 )． f4】 韩颖． ASP． NET 3． 5 动态 网站开发 实训教程． 清 华大学 出版社发行部 ， 20【 )9， ( 1O)． [5]王世军罔 页设计与制作实训i教程． 清华大学 出版社发行部 ， 2010 ， ( 1)．