网络信息的页面设计罗坤.pptVIP

Page * 第9章 网络信息的页面设计 页面元素与样式的使用 主 讲：罗 坤 个人简介 罗 坤 （） 男，浏阳人。 研究方向：企业信息化建设和传播策划 干过编辑，做过美工，写过程序，搞过优化，“被”开了公司。 曾先后为湖南钢材、浏阳烟花、留芳宾馆等多家企业提供营销型网站建设与优化指导。 ? 137 QQ 310809264 内容提要 各要素在编辑中的使用 网络信息页面的构成要素 问题：下面哪篇文章看起来最舒服？ 一、网络信息页面的构成要素 文字 点、线、面 色彩 图表 多媒体 超链接 组建、表单 空白 二、页面要素的使用规则 1.文字 （统一标准，尽量使用系统自带字体，其它字体建议少用，最好处理成图片） 推荐使用 : 正文：宋体， 12px （随着显示器分辨率不断提高，许多网站开始使用14px的字体） 正文标题：黑体， 16px 目录页标题 : 宋体， 12px 目录页突出标题：黑体， 14px 导读：楷体， 12px 图片说明 : 楷体， 12px 二、页面要素的使用规则 2.点、线、面 推荐使用 : 标题前使用项目符号——点 （引导网民视线） 使用线区分不同的栏目块或板块 针对重点区域，使用背景色 二、页面要素的使用规则 3.色彩 （如果实在对色彩没有把握，“白底黑字”是最好的选择，也可以借鉴同类型页面的设计） 推荐使用 : 背景使用冷色调 冷色调是给人以凉爽感觉的青、蓝、紫色以及由它们构成的色调。 文字使用暖色调 桔红、黄色以及红色一端的色系总是和温暖、热烈等相联系，因而称之为暖色调。 页面的主色调由内容主题决定 整页的颜色最好不要超过三种 二、页面要素的使用规则 4.图片、表格 推荐使用 : 图片最好是修改过的小图 选择图片中最吸引人的部分制作图片链接 图片数量要控制 将数据图表化 案例：新浪图片发布规则 1.所有新闻类图片必须要加边框，具体代码写法为：border=1。 2.所有图片必须有图片说明；图片说明中必须包括解释图片内容的时间、地点、人物、事件等基本要素；所有主要人物必须注明姓名和身份；严禁以单独一张图片（没有任何其他代码）为新闻最终页的表现形式。 3.图片尺寸通常长边不超过450像素，必要时要经过对比度、亮度、压缩、锐化等处理；图片字节数要适中（详见计算公式）；（娱乐、女性、手机、数码、动漫、房产等频道精美图片尺寸可以适当放大，宽边尺寸不超过590像素）。 案例：新浪图片发布规则 4.1条新闻内不准许同时夹带4张以上大图片，小图点大图的文章除外。 5.组图中的小图不能超过30张，更多组图可以点击下一页。 6.图片要尽可能注明摄影者。 7.使用与原文出处不同的图片要注明该图片出处。 8.重要页面的焦点图片必须具备视觉冲击力，必须美观、清晰、明亮，同时考虑图片的新闻性和重要性。 9.露点图片关键部位要视情况打马赛克。 二、页面要素的使用规则 5.多媒体 推荐使用 : 一般不推荐自动播放和使用页面背景音乐 用链接的方式播放音频 根据情况选择视频播放形式 （目前比较流行FLV格式） 注意视频大小和质量 二、页面要素的使用规则 6.组件、表单 推荐使用 : 根据需要进行网民调查 选择服务性内容 三、页面的布局原则 1、主次分明 人们阅读时存在一个“ 视觉心理中心” 假如我们在网页上放一张图片或一个较醒目的标题来代替圆点, 受众的眼睛就会沿着这个图片或标题的方向移动, 不管图片或标题是在版面的上部、中部或下部, 事实上, 这时的图片或标题已创造了注意点。 在进行网页设计时： 强刺激点最多不能超过3 个 否则, 网民就会因此而心烦意乱。 三、页面的布局原则 2、信息有序 借助于点、线、面、颜色、栏、块、屏等页面编排手段, 在视觉上对各种不同的信息明显地加以区分。这样, 有利于受众依照一定的顺序, 快速地浏览、查找到所需要的信息。 三、页面的布局原则 3、动静相宜 “ 动”的信息强势大于“ 静”的信息。 根据更好地向受众传递新闻信息的标准, 来确定“ 动”、“静”信息在页面上所占的比例, 做到动静相宜。 三、页面的布局原则 4、节奏合理 页面的节奏应当依据传递信息、促进信息传播效果的目的来设计。 为便捷浏览更多信息?密集、紧凑、有条理的节奏 吸引网民详细阅读?简洁、生动、有趣味的节奏 四、页面的布局类型 1、门字型 2、三栏型 3、四栏型 4、块型 5、拐角型 Page *