软件界面实验报告.doc

用户界面菜单设计：设计原则：树形结构菜单，结构简单，操作容易，对客户的技术水平没有要求，大部分人都能完成操作。色彩协调，吸引人、简单明了，方便用户输入。有普遍的可用性，可及性。代码 Style 06 (Midnight Blue) - Menu by A * margin:0 auto; padding:0;html background:#000; body margin:40px auto; width:560px; height:552px; overflow:hidden; background:#222;div#menu margin:40px 0 0 95px; position:absolute;div#copyright font:11px Trebuchet MS; color:#fff; text-align:center; clear:left; position:absolute; top:546px; width:560px;div#copyright a color:#425B7B; div#copyright a:hover color:#fff; yi caidan 1 caidan 1.1 caidan 1.1.1 caidan 1.1.2 caidan 1.2 caidan 1.3 caidan 1.4 caidan 1.5 caidan 1.6 caidan 1.7 caidan 1.7.1 caidan 1.7.2 caidan 2 caidan 3 er caidan 1 caidan 1.1 caidan 1.2 caidan 2 caidan 2.1 caidan 2.2 caidan 3 caidan 4 caidan 5 caidan 6 caidan 7 san si 个性化用户界面：（1） 可行性分析：实现简单，需要的成本低，并且能被很多用户接受，也有潜在的用户，具有可行性。（2） 用户分析：登陆界面的操作简单，通俗易懂，能让很多用户使用。（3） 环境分析：系统实现的硬件支持简单，界面硬件都能适应空间、光线或噪音的约束。（4） 需求分析：登录系统在很多网站里都有，是被用户经常使用的一种系统。设计思路：（1） 符合的用户原则：登陆界面输入简单，能减少用户的很多操作。结构简明，容易控制，让用户产生成就感。有普遍的可用性可及性。（2） 布局设计：登陆成功之后的界面采用拐角型设计，左边是菜单栏，主次分明，结构清晰。（3） 艺术性：色彩协调，主色适宜，这个界面不突兀。登陆界面跟主界面色彩一致，风格一致，界面也注意了平衡。无标题文档.left float:left;.rightfloat:right;.mainheight:100%;width:100%;.dowlodingfloat:left;.inbackground-color:#9C0;.outbackground:url(bag.png); function changecolor(objstr) var obj =document.getElementById(objstr); obj.className=in; function back(objstr) var obj =document.getElementById(objstr); obj.className=out; var DL=true,LC=true,DLing=true; function hid(objstr) var obj =document.getElementById(objstr); if(DL) obj.style.display=none; DL=false; else obj.style.display=block;DL=true; function hidlc(objstr) var obj =document.getElementById(objstr); if(LC) obj.style.display=none; LC=false; else obj.style.display=block; LC=true; function hiddling(objstr) var obj =document.getElementById(objstr);if(DLing) obj.style.display=none; DLing=false; else obj.style.display=block; DLing=true; 下载管理 正在下载 音乐1 音乐1 已下载 音乐1 音乐1 音乐1 音乐1 本曲区库 音乐1 音乐1 音乐1 音乐1       网页界面设计：网站主题为电影类界面设计从以下方面进行分析：（5） 可行性分析：可以被很多人浏览，很多人需要，成本简单，制作费用低，具有可行性。（6） 用户分析：不论用户的技能水平如何，熟练程度如何，都能快速的使用该网站，获取自己需要的信息。（7） 环境分析：支持该网站的硬件简单，界面等能满足常规的需要。（8） 需求分析：电影产业逐渐发展，对电影的介绍网站也逐渐被需要，无论是看电影的人，还是电影制作方，都需要这样一个平台来实现对电影的宣传。设计思路：（4） 布局：同样采用拐角型，上方为导航区，左边为菜单栏，主次分明，结构简单。布局平衡，疏密有致。艺术的原则：整个布局很协调，也注意了平衡，布局颜色一致，搭配合理。电影海报占据整个界面很重要的地方，能突出界面主题代码Floral, CSS Template, Free Downloadfunction clearText(field) if (field.defaultValue = field.value) field.value = ; else if (field.value = ) field.value = field.defaultValue; kankan 电影 电视剧 微电影 帮助 王的盛宴片段曝光 吕后秦岚暗战刘邦 电影目击者导演、制片人做客新电影传奇 太极2票房破亿 新风格新系列自成功夫一派 搜索: 移动用户界面设计：下拉菜单易操作、客户容易理解，界面简单，色彩对比明显。代码：Override public boolean onCreateOptionsMenu(Menu menu) / TODO Auto-generated method stub SubMenu subMenu = menu.addSubMenu(1, 100, 100, 选择窗口小部件); subMenu.add(2, 101