欢迎来到Doc100.Net免费学习资源知识分享平台!
您的位置:首页 > 程序异常 >

网页设计中叶尝试实时修改背景测试

更新时间: 2014-01-05 01:55:49 责任编辑: Author_N1

 

网页设计中期尝试实时修改背景测试

 

这样一个背景,怎样测试不同的用户喜欢不喜欢?对于乙方来讲,是否也需要向面对乔布斯一样,把每一个网页打印一份,摆上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阶段还要测试对齐的话)、边界等。

上一篇:上一篇
下一篇:下一篇

 

随机推荐程序问答结果

 

 

如对文章有任何疑问请提交到问题反馈,或者您对内容不满意,请您反馈给我们DOC100.NET论坛发贴求解。
DOC100.NET资源网,机器学习分类整理更新日期::2014-01-05 01:55:49
如需转载,请注明文章出处和来源网址:http://www.doc100.net/bugs/t/3249/
本文WWW.DOC100.NET DOC100.NET版权所有。