专题四 电脑、数码咨询网站设计.pptVIP

* 专题四--- 智能手机人机界面设计 教学重点： 顾客信息内容及获取方法 如何进行可行性分析 教学难点： 　　与顾客沟通技巧与沟通能力 　　确认重要信息 如何降低开发成本 ·课程导入 HTC Sense 摩托罗拉 ME525 三星 I9000 索尼爱立信 XPERIA X8 夏普 SH7218U 魅族M9 ·界面需求分析过程---界面元素 手机界面的元素包括 界面主颜色 字体颜色 字体大小 界面布局 界面交互方式 界面功能分布 界面输入输出模式 ·界面需求分析过程---用户角色 用户角色是指按照一定参考体系划分的用户类型，是能够代表某种用户特征、便于统一描述的众多用户个体的集合。 CMCC无线城市 网页页面元素设计 logo设计 Banner设计 导航设计 网页文字设计 图形图像设计 网页动画设计 一个网站是由多个网页组成，一张网页又是由多个页面元素构成。网页界面包含了更多的构成要素。除了文字和图形以外，还有动画、声音和视频等多媒体元素，以及各种特殊效果及交互功能．正是由于这些区别于传统媒体的元素，使网页界面的设计要考虑更多的因素。通过本单元使学生熟悉网页界面的基础页面元素，掌握页面元素的设计要点，能综合运用各种元素设计出风格各异的网页。 　LOGO设计 　　　网页Logo是指网站的标志、标识。Logo是企业综合信息传递的媒介，是依据企业的构成结构、行业类别、经营理念，并充分考虑标志接触的对象和应用环境，为企业制定的标准视觉符号。 当代品牌名称设计已形成一个国际化潮流，品牌的国际化，除了具有品牌的共性——易读、易写、易识、易听外，还注重晶牌名字能通行世界各国。 好喝、清爽、快乐 a在西方的意义是第一、优秀和卓越的意思。 a是开始，也可以是结束，象征阿里巴巴能有始有终。 a是用户满意的笑脸。 Logo传达的是用户用过产品之后的感觉，或者说，表达着用户对阿里巴巴以顾客第一为服务理念的赞许与激励。 香港大型基金投资金融机构? 此款企业商标设计采用正方体造型，如容器，指吸纳资金；又形如三个箭头向外，意指对外投资，中央红心代表了企业投资与发展理念。独特的构思，令此款logo设计充满了国际化品牌气息。 特点：简洁，大气，国际化。 　（1）遵循人们的认识规律，突出主题、引人注目。能够在方寸之间概括出站点的理念，保持视觉平衡、讲究线条的流畅，使整体形状美观，用反差、对比或边框等强调主题。 　（2）外观尺寸要根据页面的整体版面设计来确定，选择恰当字体，注意留白，给人想象空间。 　（3）在色彩运用上基色要相对稳定，强调色彩的形式感、记忆感和感情规律。合理使用色彩的对比关系，重视色彩的注目性。 　（4）形式上重视简约，以简洁的符号化的视觉艺术形象把网站的形象和理念长留于人们心中。 　LOGO设计原则 　　　网页Banner是指网页中的广告。网页Banner只需稍具视觉冲击力就能轻易吸引浏览者的视线，可谓事半功倍。既可以通过广告画面或告语向浏览者传递某种信息，更可以引导浏览者与商家进行深度接触，实现交互。 　Banner设计 （1）文字编排简洁、和谐。 （2）内容醒目、美观，视觉效果好。 （3）广告内容的方向正确。 （4）激起点击的欲望。你的广告让浏览者点击的理由是什么？点击后将能看到什么？ （5）适当的留空，避开广告条的边缘。 　Banner设计原则 导航是网页的目录，网页之间的联系和分类通过它来实现。导航应放置在页面的醒目位置，让浏览者在第一时间看到它。 网页中的导航通常分为文字导航、图像导航、交替图像导航、下拉菜单导航、Flash导航。 　导航设计 　（1）导航设计合理、便捷。浏览者通过导航应方便去任何页面，并注意不要将内容藏的太深。 　（2）导航内文字组织清晰、明确、简洁,符合浏览者的认知心理。 　（3）导航条不易过多。除门户网站外，商业网页的导航不宜过多。导航过多一方面让页面显得过于沉重，一方面会过分挤占页面位置，减少信息量。 　（4）将导航的设计融入整个网站设计中，使浏览者通过导航加深对企业形象的认识。 　导航设计原则 　 　　　文字是网页界面的主体，是用以传达信息的主要元素。由于目前的网速原因，文字还是信息传达的最佳载体。单一的纯文本给人感觉单调、枯燥，但只要对它进行少许简单而又有趣的修饰，就会使页面变得生动起来。文字设计可以增强文字视觉传达效果，提高文本内容吸引力。文字构成要素设计的好坏，直接影响到版面的视觉传达效果和浏览者的兴趣。 　　　网页中的文字主要有标题、文字信息、文字链接等几