《项目四》由会员分享，可在线阅读，更多相关《项目四（29页珍藏版）》请在金锄头文库上搜索。
1、项目四 电子商务网站的可视化设计,1 页面组织效果 2 页面色调效果 3 页面版式设计 4 页面美术设计,任务4.1 确定电子商务网站中页面的组织效果,点、线、面的完美组合。 正常平衡、异常平衡、对比、凝视、空白等页面组织方式。,运用不同的手法对点线面等元素进行组合， 从而使平面图形图象的三维空间感得以加强。 这些手法是疏密、大小、方向、重叠、虚实、 色调的变化和光影的利用。,图象的虚实对比能够产生空间感，实的物体 感觉近，虚的物体感觉远。要想使图象“虚”， 一种方法是将图象模糊，再有就是将图象的 色彩层次减少，纯度降低，尽量与背景靠近。,任务4.2 确定电子商务网站中页面的色彩效果,网页色彩
2、搭配的原理 鲜明、独特、合适、联想 网页色彩搭配的技巧 相同色系、对比色或互补色、过渡色、三色以内、背景色和文字的对比、黑色、考虑不同人群的信仰与喜好,网页色彩设计实例分析:,蓝色系实例 橙色系实例 绿色系实例,蓝色系实例,蓝色是色彩中比较沉静的颜色。 象征着永恒与深邃、高远与博大、壮阔与浩渺，是令人心境畅快的颜色。 蓝色是冷色调最典型的代表色，是网站设计中运用得最多的颜色，也是许多人钟爱的颜色。,蓝色系实例3:蓝色深蓝色网,蓝色系实例4:蓝色纯度对比,橙色系实例:,橙色具有轻快、欢欣、收获、温馨、时尚的效果，是快乐、喜悦、能量的色彩。橙色在空气中的穿透力仅次于红色，也是容易造成视觉疲劳的颜色
3、。橙色适用于视觉要求较高的时尚网站，属于注目、芳香的颜色，常被用于味觉较高的食品网站，是容易引起食欲的颜色。,橙色系实例4:橙色系高纯度高对比度,绿色系实例:,绿色在黄色和蓝色之间，属于较中庸的颜色，其性格最为平和、安稳、大度、宽容。是一种柔顺、恬静、满足、优美之色,是网页中使用最广泛的颜色之一。绿色是欣欣向荣的自然之色，代表了生命与希望，也充满了青春活力，象征着和平与安全、发展与生机、舒适与安宁、松弛与休息，有缓解眼部疲劳的作用。它本身具有与自然、健康相关的感觉，所以经常用于与自然、健康相关的站点。绿色还经常用于一些公司的公关站点或教育站点。,绿色系实例1:绿色网页,绿色系实例4:绿色邻近色
4、网页,任务4.3 确定电子商务网站中页面的版式设计,T型、口型、三型、对称对比型、POP型,T型:,优点： 结构清晰、主次分明、容易上手 缺点：规矩呆板、容易乏味,口型,优点：信息量大 缺点：页面拥挤、不够灵活,对称对比型,优点：视觉冲击力强 缺点：难以将两部分有机整合,POP型,任务4.4 网站的风格和创意设计,1 树立网站风格 2 产生网站创意,1 树立网站风格,树立网站风格的步骤： 有价值的内容 明确网站印象 建立和加强印象 P108页表41站点风格内容示例,1 树立网站风格,LOGO标志出现在每页相似位置 标准色彩 标准字体 宣传标语 统一的语气和人称 统一的图片处理效果 自己设计的花
5、边、线条、点,树立网站风格的做法：,3 网站的栏目和版块设计,3.1 栏目和版块 3.2 设计栏目,3.1 栏目和版块,栏目的实质是一个网站的大纲索引； 删除与主题无关的栏目； 将网站最有价值的内容列在栏目上。,3.1 栏目和版块,版块比栏目的概念大； 各版块相对独立； 各版块相互关联； 版块内容要围绕站点主题。,3.2 设计栏目,紧扣主题 设置一个指南 双向交流 设计一个下载或常见问题解答,4 网站的目录结构与链接结构,4.1网站的目录结构 不要将所有文件都存放在根目录下 文件管理混乱 上传速度慢 按栏目内容建立子目录 在每个主目录下都建立独立的图片目录 目录的层次不要太深 目录的命名方法： 不使用中文； 不要过长； 意义明确。,4 网站的目录结构与链接结构,4.2网站的链接结构 树状链接结构(一对一) 优点:条理清晰 缺点:浏览率低星状链接结构(一对多) 优点:浏览方便 缺点:容易迷路,4 网站的目录结构与链接结构,4.2网站的链接结构 首页和一级页面间用星状链接结构,一级和二级页面间用树状链接结构.若站点内容很多,超过二级页面,需设置导航条.链接结构不仅局限于方便快速浏览,更加注重个性化和相关性.,链接示例,首页,财经新闻,娱乐新闻,体育新闻,科技新闻,国内,国际,电影,电视,
