任务二 营销型网站网页的设计.pptVIP

任务分析  利用好视觉中心突出重点信息 权衡文字与图片的比例，图片为辅，文字信息为主 当后面还有内容时，第一屏不要形成已完成的假象 任务分析 6.网站视觉元素设计 网站视觉元素包括文字，图片，标签，表单，列表，多媒体等等，是网站外观设计的组成部分，服从于网站的整体风格需要。 用好网站视觉元素，能更好的指导和协助用户完成网站上的任务流程，使用户获得良好的在线体验。 任务分析 6.1让文字易辨识 字体是帮助用户获得与网站的信息交互的重要手段，因而文字的易读性和易辨认性是设计网站页面时的重点。不同的字体会营造出不同的氛围，同时不同的字体大小和颜色也对网站的内容起到强调或者提示的作用。 正确的文字和配色方案是好的视觉设计的基础。网站上的文字受屏幕分辨率和浏览器的限制，但是仍有通用的一些准则：文字必须清晰可读，大小合适，文字的颜色和背景色有较为强烈的对比度，文字周围的设计元素不能对文字造成干扰。尽可能少用游动文字、图形文字。 任务分析  避免字体过于黯淡导致阅读困难 字体色与背景色对比明显 字体颜色不要太杂 有链接的字体要有所提示，最好采用默认链接样式 标题和正文所用的文字大小有所区别 作为内容的文字字体大小最好能做大一点 英文和数字选用与中文字体和谐的的字体 任务分析 6.2让图片更合理 页面上图片也是版式的重要组成，正确的运用图片，可以帮助用户对信息加深印象，引导用户的行为，与网站整体风格协调的图片，能帮助网站营造独特的品牌氛围，加深浏览者的印象。 网站中图片的主要作用大致有以下三种：banner广告图片、产品展示图片、修饰性图片。图片运用不合理的情况通常有：图片尺寸过大、动态图片过多、应该使用文本的地方错用了图片。 任务分析 小结 ·出现的位置和尺寸合理，不对信息获取产生干扰，喧宾夺主 ·考虑浏览者的网速，图片文件不宜过大 ·有节制的使用flash和动画图片 ·产品图片的alt标签加上产品名称 ·形象图片注重原创性 任务分析 6.3让表单更易用 用户在填写网站表单的时候，无论是注册、发布信息/文章、信息反馈，都已到了顾客转化的关键环节，重要性不言而喻。 表单涉及到较复杂的在线交互行为，与流程息息相关，当一个交互过程需要分成很多个步骤完成的时候，更重视对用户一步一步的引导，每一次点击都合理有效，接近并最终达成任务目标。 好的表单设计可以提升用户体验，但不少网站的表单设计都或多或少存在一些问题，排除内容部分的因素，就设计上而言，表单设计容易犯的几个错误包括以下几点： -过于冗长的表单和繁多的填写项 -不知所以的单选框和复选框 -填写出错后才出现说明和帮助 -提交按钮不易发现  任务分析 控制输入框的大小、恰当对齐，使之符合内容版式的需要 根据表单元素的相关性进行合理分组和排序 有下拉选择区域的下拉列表，将初始状态默认为全部区域 下拉列表过长时，可横向排列 对填写内容提供必要的帮助提示 避免一页表单必填项堆积过多，通过分页或收缩方式实现分步式表单形式 提交按钮醒目，位置符合习惯 任务分析 6.4让按钮更易点击 按钮是网站界面中伴随着用户的点击行为的特殊图片，由于按钮点击行为是将用户引向顾客转化的重要步骤，因此按钮在设计上有较高的要求。 按钮设计的基本要求是要达到“点击暗示”效果，凹凸感、阴影效果、水晶效果等均是这一原则的体现。同时，按钮中的可点击范围最好是整个按钮，而不仅限于按钮图片上的文本区。 任务分析  按钮颜色与背景颜色有一定的对比度 按钮有浮起感 按钮文字提示明确，如果没有文字，确信所使用的图形按钮是约定俗成、容易为用户理解的图片 对顾客转化起重要作用的按钮用色突出一点，尺寸大一点 可点击范围够大，包括整个按钮 任务实施 原“宁月”公司网站 1.首页结构图 2.界面设计 logo Banner 导航 分类目录 宣传广告 公告/新闻 最新产品 宣传广告 版权 技能训练 请为优化原“宁月”公司网站网页 1.首页界面优化设计 2.列表页面优化设计 3.详细页面优化设计 4.表单页面优化设计 6.视觉元素优化设计 THE END THANKS 任务导入 通过“宁月”网站界面设计，掌握商品类网站的设计要点，熟悉网站版式构成设计的基本步骤，并能运用版式设计的理念进行商务网站布局编排，以构造出自然、和谐、流畅的网站界面。 任务分析 1.试着去了解用户 谁是你的目标用户？ 目标用户具有什么特点？ 你的网站运营目标是什么？ 如何让你的设计真正为传递网站内容和产品价值而服务？ 你的设计能否给目标用户带来更好的体验？ 任务分析 2．网站整体风格和品牌形象 网站的整体风格是网站外观设计的指导思想。视觉元素、CSS、布局方式、浏览器兼容性