触摸屏界面设计及长沙市地图制作纲要.docVIP

触摸屏界面设计及长沙市地图制作纲要 外包方需首先阅读项目设计构想，充分理解后再具体阅读以下需求。构想与需求中所述设计均仅为样例，我们希望外包方在把握项目目的的前提下，提出自己的方案，不能拘泥于样例的设计。 美工所需要实现的工作分为以下三类： 软件界面示意图 软件中所使用的动画元素和静态图片等 长沙市地图编辑 总的指导方针：设计不同于传统计算机软件的界面风格，需要给人一种高科技，新型交互的感觉；整体配色与具体元件风格统一，动画转场过程有动感，过渡自然，令用户乐于尝试，而易用的界面使用户能迅速找到他所需的信息。 最终提交作品格式：静态图片保存为png格式，动画元件制作成相应的swc文件（须提供原始fla文件和psd文件），便于AS3程序载入。程序中实际使用的文字都是可自由修改的。因此文字部分在提供示意图的基础上，指明使用的字体字号等各种format信息。对于元件，在界面示意图上需标出其坐标，或在psd图中所有元件以分层形式给出，便于程序进行控制。 审核：提交作品由委托方审核，并在三日之内提出修改意见。 软件界面总体示意图——分辨率1920x1080 软件启动时的载入界面（长沙互达信息科技有限公司LOGO组合） 软件启动之后的主界面（下为sample）。 点中泡泡 可为其他表现方式 ，展开浏览显示框后的样图 同时存在一个，两个，三个浏览显示框的样图 浏览显示框内部显示大小800x600，外框有适当边框，（例图可参照以下2种方式） 浏览显示框中内容为地图的示意图——800x600 浏览显示框中内容为楼盘介绍界面的示意图——800x600 浏览显示框中内容为一般商品介绍界面的示意图——800x600 软件流程描述。 软件在开机之后自动启动直接进入到软件界面中。机器也是自动关机的，所以无需退出菜单 软件启动载入时显示载入图案 软件载入完毕，进入主程序界面。主界面描述如下 背景为一张静态图片。 程序载入随机个数的星星movieclip，这些movieclip由程序控制移动位置 有若干代表栏目的泡泡在界面上漂浮。点这些泡泡可以在当前位置展开一张浏览显示框，进入到二级操作。 主界面上还有个面板，显示优惠信息和整个软件的使用帮助动画。 二级操作的浏览显示框及操作 浏览显示框边框含以下按钮： 其他栏目。点此按钮，可以选择进入其他栏目。比如当前显示的是房地产，点按钮后，可以选择进入汽车栏目 房贷计算器。点此按钮，在显示框中出现面板。显示房贷计算器内容。 有哪些信誉好的足球投注网站。点此按钮，显示框中出现面板，显示各类有哪些信誉好的足球投注网站类别。选项显示建议用排列显示方式，较为直观。 我的关注。点击后显示框中出现面板，显示加入到我的关注中的内容。 留下联系方式。点击后出现数字键盘输入保存界面 关闭窗口。点击后关闭当前二级显示框。 浏览显示框中主要显示内容。以房地产为例 出现长沙市地图。范围从绕城高速至黄花机场。当比例尺为2公里时，基本上就是800x600大小。 用户可使用多点触摸操作来放大地图至1公里，500米，200米等比例。地图需事先制作。具体要求见下文。 地图上用闪动的小点指出楼盘的位置。点击这些亮点，会进入到项目介绍的三级界面。三级界面也是显示在显示框中的。覆盖掉原来的地图。 三级界面 三级界面包含楼盘综述，房型图，项目销控表等相关内容。 主要将是一些图片和视频的显示。 但、三级界面内的具体按钮将会由程序自行动态配置，美工无需关注内容。美工需要完成的是这些按钮的布局和字体等信息。以及图片显示区域 三级界面可退出至二级界面 软件中需要提供的各类元件详述其中与文字相关的地方，主要需要提供的是文字的样式，即字体，字号，大小等信息，至于具体文字，程序将根据需求动态更新，因此在需求中不具体给出。（少量可以给出文字的地方已经给出） 载入界面（movieclip） 软件主界面。希望至少有两种以上构想供选择。 我们提供的构想例。背景是一个深邃的宇宙，上面有很多闪动移动的星星。同时背景上有几个很大的浮动着的泡泡，泡泡上用图像和文字标明了（该部分可直接采用二级界面的初始界面，如房产为地图等，简单直观）栏目。如房地产，汽车，家具等。泡泡内的图像在反复作360度旋转。背景的旁边是一个菜单面板，上面不停的播放一个帮助动画。面板上还有一个区域在反复显示着必威体育精装版的优惠信息。（元素不变，但是界面风格设计不限，应突出空间感，定稿以效果为准） 主背景上浮动的星星（movieclip）。 主背景上浮动的泡泡（movieclip）。 主背景上显示优惠信息和帮助动画的面板（图元件） 帮助动画 movieclip 。内容为多点触摸手势演示及系统功能演示。即点击，缩放，拖动窗口的功能。形式如例图。 或者 优惠信息栏（图元件，文字显示部分给出文字format，带scrollbar，这样信息非常多的时候也可以显示） 浏览显示框。（希