产品名称webUI设计规划书

1、1 / 8产品名称：产品名称： web UI 设计规划书设计规划书Web UI 设计规划书设计规划书版本版本 1.01 / 8正文目录正文目录WEB UI.1设计规划书设计规划书 .1正文目录正文目录 .1设计方案设计方案 .21.概述概述 ( OVERVIEW ).22.设计要点设计要点 .23.需求分析需求分析 .33.1技术参数.33.2网站总体设计架构.33.2.1首页界面设计规划.43.2.2解决方案设计规划.53.2.3资料下载设计规划.53.2.4联系我们设计规划.63.2.5登陆注册设计规划.62 / 8Error! No text of specified style in

2、document.1.概述概述 ( Overview )通过初步的需求调研，拟生成斯云网站设计交互业务设计计书。斯云网站是该公司智能广告展示网站，主要用于展示智能广告投放平台的解决方案。参考的网站有：哇棒：有米：inmobi 网站：2.设计要点设计要点 该网站的设计应符合干净、整洁、美观、明朗且功能简便、易懂。保持整个界面从色彩到质感、从进入主页到下载付费等的色彩一致协调，明朗易懂化。实现独创性合理交互设计。初步目标及原则如下：（一） 扩充性：以用户为中心，符合用户的使用和浏览习惯，做到开发的维护简单有效、便捷。（二） 易用性：界面设计实现干净、整洁、美观、明朗且功能简便、易懂。保持整个界面从

3、色彩到风格一致协调，明朗易懂。（三） 艺术性：版面色彩和栏目图片力求简洁明了。（四） 简洁性：既有特色又有经营特点并精致大方的形象能够从第一视觉冲击上吸用户注意力。（五） 交互性：信息密度、结构和布局均要考虑到最终用户自身的需求；能够通过界面及时得到定制服务和其他服务。3 / 8图表 1 设计要点3.需求分析需求分析3.1技术参数技术参数显示分辨率 PC： 1020768 自适应； Html 输出：Div+css+js 最佳显视：Pc Ipad亮度： 300cd/m2（典型值） 类型：透射式（transmissive） 色彩：16 位（65535 色） 输入类型：3G / Lan 3.2网站总

4、体设计架构网站总体设计架构网站的总体功能设计如下：4 / 8网网站站首首页页资资料料下下载载解解决决方方案案合合作作伙伙伴伴用用户户管管理理公公司司产产品品图图片片展展示示合合作作伙伙伴伴广广告告，代代理理，网网站站，开开发发者者解解决决方方案案展展示示各各种种联联系系方方式式成成功功案案例例联联系系我我们们该该部部分分暂暂时时不不支支持持广广告告主主网网站站主主开开发发者者代代理理商商广广告告主主网网站站主主开开发发者者代代理理商商登登陆陆注注册册广广告告主主网网站站主主开开发发者者代代理理商商图表 2系统总体架构3.2.1首页界面设计规划首页界面设计规划加载主页界面，显示公司产品方案动画显

5、示，下面显示广告主，代理商，网站，开发者，最下面显示合作伙伴。首首页页 解解决决方方案案 合合作作伙伙伴伴 资资料料下下载载 联联系系我我们们 登登陆陆 注注册册 帮帮助助手机产品介绍动画广告主开发者网站主代理商合作伙伴图表 3 首页示意图手机产品介绍动画中要体现以下元素：1） 精准投放：位置，用户；2） 多平台支持，包括 Android，ios，symbian 及 windows phone；5 / 83） 用户多及覆盖广；3.2.2解决方案解决方案设计规划设计规划首首页页 解解决决方方案案 合合作作伙伙伴伴 资资料料下下载载 联联系系我我们们 登登陆陆 注注册册 帮帮助助手手机机广广告告解

6、解决决方方案案广告主开发者网站主代理商图表 4 解决方案示意图解决方案示意图中，要体现广告主，网站主，开发者在该方案中的角色划分。3.2.3资料下载资料下载设计规划设计规划首首页页 解解决决方方案案 合合作作伙伙伴伴 资资料料下下载载 联联系系我我们们 登登陆陆 注注册册 帮帮助助广广告告主主资资料料1 下下载载资资料料2 下下载载资资料料3 下下载载资资料料4 下下载载资资料料5 下下载载资资料料6 下下载载资资料料7 下下载载资资料料8 下下载载资资料料9 下下载载资资料料10 下下载载资资料料11 下下载载资资料料12 下下载载资资料料13 下下载载资资料料14 下下载载资资料料15 下

7、下载载资资料料16 下下载载资资料料17 下下载载开开发发者者资资料料1 下下载载资资料料2 下下载载资资料料3 下下载载资资料料4 下下载载资资料料5 下下载载资资料料6 下下载载资资料料7 下下载载资资料料8 下下载载资资料料9 下下载载资资料料10 下下载载资资料料11 下下载载资资料料12 下下载载资资料料13 下下载载资资料料14 下下载载资资料料15 下下载载资资料料16 下下载载资资料料17 下下载载网网站站主主资资料料1 下下载载资资料料2 下下载载资资料料3 下下载载资资料料4 下下载载资资料料5 下下载载资资料料6 下下载载资资料料7 下下载载资资料料8 下下载载资资料料9

8、 下下载载资资料料10 下下载载资资料料11 下下载载资资料料12 下下载载资资料料13 下下载载资资料料14 下下载载资资料料15 下下载载资资料料16 下下载载资资料料17 下下载载代代理理商商资资料料1 下下载载资资料料2 下下载载资资料料3 下下载载资资料料4 下下载载资资料料5 下下载载资资料料6 下下载载资资料料7 下下载载资资料料8 下下载载资资料料9 下下载载资资料料10 下下载载资资料料11 下下载载资资料料12 下下载载资资料料13 下下载载资资料料14 下下载载资资料料15 下下载载资资料料16 下下载载资资料料17 下下载载图表 5 资料下载示意图6 / 83.2.4联系我们联系我们设计规划设计规划首首页页 解解决决方方案案 合合作作伙伙伴伴 资资料料下下载载 联联系系我我们们 登登陆陆 注注册册 帮帮助助广广告告主主联联系系电电话话