`
tjzzy
  • 浏览: 68853 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

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

css 
阅读更多

 

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

分享到:
评论

相关推荐

    毕业设计中期报告毕业设计中期报告

    在进行毕业设计的过程中,中期报告是一项至关重要的环节。它标志着设计工作的阶段性进展,同时也是对学生研究能力和项目管理能力的初步评估。下面将详细解释毕业设计中期报告的构成、内容及其重要性,以及如何准备一...

    毕业设计中期检查

    毕业设计中期检查 本资源摘要信息对应的是毕业设计中期检查的主要内容,涵盖了毕业设计的具体内容、目标、可能遇到的问题、研究方法、技术路线、实验方案、可行性分析、指导教师对学生出勤、文献阅读等方面的评语...

    毕业设计(论文)中期报告(学生用表)

    毕业设计(论文)中期报告是高等教育中一个关键的环节,它是对毕业生在完成毕业设计或论文过程中进行的一次中期检查,旨在确保学生的进度符合预期,同时解决可能遇到的问题。在这个阶段,学生需要向指导教师汇报自己的...

    双减课题小学语文作业设计有效性策略研究中期报告.doc

    "双减课题小学语文作业设计有效性策略研究中期报告" 本研究报告的主要目的是探讨小学语文作业设计的有效性策略在“双减”背景下的应用。通过对小学语文作业设计的研究,我们可以更好地理解如何减轻学生的课业负担,...

    《双减背景下小学生课外作业设计与评价研究》中期阶段研究报告

    《小学生课外作业设计与评价研究》系贵州省年教育科学一般课题,本课题于2xx年3月,由我在本校主持开题工作会议,正式启动课题的研究。 国家为了切实提升学校育人水平,持续规范校外培训,有效减轻义务教育阶段学生...

    本科生毕业设计中期检查表

    【本科生毕业设计中期检查表】是高等教育阶段,特别是在我国本科教育中,一项重要的教学环节,主要目的是对学生的毕业设计进度、质量以及学习情况进行中期评估,确保毕业设计工作的顺利进行。这个表格通常包括以下...

    毕业设计中期检查表 web2.0网上订餐软件的设计

    **毕业设计中期检查表**记录了学生在进行“Web2.0网上订餐系统设计与实现”的过程中所达到的进度及存在的问题。该项目旨在通过结合Web2.0技术,开发一款基于ASP.NET和SQL Server的网上订餐软件,以满足现代餐饮业的...

    毕业设计中期检查表有关毕业设计

    中期检查是毕业设计过程中不可或缺的一环,旨在确保设计工作按照预定计划进行,及时发现并解决问题,保证毕业设计的质量。 在填写“毕业设计中期检查表”时,学生需按照规范格式如实反映设计进度和遇到的问题。表格...

    毕业设计中期检查系统

    毕业设计中期检查系统是一款利用Delphi 7.0编程环境结合Access 2000数据库技术构建的应用软件,主要用于高等教育中的毕业设计管理环节。在这一阶段,系统的主要功能是实现对毕业生进行中期检查的随机抽样,以确保...

    单片机毕业设计——驾驶座酒精浓度测试仪的设计与实现(源代码+protues仿真+PCB+开题报告+中期报告).zip

    单片机毕业设计——驾驶座酒精浓度测试仪的设计与实现是一项综合性的工程实践,涉及到硬件设计、软件编程、系统集成等多个方面。在这个项目中,学生将利用单片机技术来构建一个能够检测驾驶者酒精浓度的安全设备,以...

    毕业设计工作中期检查

    中期检查作为毕业设计过程中的关键节点,承担着评估项目进展、识别潜在问题并提供及时指导的重要角色。下面将详细解析“毕业设计工作中期检查”的核心知识点。 ### 毕业设计工作中期检查的重要性 中期检查是确保...

    毕业设计中期报告.doc

    ### 毕业设计中期报告相关知识点解析 #### 一、毕业设计中期报告的基本概念与作用 毕业设计中期报告是高等教育阶段,特别是理工科专业学生在进行毕业设计或撰写毕业论文过程中的一项重要环节。它主要反映了学生在...

    某某大学本科毕业设计(论文)中期检查表.doc

    【毕业设计(论文)中期检查表】是高等教育中一个关键环节,主要目的是对学生的毕业设计或论文工作进行中期评估,确保研究进度与质量符合预期。这份文档通常包括以下几个部分: 1. **毕业设计(论文)题目**:这是...

    旅游网毕业设计中期检查表

    本文主要讨论旅游网毕业设计中期检查表的相关知识点,涵盖了项目的需求分析、系统设计、开发环境的搭建、PHP后台开发、数据库设计、Web开发技术、项目优化等方面。 一、需求分析 在旅游网毕业设计中,需求分析是...

    毕业设计中期报告范文

    毕业设计中期报告是学生在完成项目的一半阶段时提交的文档,旨在汇报当前的研究进展、遇到的问题、解决方案以及后续的工作计划。在这个例子中,毕业设计的主题是“电子时钟及应用系统设计——总控部分及表格管理”,...

    毕业设计中期报告 毕业设计论文

    ### 毕业设计中期报告知识点解析 #### 一、毕业设计中期报告概述 毕业设计中期报告是在学生完成一定阶段工作后,向指导老师汇报进展情况的重要文档。它不仅反映了学生在项目实施过程中的努力和成果,也是指导老师...

    110KV变电站设计 中期报告

    本中期报告主要探讨了变电站设计的核心内容,包括电气主接线设计、主变压器的选择以及短路电流计算和电气设备的选型。 第1章引言部分概述了110KV变电站设计的背景和意义,强调了其在电力系统中的作用,为后续章节...

    毕业设计 中期汇报表 android 个人理财

    ### 毕业设计中期汇报知识点总结 #### 一、项目背景与意义 - **项目名称**:基于Android平台的个人理财系统设计与实现。 - **项目意义**:随着移动互联网技术的发展,人们越来越依赖智能手机来进行日常生活中的...

Global site tag (gtag.js) - Google Analytics