2016面设计规.pptVIP

* * * * * * * * * 我叫卢松松，我是一个搞网站的人，也是一个被网站搞的人，这是我的博客 * * 卢松松博客收集整理 一、网页宽度 最新显示器分辨率比例调查： 目前主流分辨率 1024X768，在此状态下，默认使用910的网页宽度，与腾讯网首页统一尺寸。 特殊情况 1 . 信息量或图片量过大的情况，可以考虑加宽承载，给出两个参考尺寸： 950（paipai，Qbar等) 990（QQshow，游戏产品等) 2. 搜索类信息页面，采用自适应屏幕方式（比如soso搜索产品) ??? Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 二、搜索框设计规范 1.基础规范 文本框 a. 搜索框文本框的长度应适中，至少应提供显示10个中文字符的宽度 b. 搜索组件中使用的文本框必须为单行文本框 c. 文本框的长度不得少于130个像素 高度不得低于18个像素 帮助信息 a. 帮助信息一般包括三块内容：限定标签提示、标示性文字、热门关键词提示等， b. “限定标签提示”一般放在搜索框的上面 c. “热门关键词提示”一般放在搜索框下面 d. “标示性文字” 可设置灰色(#cccccc)显示，点击输入框后提示文字消失。提示文字应简明，文字一般用于内容、用途、搜索范围等对用户有真正帮助的提示，”请输入关键词”这样的提示不应出现. 搜索按钮 a. 搜索按钮一般包含图标形式和文字形式两种 b. 使用图标形式时只能使用放大镜的图标，而不能采用其他元素。 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 二、搜索框设计规范 d. 图标形式（放大镜）和文字形式可搭配使用，会出现如下三种情况： 文字形式： 搭配使用： 图形形式： c. 搜索规范文字为“搜索”避免采用其他描述。比如： 使用SOSO引擎的可考虑在搜索框前加SOSO LOGO 同一个web产品中搜索的位置和表现形式尽量保持一致 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 二、搜索框设计规范 2. 应用场景 强表现方式： 加大搜索框的显示，输入框内采用大字体（14号） 突出搜索的表现，更直观，更有点击欲 位置放在页头的中间并明显标示 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 二、搜索框设计规范 输入框内采用小字体（12号） 长度大约以刚好放完提示文字为基准 搜索框通常放在页头的右上角 2. 应用场景 弱表现方式： Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 三、页码设计规范 1.普通页码翻页的表现方法： 页码由三部分构成：一为页码状态区，表明页码在当前第几页位置以及共有多少页；二为页码翻页区，由上下翻页按钮与页码显示区构成；三为跳转翻页区。三部分组成页码翻页区域位于产品右下角，三部分距离不可分开过大。 链接页码的设计力求简明独立，页码与页码之间的间距不小于鼠标手型的距离，如图所示 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 三、页码设计规范 链接页码为简明独立，不加任何修饰的数字形式 链接颜色由当前页面设计决定 数字大小建议为12-14px ,以易于点击为原则. 2. 小型页码翻页的表现方法： Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copyright 2004-2011 Aspose Pty Ltd. 四、广告设计规范 禁止模仿任何windows标准控件，w