电子商务网页制作技术 王春燕 版面设计新.ppt

栏目的设置 主栏目：以大部分用户兴趣点为核心，强调引导进入主栏目页面，全面了解网站。 辅栏目：与主体信息关系不大的内容组织而成，呈现上弱于主栏目。 功能板块：将信息在结构上形成板块，让用户看到更多的信息。 子栏目：在栏目下根据兴趣点再设子栏目。 主栏目与功能板块结合 主栏目与辅栏目结合 主栏目、辅栏目和功能板块相结合 功能板块为主，栏目为辅，组织信息 强化栏目 分类索引----板块式分类索引 分类索引----层进式分类索引 精致的图标强化栏目 明亮的颜色强化栏目 视觉导线强化栏目 首页的改版 不建议大规模的布局改变与改版 改版根据运营的需要 特殊的节日：国庆节、仲秋节、春节等 分析案例 特殊事件 首页的设计原则 最显著的设计元素之一就是公司或站点的名称 体现最基本的用户任务，70%用户要使用的功能及主推服务。 传达足够的信息，感受到网站内容及功能丰富 引人注目，过目不忘。 布局整齐清晰、板块明确，色彩和诣 商业网站，banner的位置及呈现方式 长屏首页中重要的信息及功能在首屏，最好不超过三屏。 内页的设计 结构的一致性：网站的统一性在网站营销中占重要地位，包括网站布局、文字排版、装饰性元素出现的位置、导航的统一、图片的位置等 色彩的一致性：保持站点主体色彩的一致，只改变局部色块，在色彩的一致性中，突出企业有自身的CI形象 内页的设计 利用导航取得统一：导航是网站的一项重要组成部分，一个出色的富有企业特性的导航将会给人留下深刻的印象。 利用图像取得统一： 作为网站结构一部分的局部图像，根据网页内容的不同，配以相应的图像或动画，从而给浏览者形成页面的连续性。 利用背景取得统一：从技术上而言，网页背景包括背景色和背景图像两种，一般来说，不提倡使用背景图像，下载速度慢，显示效果不佳。 内容的禁忌  网站内容杂。 做一个精而专的网站，既可以使你的知识和能力获得更大的提升，网友也可以从中受益。不要把一些毫无关系的内容放在一起，专业，有特色。 使用本地化、口语化的文字。个性的反映不只在于网页的整体设计，你的文字表达风格也是一个非常直接的因素。如广东籍的网页 在每页都加上不同的背景音乐。音乐的播放也会占用一定的系统资源。令几页或整个网站只播放一首音乐，这样不但避免每页都下载音乐，也不会出现断断续续的现象。 一行或一段太长，特别是文字网页，不妨加上显眼的标题或适当的插图。 滥用计数器。计数器不是网页必须元素，不必每页都装上计数器，更没有必要在同一页加上多个计数器。 强行要求别人将你的主页加入收藏夹或设为首页，否则只会惹人讨厌。假如网页做得好写得好，别人是自己会加入。 界面的禁忌 认为好的UI就是漂亮的UI 同一页面包含重复功能的链接或按钮 无初始值的多选一设置 不同的类型页面窗口显示相同的标题 相似的功能却有不一致的用户操作界面 取消按钮无法真正取消操作 网站结构反映公司的结构或网站升级的历史 有哪些信誉好的足球投注网站选项过多，过度复杂 使用容易被忽略的隐藏的图片链接 需要向下滚动才能看到当前页的重要信息 图片按钮对鼠标按下操作没有视觉变化 外观的禁忌 不要先决定网页的外观，然后强迫自己甚至是强迫别人去适应它。应该从网站的浏览者、网站要传达的信息以及网站的发展目标考虑，设计出一个最适合的网页架构。 中文网页的编码应设为GB2312（简体中文）或BIG5（繁体中文）或自动选择。否则在 Netscape 中的文字是不会自动换行的。不要使用特殊的字体，因为很可能访问者的操作系统并没有安装这种字体。 采用相同的背景色及近似的按钮都能增加网页一致性，树立统一的风格。这也是最基本的网站VI设计（视觉识别系统）。 不要把图片的白色部分当作是透明的颜色，操作系统是并不一定会将底色设为白色的。解决的方法是把网页的底色设为白色。 底色或背景须与文字颜色形成明显对比，方便阅读。 每页的排版不要太疏或用太大的字，尽量避免看网页的时候要作很大的卷动。 ?不要于每页插入太多的广告牌。广告交换、弹出窗口，浮动广告等。 * * 版面设计 版面设计禁忌 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 在线教务辅导网： 更多课程配套课件资源请访问在线教务辅导网 馋死 * * *