UI美工项目基本要求
应用程序软件UI设计, 需要根据要求(见附件)设计1套图片(基色为:蓝色)。
图片质量能适应显示器的分辨率范围(1024x768 – 1366x768)。
设计师可以创意发挥,但不能改变UI结构以及功能菜单项目。
本项目的范围为附件所示图1 –图10共10个UI界面和28个tab图标。
1)设计师首先制作主页面jpg图,我们确定入选方案后,再请继续后面的设
计,以免耽误设计师时间。
2)交付图片上所有文字都不能合到图层,即文字交稿后我们可以修改。
3)入选设计师制作和提交页面和图标(不能合层)psd源图。
4)入选设计师根据我们的要求对美工设计进行调整,然后制作、提交psd图。
5)其中图1和图2需要制作html及css文件(满足IE6-9要求)。
6)如果需要新增在本说明中没有提及的页面,我们将另外支付费用。
7)我们收到文件后按照威客规则支付费用。
8)设计方案被接收和设计师收到付款后,项目方案的知识产权为本公司所有。
附件:项目UI页面设计详细要求
1) 登录页面
参照图1, 图(1.1)所示为登录页面必须包含的内容
图1
2、主控页面-如图2 –系统名称为: xxxx机关事业单位人事信息管理系统
图2
图2修改要求:
2.1 按照图2的结构布局设计页面,请根据构图,在醒目位置加【退出】按钮
2.2 如图2主控台作栏目,制作图标(非树状下拉结构)
“基础信息”
“查询报表”
“人事业务”
“编制业务”
“工资业务”
“领导工作”
“系统管理”
“数据管理”
图标内图按照业务类型加以区分,选中图标后,图片改变样式(例如:显示翻页)
2.3 图2其他部分按照图中显示的内容制作
3、“基础信息”页面–图3
图3
图3修改要求:
3.1 导航栏:含8个tab 单位信息、内设机构、人员信息、职数信息、沿革史、基础设置、两个空栏;
3.2 Tab页上的字可以修改,不能合到图片层。
Tab图标大小:136*51像素,如下图:
3.3 其他部分酌情设计,请根据构图,在醒目位置加【返回】按钮
3.4 增加“当前位置”栏
4、其他功能窗口–图4
本窗口是点击“主控窗口”左侧功能栏目:
“查询报表”
“人事业务”
“编制业务”
“工资业务”
“系统管理”
“数据管理”
“领导工作”
的图标切换的页面,见图4
图4
图4修改要求:
4.1 制作统一风格图标(共12个(类)),要求图标内图与业务含义联系。
图
4.2 图标上如果使用文字,文字需要可以修改,不能合到图片层。
4.3 图标大小:113*128像素,如下图:
4.4 其他部分酌情设计,请根据构图,在醒目位置加【返回】按钮
4.5 增加“当前位置”栏
5、【辅助页面】图5-图9
- 辅助页面根据主页面色系做相应的设计。
- 根据构图,在醒目位置加【返回】按钮
- 增加“当前位置”栏
图5
图6
图7
图8
图2 定型后,将题头根据我们提供的尺寸剪裁制作(相同样式,改变尺寸),不需要css和html文件。
图10
-本文结束 -。