布局界面设计指南与规范一.pptVIP

整体图片说明： 上图为OpenEye系统主界面信息栏样图。 信息栏中显示当前操作提示。信息栏高度25pix。 界面设计指南与规范 四、界面排布规范 1．主界面规范 g、信息栏 当操作提示与Grip按钮之间的距离小于6pix时，使用省略方式。 该界面中，“启动”文件夹前置。 以下图说明登录界面的排布，包括各个控件之间的间距。后面将具体说明不同控件的尺寸。 界面设计指南与规范 四、界面排布规范 2．登录界面规范 图标贴图 尺寸适用于两个图标 下拉框 尺寸适用于两个下拉框 复选框 文字颜色：#3C3C3C 登录状态图标贴图 提供已登录，未登录两种状态 尺寸适用于两个状态 登录状态文字提示 字体：宋体加粗 字号：15 颜色： #E60000 展开按钮 登录按钮贴图 字体：宋体加粗 字号：9pt 颜色：#FFFFFF “高级设置”选项展开后，排布如下图 界面设计指南与规范 四、界面排布规范 2．登录界面规范 输入框 尺寸适用于两个输入框 下拉框 输入框 尺寸适用于三个输入框 登录后，返回到标签，布局如下图： 界面设计指南与规范 四、界面排布规范 2．登录界面规范 信息提示条 未接来电个数的数字，字体arial 字号9pt加粗，颜色#618807 累计通话时间，字体arial， 颜色#618807 未接来电个数的数字，累计通话时间的数字，均与相邻的的文字间距一个字符 登录状态文字提示 字体：宋体加粗 字号：15 颜色：#618807 注销按钮 广告条 内为贴图，根据不同广告内容贴不同图片，图片大小298*45 以下图说明呼叫界面的排布，包括各个控件之间的间距。后面将具体说明不同控件的尺寸。 界面设计指南与规范 四、界面排布规范 3．呼叫界面规范 文字输入框 120pix*22pix 按键贴图 尺寸适用于全部12个按钮 图标 16pix*16pix 图标间距10pix 按键贴图 尺寸适用于2个按钮，2个按钮间距3pix 按键贴图 按键贴图 视频窗口贴图 当前呼叫提示框 当进行呼叫连接时，底色为#08A1E1；当连接成功后，底色为#62AC00；当呼叫不成功，底色为#F15D4A 音量调节按钮贴图 按钮贴图 尺寸适用于全部6个图标 以下图说明通话记录界面的排布，包括各个控件之间的间距。后面将具体说明不同控件的尺寸。 界面设计指南与规范 四、界面排布规范 4．通话记录界面规范 通话记录类型图标（小） 提供选中和正常两种状态 尺寸适合于5个图标 通话对象 在通讯簿里储存有该号码的情况下，在该项显示通话对象姓名，在没有该号码的情况下，显示通话对象号码。 字体：arial（英文或数字）加粗/宋体加粗（中文） 字号：12pt(字间距50) 颜色：#B3B3B3 通话记录类型图标（大） 尺寸适合于5个图标 或 通话持续时间 字体：arial加粗 字号：10pt(字间距100) 颜色：#B3B3B3 通话时间 字体：arial 字号：10pt 颜色：#999999 号码类型图标 该图标用于显示号码来自于通话对象办公室、手机、家里或OpenEye 尺寸适合于4个图标 以下图说明通讯录界面的排布，包括各个控件之间的间距。后面将具体说明不同控件的尺寸。 界面设计指南与规范 四、界面排布规范 5．通讯录界面规范 查找输入框 在该对话框中输入文字或数字，通讯录中有相关字符的记录优先排列。参见MSN查找功能 查找联系人或号码提示 字体：宋体 字号：9pt 颜色：#A5A5A5 搜索图标贴图 高级搜索按钮 联系组图标及名称 组名称 字体：宋体加粗 字号：9pt 颜色：#000000 联系人姓名 字体：宋体 字号：9pt 颜色：#535A74 联系人详细信息 鼠标单击联系人时，该联系人详细信息展开，其中 联系人姓名 字体：宋体加粗字号：9pt 颜色：#535A74 上次通话时间 字体：宋体/Arial，字号：9pt，颜色：#535A74 号码类型图标 该图标用于显示号码来自于通话对象办公室、手机、家里或OpenEye 尺寸适合于4个图标 添加联系人和组图标贴图 尺寸适合于2个图标 联系人详细信息 鼠标单击联系人时，该联系人详细信息展开 a. 设置界面默认尺寸 设置界面默认尺寸 535pix*380pix b. 设置界面结构 界面设计指南与规范 四、界面排布规范 6．设置界面规范 c. 标题栏 标签上的说明文字直接在程序中写出，不再提供图片。 界面设计指南与规范 四、界面排布规范 6．设置界面规范 整体图片说明： ??? 上图为OpenEye系统设置标题栏的样图。 ??? 标题栏分四个部分： 1）OpenEye标识。 2）窗口名称。