软件界面美化方案设计.docx

软件界面美化方案设计.docx

《软件界面美化方案设计.docx》由会员分享，可在线阅读，更多相关《软件界面美化方案设计.docx（9页珍藏版）》请在冰豆网上搜索。

软件界面美化方案设计

软件美化方案

一，美化依据

管理类软件具有面向特定用户层，可视化，综合性，专业化，标准化等特点。

因此教育装备管理软件应具有良好的图形用户界面，界面直观，对用户透明，用户接触软件后对界面的操作一目了然，无需过多培训甚至阅读帮助即可进行操作，并且，在操作过程中用户对相关功能模块不会产生歧义。

此教育装备管理软件软件是集学校版，分校版等多个版本为一体的系列产品，各个版本相互联系，专业性强。

因此，各版本软件系列产品要保持一致的界面风格，如背景色、字体、菜单排列方式、图标、安装过程、按钮用语等应该大体一致。

避免程序看起来非常混乱、没有条理、价值降低，甚至可能引起对应用程序可靠性的怀疑。

并且保持软件界面简单明了。

包括：

左侧菜单的排列顺序序，背景的色彩，按钮名称，按钮摆放位置，按钮样式等。

二，美化准则

1，独特性

2，易用性

3，规范性

4，合理性

5，美观与协调性

6，保持界面的简明

7，界面元素的一致性

8，空白空间的合理使用

9，使用颜色与图像协调

三，软件界面所存在的问题（以学校版为例）

1相同按钮在不同模块页面显示效果不一样

2个别背景样式显示不完整

3按钮位置摆放不规范，留有太大空缺

4同一页面按钮排列顺序在不同版本浏览器中显示效果不一致

（ie浏览器显示效果）

（360浏览器显示效果）

5相同页面在不同版本浏览器中显示效果不一样

（360浏览器显示效果）

（ie浏览器显示效果）

6软件填写信息框格大小不一致，影响美观

四，相关美化操作

1）修改按钮的样式，统一各个版本相同页面相同按钮尺寸，使同一按钮在不同页面显示效果一致

2）调整按钮位置，放置完按钮界面不应有很大的空缺位置，完成同一功能或任务的按钮应放在相同位置

3）修改背景样式，使其各个页面风格都能统一，正常显示

4）修改部分代码，使同一页面在不同版本浏览器都能正常显示

5）修改背景空白部分，使有内容部分显示在合理位置，方便用户查询，操作

6）调整部分表格大小，使其在页面显示合理，正常

7）以某个版本为标准调整其他版本相同页面，使其按钮，表格等显示效果一致

8）修改部分页面文字字体格式，使其显示自然美观

9）修改部分显示设置，使显示信息与录入信息同步显示，使其更规范

10）修改部分页面导航条，长度要根据显示信息的长度或宽度能及时变换，以利于用户了解显示信息的位置和百分比，使其应用更便捷合理

11）修改文件资料模块部分，字的大小、颜色、字体应该相同，以保持界面风格一致

12）调整恢复部分按钮功能，使其功能正常

13）调整登陆页面登陆框，按钮的位置，使其整体显示紧凑，协调

14）修改软件安装界面，安装界面应包括正确的公司简介以及软件介绍

15）修改安装程序，软件的安装尽量不要重新启动系统，软件的卸载过程尽量不要留下除用户创建的文件之外的其他的文件或注册表项目

16）修改窗体设置，如果窗体支持最小化和最大化或放大时，窗体上的控件，图片也要随着窗体而缩放；不能只放大窗体而忽略控件，图片的整体缩放

17）修改部分按钮所对应模块，按钮名称应对应其正确功能模块

五，部分美化效果图（以分校版为例）

原始效果图

原登陆界面效果图

原软件界面效果图

美化后的登陆界面效果图（调整登陆框的位置，登陆界面图片）

效果图1

效果图2

效果图3

美化后的软件界面效果图（修改了软件右侧按钮颜色，字体样式，左侧菜单栏背景色，banner样式，是整体看起来更协调，简洁明了）

效果图1（修改按钮样式，左侧菜单栏背景色，软件banner）

效果图2（修改按钮样式，左侧菜单栏背景色，软件banner）

效果图3（修改按钮样式，左侧菜单栏背景色以及菜单字体样式，软件banner）

效果图4（修改按钮样式，左侧菜单栏背景色，软件banner）