[WUI-第一课.pptVIP

Web User Interface WUI设计 Web User Interface 时间：********** 目的：独立完成Web界面的设计 By ******** Web User Interface Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 一、认识网页，网站分类，网站设计规范 二、将网页需求文档形成线框图 在网页设计中，线框图是很重要的部分，线框图是对页面整体布局的把控。 课程目标 Web User Interface Web User Interface Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. What is UI? 一、什么是UI? UI的本意是用户界面，是英文User和　interface的缩写。从字面上看是用户与界面2个组成部分，但实际上还包括用户与界面之间的交互关系，所以这样可分为3个方向，他们分别是：用户研究、交互设计、界面设计。 二、什么是WUI? WUI的全称是Web User Interface，也就是网页用户界面。 Web User Interface Web User Interface Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Web的基本市场分类 电子商务网站（淘宝、京东、凡客、O to O（必胜客宅急送、肯德基、麦当劳网上订餐）分析结构，对比不同与相同，总结设计中不同产品类型的网站的特点。 资讯网站（网易、腾讯） 社区网站（论坛[天涯、mop]、sns[Facebook]、微博，包括蘑菇街、逛、美丽说这些社区类电商） 企业网站（房地产、汽车、教育、金融、美容、服饰） 个人网站（形式灵活、个性） 活动专题（营销形式（团购、秒杀、试用等等）案例） 产品类（软件界面、后台）  Web User Interface Web User Interface Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. 一、Web的基本设计规范 1、字体的设计规范 2、布局的设计规范 二、Web的布局格式 Web设计的三种基本布局格式 核心知识点 Web User Interface Web User Interface Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Web的基本规范 网页设计中的规范分为行业基本规范。 行业基本规范的具体内容有哪些，请参照下图 Web User Interface Web User Interface Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile 5.2.0.0. Copyright 2004-2011 Aspose Pty Ltd. Web的基本规范--关于字体我有话要说 正文： 字体：宋体 12px (目前来讲微软雅黑字体已经成为流行趋势) 行高：19—24px 一般使用22px或24px 导航、栏目标题一般使用黑体、微软雅黑，现在比较常用的字体是微软雅黑，它是美国微软委托中国方正集团设计的符合clear type的字体。 英文字体是专为屏幕设计的具有结构清晰端整、阅读辨识容易等、数字一般使用Arial、New times、verdana、sans-serif等高品质的字体。 Web User Interface Web User Interface Evaluation onl