软件界面实验报告.docx
- 文档编号：10681865
- 上传时间：2023-02-22
- 格式：DOCX
- 页数：15
- 大小：294.63KB
软件界面实验报告.docx
《软件界面实验报告.docx》由会员分享，可在线阅读，更多相关《软件界面实验报告.docx（15页珍藏版）》请在冰豆网上搜索。
软件界面实验报告
用户界面菜单设计：
设计原则：
树形结构菜单，结构简单，操作容易，对客户的技术水平没有要求，大部分人都能完成操作。
色彩协调，吸引人、简单明了，方便用户输入。
有普遍的可用性，可及性。
代码
*{margin:
0auto;
padding:
0;
}
html{background:
#000;}
body{margin:
40pxauto;
width:
560px;
height:
552px;
overflow:
hidden;
background:
#222;
}
div#menu{
margin:
40px0095px;
position:
absolute;
}
div#copyright{
font:
11px'TrebuchetMS';
color:
#fff;
text-align:
center;
clear:
left;
position:
absolute;
top:
546px;
width:
560px;
}
div#copyrighta{color:
#425B7B;}
div#copyrighta:
hover{color:
#fff;}
个性化用户界面：
（1）可行性分析：
实现简单，需要的成本低，并且能被很多用户接受，也有潜在的用户，具有可行性。
（2）用户分析：
登陆界面的操作简单，通俗易懂，能让很多用户使用。
（3）环境分析：
系统实现的硬件支持简单，界面硬件都能适应空间、光线或噪音的约束。
（4）需求分析：
登录系统在很多网站里都有，是被用户经常使用的一种系统。
设计思路：
（1）符合的用户原则：
登陆界面输入简单，能减少用户的很多操作。
结构简明，容易控制，让用户产生成就感。
有普遍的可用性可及性。
（2）布局设计：
登陆成功之后的界面采用拐角型设计，左边是菜单栏，主次分明，结构清晰。
（3）艺术性：
色彩协调，主色适宜，这个界面不突兀。
登陆界面跟主界面色彩一致，风格一致，界面也注意了平衡。
//www.w3.org/1999/xhtml">
.left{
float:
left;
}
.right{
float:
right;
}
.main{
height:
100%;
width:
100%;
}
.dowloding
{
float:
left;
}.in
{
background-color:
#9C0;
}
.out
{
background:
url（bag.png）;
}
functionchangecolor（objstr）
{
varobj=document.getElementById（objstr）;
obj.className='in';
}
functionback（objstr）
{varobj=document.getElementById（objstr）;
obj.className='out';
}
varDL=true,LC=true,DLing=true;
functionhid（objstr）
{varobj=document.getElementById（objstr）;
if（DL）
{obj.style.display="none";
DL=false;
}else
{obj.style.display="block";
DL=true;
}}
functionhidlc（objstr）
{varobj=document.getElementById（objstr）;
if（LC）
{obj.style.display="none";
LC=false;
}else
{obj.style.display="block";
LC=true;
}}
functionhiddling（objstr）
{varobj=document.getElementById（objstr）;
if（DLing）
{obj.style.display="none";
DLing=false;
}else
{obj.style.display="block";
DLing=true;
}}