电子商务网页制作技术 教学课件 PPT 作者 王春燕 版面设计.pdfVIP

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