项目四 电子商务网站的可视化设计推荐.pptVIP

项目四 电子商务网站的可视化设计 1 页面组织效果 2 页面色调效果 3 页面版式设计 4 页面美术设计 任务4.2 确定电子商务网站中页面的色彩效果 网页色彩搭配的原理 鲜明、独特、合适、联想 网页色彩搭配的技巧 相同色系、对比色或互补色、过渡色、三色以内、背景色和文字的对比、黑色、考虑不同人群的信仰与喜好 * 任务4.3 确定电子商务网站中页面的版式设计 T型、口型、三型、对称对比型、POP型、 焦点型、曲线型 * T型: 优点： 结构清晰、主次分明、容易上手 缺点：规矩呆板、容易乏味 * 口型 优点：信息量大 缺点：页面拥挤、不够灵活 * 对称对比型 优点：视觉冲击力强 缺点：难以将两部分有机整合 * POP型 * 任务4.4 网站的风格和创意设计 1 树立网站风格 2 产生网站创意 3 网站的栏目和版块设计 4 网站的目录结构与链接结构 * 1 树立网站风格 LOGO标志出现在每页相似位置 标准色彩 标准字体 宣传标语 统一的语气和人称 统一的图片处理效果 自己设计的花边、线条、点 树立网站风格的做法： * 3 网站的栏目和版块设计 3.1 栏目和版块 3.2 设计栏目 * 3.1 栏目和版块 栏目的实质是一个网站的大纲索引； 删除与主题无关的栏目； 将网站最有价值的内容列在栏目上。 * 3.1 栏目和版块 版块比栏目的概念大； 各版块相对独立； 各版块相互关联； 版块内容要围绕站点主题。 * 4 网站的目录结构与链接结构 4.1网站的目录结构 不要将所有文件都存放在根目录下 文件管理混乱 上传速度慢 按栏目内容建立子目录 如果图片特别多，在每个主目录下都建立独立的图片目录；如果图片不太多，则在根目录下单独建立一个图片目录即可 目录的层次不要太深 目录的命名方法： 不使用中文； 不要过长； 意义明确。 * 4 网站的目录结构与链接结构 4.2网站的链接结构 树状链接结构(一对一) 优点:条理清晰 缺点:浏览率低 星状链接结构(一对多) 优点:浏览方便 缺点:容易迷路 * 4 网站的目录结构与链接结构 4.2网站的链接结构 首页和一级页面间用星状链接结构,一级和二级页面间用树状链接结构. 若站点内容很多,超过二级页面,需设置导航条. 链接结构不仅局限于方便快速浏览,更加注重个性化和相关性. * * 宝洁公司: 潘婷和佳洁士的对比 * 宝洁公司: 潘婷和佳洁士的对比