这样一个背景,怎样测试不同的用户喜欢不喜欢?对于乙方来讲,是否也需要向面对乔布斯一样,把每一个网页打印一份,摆上100种方案给甲方看?
对一个网页设计师傅(是的,师傅)来说,最难的事情之一就是选择背景和前景颜色。选择不同的前景背景颜色给整个网页带来的视觉体验结果,因人而异。一个人对色彩的敏感度一定程度上决定着这个人对颜色搭配的好恶。
考虑一个测试,如果3个页面3个人看,每一个页面3个配色方案,投票来决定选择哪一个配色方案,就会有一组9个页面需要列出。当页面数量增长时,就会使本来是创意的事情变成了重复劳动,且重复劳动强度非常高。这件工作即使在使用了CSS之后,也不会有太大改观。师傅们仍然需要设计不同的样式表,换配色、每一个样式表都使用一个配色方案,一个网页对应一个样式表。在beta测试前,出一批样式表及对应的网页不难,难的是抓一堆图。并且颜色总有涯,而配色也无涯。国外配色网站colourlovers
如何避免高强度劳动带来的视觉疲劳?对于一个CSS方案可以使用函数来对整个CSS配色方案进行动态修改,达到上传文件到服务器后也能快速变换颜色的目的,从而在alpha测试版本中能够迅速修改颜色,适应不同的界面测试需求。
基本思想:
将一个div或者span标签设置为一个ID。对整个文档扫描,通过document的getElementById函数拿到一个ID,ID的style.backgroundImage可以设定背景图片,设定背景颜色如下:
var selColor = colorValue; /*通过各种手段实时设置颜色值,如下拉框、单选框、文本框输入值*/
ID.style.backgroundColor = selColor;
将这段代码放入一个函数中,再将一个按钮对应这个函数就可以实现实时修改网页的颜色、背景图片、对齐(如果有必要在alpha阶段还要测试对齐的话)、边界等。
分享到:
相关推荐
毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告
毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计中期报告毕业设计...
毕业设计的中期检查,配套的,可以查看我的相关文档
《小学生课外作业设计与评价研究》系贵州省年教育科学一般课题,本课题于2xx年3月,由我在本校主持开题工作会议,正式启动课题的研究。 国家为了切实提升学校育人水平,持续规范校外培训,有效减轻义务教育阶段学生...
毕业设计中期报告(可编辑修改word版).docx毕业设计中期报告(可编辑修改word版).docx毕业设计中期报告(可编辑修改word版).docx毕业设计中期报告(可编辑修改word版).docx毕业设计中期报告(可编辑修改word版).docx毕业...
毕业设计中期报告 毕业设计 中期报告毕业设计中期报告 毕业设计 中期报告毕业设计中期报告 毕业设计 中期报告
毕业设计(论文)中期报告(学生用表) 自做表格 无严格限制
新型便携式电子秤的设计毕业设计中期检查表.pdf新型便携式电子秤的设计毕业设计中期检查表.pdf新型便携式电子秤的设计毕业设计中期检查表.pdf新型便携式电子秤的设计毕业设计中期检查表.pdf新型便携式电子秤的设计...
双减课题小学语文作业设计有效性策略研究中期报告.doc
本科生毕业设计中期检查表 姓名 班级。。。
毕业设计中期检查表 web2.0网上订餐软件的设计,基于asp.net和sql开发
毕业设计中期检查表规范格式,有助于摘抄。毕业设计
毕业设计工作中期检查毕业设计工作中期检查
毕业设计中期报告 毕业设计 中期报告毕业设计中期报告 毕业设计 中期报告毕业设计中期报告 毕业设计 中期报告
基于JavaEE的项目管理系统毕业设计中期检查表、中期报告.docx基于JavaEE的项目管理系统毕业设计中期检查表、中期报告.docx基于JavaEE的项目管理系统毕业设计中期检查表、中期报告.docx基于JavaEE的项目管理系统毕业...
基于JavaEE的项目管理系统毕业设计中期检查表、中期报告.pdf基于JavaEE的项目管理系统毕业设计中期检查表、中期报告.pdf基于JavaEE的项目管理系统毕业设计中期检查表、中期报告.pdf基于JavaEE的项目管理系统毕业设计...
c语言成绩管理系统程设计中期报告, 软件课程设计
本系统采用Delphi7.0+Access2000开发而成,目的是在毕业设计中期检查中随机抽取毕业生进行中期检查。
西安电子科技大学毕业设计中期报告参考模板说明书大全。西电毕设
110KV变电站设计 中期报告,变电站设计的基本原则,电气设备选择的基本原则及校验