软件界面设计规范 - V1.0- 视觉部分
更新时间:2023-12-05 15:46:01 阅读量: 教育文库 文档下载
软件界面设计规范_V1.0
1 概要
界面设计中一定要保持界面的一致性。
一致性既包括使用标准的控件,也指使用相同的信息表现方法,如在字体、标签风格、颜色、术语、显示错误信息等方面确保一致。
界面力求简洁明了,保证系统功能设计的合理与明确,布局明确、交互操作合理、协调统一。功能要表现清楚,分类清晰有条理,避免过多的控件嵌套导致的视觉混乱;单一功能的操作目的明确,符合易用性原则,避免不必要的信息显示而对用户造成视觉干扰;力求操作简单,简单的功能一步完成,比较复杂的功能三步之内,复杂的功能操作使用操作向导来辅助客户完成。
2 色调风格
2.1 色调:
软件界面设计中常用的主色调包括:蓝色、红色、绿色、黑色
蓝色:运用的行业较为广泛,如通讯、电子、房产、钢铁、生产管理等行业大部分以蓝色为主色调来设计软件。
红色:在政府单位运用比较多。
绿色:一般运用于教育、医疗、农林等行业。
黑色:能源、石油、房地产行业有时候会用中性的黑色作为主色调。
表现区:通常用浅色,如:白色、淡灰、或者淡蓝之类,因为大面积的文字信息在浅色上便于长时间阅读,不容易形成视觉疲劳。
1 / 13
2.2 风格:
软件界面的风格通常比较简约。不同行业,使用的环境不同稍有差异。
3 登录界面
基本元素:logo、系统名称、输入框、提交按钮。如下:
4 页面逻辑结构
软件界面通常是上面这样的逻辑结构
首页:宏观预览各项设备管理数据,快速访问期望的数据功能
功能页面:查看某一功能模块的全部数据,查看某一对象的各类相关数据
弹出页面:填写和提交表单,对功能中的某一单项数据进行增加/删除/查询/修改/审核/打印/导出等功能操作。
首页 功能页面 功能页面 弹出页面 弹出页面 弹出页面 2 / 13
5 页面的基本属性
页面宽度:属性值为auto,最小值1024像素。默认状况下无横向滚动条。 注意:宽度、位置、边距为不可变数据
背景:页面整体为白色背景#FFFFFF 或者浅灰、浅蓝等,总之是非常接近白色的颜色。
注:白色为常用色值,对于特殊个性化页面可根据特殊要求变更色彩;背景色彩尽量少用饱和度高的颜色, 减少用户视觉疲劳;背景图片遵循原则尽量选择可复用的图片,减少页面文件量 页面位置:居中
页面边距:上 0px;下 0px;左 0 px;右 0 px; 注意:有时候会专门设置一定数值的边距,这时通常 与模块间的间距相同,如上下左右都是5px。
3 / 13
6 导航菜单
常见的软件导航菜单有:左侧树状菜单、左侧伸缩菜单、windows标准的定制导航
6.1 左侧树状菜单
适用于多级结构庞大的软件架构。
4 / 13
6.2 左侧手风琴式菜单
这种菜单适用于相对小规模的软件架构,简单舒适型。 规范
1)菜单深度一般不要超过两层
2) 导航如不是客户特别要求的定制,均制成类似以上的导航,其中默认分辨率为1024*768。
一级菜单:图标32px_32px,字体14px、不加粗、#000000; 二级菜单:图标20px_20px,字体12px、不加粗、#333333;
6.3 Windows标准的定制导航
5 / 13
正在阅读:
大港油田钻井井控实施细则05-07
幼儿园2022年开展亲子活动方案范本03-25
年产130万吨型钢车间设计绪论04-14
溶液的配制练习题01-02
2016学年蛟川书院第一学期期中测试初一科学 - 初一 - 答案12-22
马克思主义基本原理概论复习资料整理04-22
电子数字时钟课程设计报告(数电)08-24
镇敬老院管理规章制度11-09
第10章 情绪05-13
- exercise2
- 铅锌矿详查地质设计 - 图文
- 厨余垃圾、餐厨垃圾堆肥系统设计方案
- 陈明珠开题报告
- 化工原理精选例题
- 政府形象宣传册营销案例
- 小学一至三年级语文阅读专项练习题
- 2014.民诉 期末考试 复习题
- 巅峰智业 - 做好顶层设计对建设城市的重要意义
- (三起)冀教版三年级英语上册Unit4 Lesson24练习题及答案
- 2017年实心轮胎现状及发展趋势分析(目录)
- 基于GIS的农用地定级技术研究定稿
- 2017-2022年中国医疗保健市场调查与市场前景预测报告(目录) - 图文
- 作业
- OFDM技术仿真(MATLAB代码) - 图文
- Android工程师笔试题及答案
- 生命密码联合密码
- 空间地上权若干法律问题探究
- 江苏学业水平测试《机械基础》模拟试题
- 选课走班实施方案
- 界面设计
- 视觉
- 规范
- 部分
- 软件
- 1.0
- 阅读理解分段技巧
- 英语复习1
- 河北张家口蔚县一中2014高三一轮测试-地理
- 2012成都电务段定职考试题库
- 某酒业财务管理制度
- 《TIME》周刊经典词汇
- 社会主义制度的基本建立教学反思
- 龙潭镇中学精准扶贫工作总结
- 2万吨金属镁项目可行性研究报告
- 项目部薪酬管理办法5
- 第三章 液相色谱法课后作业
- 松原职业技术学院课程单元教学设计日期《机械基础》课程单元教学
- 呼叫中心安装手册2010-11-05
- 2017年新苏教版二年级数学下册全册优秀教案 - 图文
- 第一章 会计法律制度
- 冀教版语文二年级上册第3课《美丽的呼伦湖》word随堂练习
- 学习《中国古建筑文化与鉴赏》的心得体会
- 最新-广东省东莞市寮步信义学校九年级政治全册 6.3依法参与政治生活导学案 新 精品
- 推荐中国恩菲工程技术有限公司2014年国家科学技术奖侯选项目公示
- XML期末考试试题,复习题 修正版