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

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

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



目录
相关文章
测试关于索引的操作- 修改索引
测试关于索引的操作- 修改索引
|
Java 数据库连接 数据库
【SSM框架】测试 修改.删除.查询功能
1.创建sqlSession工具类 2.测试修改功能 3.测试删除功能 4.测试查询功能
【SSM框架】测试 修改.删除.查询功能
|
敏捷开发 前端开发 数据库
测试圈相亲平台开发流程(16):保存修改
测试圈相亲平台开发流程(16):保存修改
测试圈相亲平台开发流程(16):保存修改
|
XML 前端开发 数据格式
SAP Fiori Elements 在本地测试模式下如何修改 List Report 里字段标签和图标
通过 Jerry 这篇文章 在没有任何前端开发经验的基础上, 创建第一个 SAP Fiori Elements 应用 介绍的步骤,创建一个简单的 SAP Fiori Elements 应用。
113 0
SAP Fiori Elements 在本地测试模式下如何修改 List Report 里字段标签和图标
|
前端开发 开发者
前端,测试如何修改后端接口返回的响应数据
前端,测试如何修改后端接口返回的响应数据
前端,测试如何修改后端接口返回的响应数据
Confluence 6 升级自定义的站点和空间仔细测试你的修改
修改可能对 Confluence 的后续版本不兼容,当你对 Confluence 进行升级的时候,你应该总是对你自定义修改的模板文件进行仔细的测试来确定所有的修改对新版本的 Confluence 兼容。
907 0
|
Oracle 关系型数据库 测试技术
|
数据库 文件存储 Go
mssql server修改数据库文件位置 此种方法暂未测试成功
--查看当前的存放位置   select database_id,name,physical_name AS CurrentLocation,state_desc,size from sys.master_files     where database_id=db_id(N'数据库名');   ...
825 0

热门文章

最新文章