整个广告中2001版的QQ界面[5篇材料]

第一篇：整个广告中2001版的QQ界面

整个广告中2001版的QQ界面，以及母亲为了和儿子沟通而从头开始学习打字等细节令人难忘。广告全篇以王菲的《明月几时有》作为舒缓的背景音乐，小孩青春年少苦读时对妈妈打扰的不满，出国机场告别时拦开母亲准备抚摸自己面颊的双手，过年独自在唐人街买中餐，与父母视频时急忙将受伤的手藏到桌子下……所有细节设计的真切感人，堪称精品。

第二篇：软件测试中有关界面测试经验总结

软件测试中有关界面测试经验总结

1.应验证界面显示内容的完整性：

a)报表显示时应考虑数据显示宽度的自适应或自动换行。

b)所有有数据展现的界面(如统计、查询、编辑录入、打印预览、打印等)，必须使测试数据的记录数超过一屏/一页，以验证满屏/页时其窗体是否有横向、纵向滚动条或换页打印，界面显示是否正常；

2.应验证界面显示内容的一致性：

a)如有多个系统展现同一数据源时，应保证其一致性；

3.应验证界面显示内容的准确性：

a)对于报表中的所有字段值都应该有明确的定义，对于无意义的字段值，不应该显示空，应显示“--”或“/”，表示该字段值无意义。

4.应验证界面显示内容的友好性：

a)对统计的数据应按用户习惯进行分类、排序。

b)某些重要信息在输入、修改、删除时应有“确认”提示信息；

c)界面内容更新后系统应提供刷新功能。

d)用户在退出系统后重新登陆时应考虑是否需要自动返回到上次退出系统时的界面；

5.应验证界面提示信息的指导性：

a)在多个业务功能组成的一个业务流程中，如果各个功能之间的执行顺序有一定的制约条件，应通过界面提示用户。

b)用户提示信息应具有一定的指导性，在应用程序正在进行关键业务的处理时，应考虑在前台界面提示用户应用程序正在进行的处理，以及相应的处理过程，在处理结束后再提示用户处理完毕。

c)在某些数据输入界面，如果要求输入的数据符合某项规则，应在输入界面提供相应的规则描述；当输入数据不符合规则时应提示用户是否继续。

d)在对任何配置信息修改后，都应该在用户退出该界面时提示用户保存(如果用户没有主动保存的情况下)；

6.应验证界面显示内容的合理性：

a)在对某些查询功能进行测试时，应考虑查询条件的设置的合理性以及查询结果的互补性。如某些后台处理时间不应该作为查询条件。

b)界面测试时，应考虑某一界面上按钮先后使用的顺序问题，以免用户对此产生迷惑。例如只能在查询成功后显示执行按钮。

c)界面测试时，应验证窗口与窗口之间、字段与字段之间的浏览顺序是否正确。

7.界面测试时，应考虑用户使用的方便性：

a)在某些对数据进行处理的操作界面，应考虑用户可能对数据进行处理的频繁程度和工作量，考虑是否可以进行批量操作。

8.界面测试时，应考虑界面显示及处理的正确性：

a)界面测试时应验证所有窗体中的对象状态是否正常，是否符合相关的业务规则需要。b)应验证各种对象访问方法(Tab 健、鼠标移动和快捷键)是否可正常使用，并且在一个激活界面中快捷键无重复；

c)界面测试不光要考虑合理的键盘输入，还应考虑是否可以通过鼠标拷贝粘贴输入。d)对于统计查询功能的查询结果应验证其是否只能通过界面上的查询或刷新按键人工触发，应避免其他形式的触发。

e)对界面上的任何对象进行拖拉，然后进行查询、打印，应保证查询打印结果不变；

9.界面测试时，应考虑数据显示的规范性：

a)确保数据精度显示的统一：如单价0元，应显示为0.00元；

b)确保时间及日期显示格式的统一；

c)确保相同含义属性/字段名的统一；

d)对所有可能产生的提示信息界面内容和位置进行验证，确保所有的提示信息界面应居中。

1.1.1文本框的测试

如何对文本框进行测试：

a,输入正常的字母或数字；

b,输入已存在的文件的名称；

c,输入超长字符。例如在“名称”框中输入超过允许边界个数的字符，假设最多255个字符，尝试输入256个字符，检查程序能否正确处理；

d,输入默认值，空白，空格；

e,若只允许输入字母，尝试输入数字；反之；尝试输入字母；

f,利用复制，粘贴等操作强制输入程序不允许的输入数据；

g,输入特殊字符集，例如，NUL及n等；

h,输入超过文本框长度的字符或文本，检查所输入的内容是否正常显示；

i,输入不符合格式的数据，检查程序是否正常校验，如，程序要求输入年月日格式为yy/mm/dd，实际输入yyyy/mm/dd，程序应该给出错误提示；

在测试过程中所用到的测试方法：

1,输入非法数据；

2,输入默认值；

3,输入特殊字符集；

4,输入使缓冲区溢出的数据；

5,输入相同的文件名；

命令按钮控件的测试

测试方法：

a,点击按钮正确响应操作。如，单击确定，正确执行操作；单击取消，退出窗口； b,对非法的输入或操作给出足够的提示说明，如，输入月工作天数为32时，单击”确定“后系统应提示:天数不能大于31；

c,对可能造成数据无法恢复的操作必须给出确认信息，给用户放弃选择的机会；

单选按钮控件的测试

测试方法：

a,一组单选按钮不能同时选中，只能选中一个。

b,逐一执行每个单选按钮的功能。分别选择了“男”“女”后，保存到数据库的数据应该相应的分别为“男”“女”；

c,一组执行同一功能的单选按钮在初始状态时必须有一个被默认选中，不能同时为空；

up－down控件文本框的测试

测试方法：

a,直接输入数字或用上下箭头控制，如，在“数目”中直接输入10，或者单击向上的箭头，使数目变为10；

b,利用上下箭头控制数字的自动循环，如，当最多数字为253时，单击向上箭头，数目自动变为1；反之亦适用；

c,直接输入超边界值，系统应该提示重新输入；

d,输入默认值，空白。如，“插入”数目为默认值，点击“确定”；或，删除默认值，使内容为空，单击“确定”进行测试；

e,输入字符。此时系统应提示输入有误。

组合列表框的测试

测试方法：

a,条目内容正确，其详细条目内容可以根据需求说明确定；

b,逐一执行列表框中每个条目的功能；

c,检查能否向组合列表框输入数据；

复选框的测试

测试方法：

a,多个复选框可以被同时选中；

b,多个复选框可以被部分选中；

c,多个复选框可以都不被选中；

d,逐一执行每个复选框的功能；

列表框控件的测试

测试方法：

a,条目内容正确；同组合列表框类似，根据需求说明书确定列表的各项内容正确，没有丢失或错误；

b,列表框的内容较多时要使用滚动条；

c,列表框允许多选时，要分别检查shift选中条目，按ctrl选中条目和直接用鼠标选中多项条目的情况；

滚动条控件的测试

要注意以下几点：

a,滚动条的长度根据显示信息的长度或宽度及时变换，这样有利于用户了解显示信息的位置和百分比，如，word中浏览100页文档，浏览到50页时，滚动条位置应处于中间； b,拖动滚动条，检查屏幕刷新情况，并查看是否有乱码；

c,单击滚动条；

d,用滚轮控制滚动条；

e,滚动条的上下按钮；

各种控件在窗体中混合使用时的测试

a,控件间的相互作用；

b,tab键的顺序，一般是从上到下，从左到右；

c,热键的使用，逐一测试；

d,enter键和esc键的使用；

在测试中，应遵循由简入繁的原则，先进行单个控件功能的测试，确保实现无误后，再进行多个控件的的功能组合的测试。

ps:密码输入框测试时要特别注意进行字母大写输入的测试。

查找替换操作

案例演示:打开word中的“替换”对话框

测试本功能有通过测试和失败测试两种情况

通过测试:

1,输入内容直接查找,或查找全部

2,在组合框中寻找已经查找过的内容,再次查找并确认文档的内容正确,如,已经查找过“测试用例”,再次进入不用重新输入查找内容,直接在文档中搜寻就可以.失败测试:

1,输入过长或过短的查询字符串.如,假设查询的字符串长度为1到255,那么输入0,1,2,256,255和254进行测试；

2,输入特殊字符集,如,在word中.^g代表图片,^代表分栏符,可以输入这类特殊字符测试；

替换测试大体相同.关于编辑操作窗口的功能测试的用例:

1,关闭查找替换窗口.不执行任何操作,直接退出；

2,附件和选项测试.假如,设定“精确搜寻”,“向后”搜索等附件选项等等来测试；

3,控件间的相互作用.如,搜寻内容为空时,按钮“搜寻全部”,“搜寻”,“全部替换”,“替换”都为灰色.4,热键, Tab键.回车键的使用.插入操作

1,插入文件

测试的情况

a,插入文件；

b,插入图像；

c,在文档中插入文档本身；

d,移除插入的源文件；

e,更换插入的源文件的内容；

2,链接文件

测试方法:

a,插入链接文件；

b,在文档中链接文档本身；

c,移除插入的源文件；

d,更换插入的源文件的内容.3,插入对象

要测试的内容

a,插入程序允许的对象,如,在word中插入excel工作表；

b,修改所插入对象的内容.插入的对象仍能正确显示；

c,卸载生成插入对象的程序,如,在word中插入excel工作表后卸载excel,工作表仍正常使用.编辑操作

编辑操作包括剪切,复制,粘贴操作.测试剪切操作的方法

a,对文本,文本框,图文框进行剪切；

b,剪切图像

c,文本图像混合剪切

复制操作方法与剪切类似.测试时,主要是对粘贴操作的测试,方法是:

a,粘贴剪切的文本,文本框及图文框；

b,粘贴所剪切的图像；

c,剪切后,在不同的程序中粘贴

d,多次粘贴同一内容,如,剪切后,在程序中连续粘贴3次；

e,利用粘贴操作强制输入程序所不允许输入的数据.界面测试用例的设计方法

1,窗体

测试窗体的方法:

a,窗体大小,大小要合适,控件布局合理；

b,移动窗体.快速或慢速移动窗体,背景及窗体本身刷新必须正确；

c,缩放窗体,窗体上的控件应随窗体的大小变化而变化；

d,显示分辨率.必须在不同的分辨率的情况下测试程序的显示是否正常；

进行测试时还要注意状态栏是否显示正确；工具栏的图标执行操作是否有效,是否与菜单栏中图标显示一致；错误信息内容是否正确,无错别字,且明确等等；

2,控件

测试方法:

a,窗体或控件的字体和大小要一致；

b,注意全角,半角混合c,无中英文混合.菜单

进行测试时要注意

a,选择菜单是否可以正常工作,并与实际执行内容一致；

b,是否有错别字:

c,快捷键是否重复；

d,热键是否重复；

e,快捷键与热键操作是否有效

f,是否存在中英文混合g,菜单要与语境相关,如,不同权限的用户登陆一个应用程序,不同级别的用户可以看到不同级别的菜单并使用不同级别的功能；

h,鼠标右键快捷菜单

第三篇：施工中接口界面协调配合措施

接口界面协调配合措施

施工接口界面协调配合措施

接口界面包括相邻标段的施工接口、土建工程与后续工程的施工接口，如测量控制网互用，预埋件（或预留孔洞）位置和尺寸的控制，施工信息互通，控制桩点贯通测定，水准点相互闭合等在施工中作为重点进行管理。⑴ 立现场施工协调小组，由项目副经理、项目总工程师任组长，各专业部门（或技术）负责人任组员的现场施工协调小组。全面负责施工过程中出现的各种问题。

⑵ 协调小组成员共同熟悉设计文件、施工图纸及相关规范，了解设计意图，小组成员首先在技术方面达成共识。

⑶ 施工前，参照设计施工文件与图纸，认真了解和熟悉各种专业接口。

⑷ 熟悉施工接口部位及主要内容，制定各种可能引起接口部位发生质量问题的预防措施。

⑸ 每一接口界面施工过程中，设专人负责接口施工协调，充分了解自身的职责和权限，确保业主及监理工程师的指令有效实施。

与当地政府主管部门的配合措施

施工期间，积极与地方政府、村镇及有关治安、交通安全、质量监督、环境、水运等部门联系，主动争取地方政府的指导和支持，遵守国家及地方政府的有关法规，配合地方政府做好施工区域内的治安、交通、环境保护等工作，确保施工的顺利进行。与征地拆迁单位等部门的配合措施单位等部门的配合措施 ⑴ 场后立即成立征地拆迁领导小组，由分管协调的项目副经理任组长，配备专职人员负责此项工作。⑵ 征地拆迁工作涉及路内外诸多产权单位，实施过程中需要取得产权单位的认可，需要产权单位进行配合；征地青赔等问题需要取得地方政府的大力支持；迁改施工将会对沿线人民群众的生产生活带来一定的影响，需要取得人民群众的理解。我们将把征地拆迁协调配合作为施工组织管理的重点来抓，确保征地拆迁工作顺利实施。

⑶ 上场后密切配合业主及地方政府做好征地拆迁工作，保证重点工程和先期开工区段的先行用地，保证开工的需要。⑷ 征地拆迁必须根据本标段总体施工进度全面推进，分重点工程、先架梁区段依次安排进行。对于拆迁工程量较大，内容复杂，必须提前安排。由于该项工作具有政策性强、牵扯面广、难度大等特点，必须予以高度重视，尤其准备阶段和开工前期，应提早介入，争取主动，积极配合工作，争取得到地方有关部门的大力配合，保证其按期完成，不影响正式工程进度。

⑸ 征地拆迁工作以保证控制工期工程按时开工为首要工作，依次解决影响线下、电气化等工程施工的迁改问题。拆迁工作要突出顺序、统一、一次到位的原则，杜绝二次拆迁、重复拆迁。

与甲方的配合措施 ⑴ 格执行甲方有关工程质量、工期、安全、文明施工、环境保护的管理制度；严格按照甲方同意的施工场地平面图布置施工场地，按时向甲方报送有关报表。

⑵ 积极参加甲方组织的有关施工的会议，主动配合建设单位的各项检查工作，接受甲方对施工提出的各项要求，按甲方的要求进行改进和落实。⑶ 严格执行甲方关于与地方政府行政主管部门、设计单位、监理单位的协作配合，积极主动为相关单位的检查、监督工作提供条件。⑷ 在相邻标段出现紧急情况时，按照甲方的要求协助解决。与监理咨询的配合措施

⑴ 面履行合同，履行投标时做出的关于质量、工期、安全、环境保护、文明施工等方面的 承诺。⑵ 在工程开工前，先向监理工程师提供详细的施工方案、施工计划，提供机械设备配置情况、人员组织情况、原材料检验报告、混凝土配合比设计成果、控制测量导线网的布置及测量成果、放线资料等，经监理工程师认可后开始施工。

⑶ 配合监理单位做好施工过程中的质量管理。在内部专检及“三检”制的基础上，接受监理工程师的验收和检查，并按照监理工程师的要求予以整改。和监理共同参加对隐蔽工程进行检查、验收、签证工作，对原材料、施工机械设备的检查和施工工艺的审批等；

⑷ 接受工程质量检查，主要有工序检查、施工过程中的验收、单位工程验收和全部工程竣工验收，接受质量缺陷责任期的质量检查。

⑸ 配合监理单位做好工程施工的投资管理工作，主要内容包括工程的计量支付、工程变更、工程索赔以及按照合同规定的价格调整等。

⑹ 积极配合监理单位对工程施工进度的监督和管理，配合监理单位做好工程开工令审批，制定和调整工程施工进度计划，确保工程施工工期计划的实现。

⑺ 对于技术复杂的项目，施工过程中虚心接受监理、咨询部门的指导意见，按照咨询部门的要求做好施工中技术和工艺的改进工作。与设计的配合措施

⑴ 织参加设计交底，弄清设计意图，建立整个施工过程中的情况通报制度，对工程施工过程中遇到的设计问题做好记录，及时与设计单位取得联系。

⑵ 优化施工方案。重大施工方案的变更与设计单位沟通，征求意见。

⑶ 加强对工程地质条件及水文地质条件的复核检查，对于与设计资料不符的地质情况及时与设计单位取得联系，为完善工程设计提供必要的资料。

⑷ 积极配合设计单位做好设计管理和现场资料的收集工作。与第三方检测单位的配合措施

⑴京沪高速铁路是我国第一条高速铁路，技术复杂，质量要求高。施工过程中，需要第三方检测的项目特别多。为此，施工前制定详细的需要第三方检测计划，并报业主、监理及第三方检测单位。

⑵积极与第三方检测单位取得联系，掌握第三方检测的有关规定；检测过程中，积极配合，为第三方检测单位提供条件，虚心听取意见，保证检测工作的顺利进行。

⑶对需要第三方检测的项目，提前与检测单位沟通，按照检测单位的要求，提前做好各项准备工作。对存在缺陷的项目，严格按照规定进行整改。与线路跨越的铁路、公路部门的配合措施 与公路交通部门的配合措施 ⑴ 动与当地交通部门取得联系，协调配合，确定合理的施工运输方案，按有关部门具体要求制定安全防护措施。⑵ 施工机动车辆在国道或地方道路上运行，遵守地方政策和交警部门的管理规定，遵守《中华人民共和国道路交通安全法》，维护交通秩序，保证运输安全。

⑶ 所有机动车辆始终保持完好状态，经常检修，定期保养。⑷ 施工所用机械设备、材料存放不侵入既有公路，且不影响交通。

⑸ 大型机械行驶，事先要对既有公路的路面宽度、桥涵宽度和通过荷载等进行调查，需加宽道路和加固桥涵时，与当地交通部门联系，征得同意后方可进行。车辆通过后或施工结束后，恢复原状。

⑹ 施工便道和既有公路交汇处，引起足够重视，设立安全警示标志、安全监督岗，并专人指挥施工车辆。

⑺ 在交通运输繁忙的便道口，设立安全警示标牌、安全监督岗，设专人指挥行人和车辆，确保汽车运输及行人安全。

与线路跨越的铁路部门的配合措施 ⑴ 沪高速铁路正线施工多处跨越既有京山线、京沪线，能否保证既有线的运营安全施工安全控制的重点和难点。为此，上场后积极与沿线铁路部门取得联系，掌握线路跨越的详细情况，按照铁路部门的具体要求，制定切实可行的安全防护措施。

⑵ 跨越既有线及既有线改造施工前，按照对既有线运营的影响程度，详细编制申请“天窗”的计划，上报铁路主管部门审批。施工过程中，加强与既有线运营单位的工务、电务、车务、机务等部门的配合和联系，在“天窗”规定的时间范围内做好对既有线的防护和保护工作，做到“天窗”时间以外恢复既有线的原貌。

⑶ 运输车辆跨越既有铁路时，要提前与铁路道口主管部门联系和沟通，按照铁路相关部门的规定，做好安全防护工作。

与相邻施工单位的配合措施

⑴ 施工场地布置、贯通测量、施工作业安排、施工便道使用及养护等方面与相邻标段加强配合，以保证布置合理，少占耕地、农田，保证施工顺利进行。

⑵ 积极主动与“四电”、“站场”等施工单位联系，统筹考虑施工场地、临时设施的布置，合理安排不同专业相连的工程施工顺序，作好施工配合，减少施工干扰。

⑶ 时作好已完线下工程的技术总结工作，为后续工程的施工提供各方面支持，配合后续有关单位进行相关作业。与后续工程配合措施

⑴ 立现场施工协调小组，由项目副经理、项目总工程师任组长，各专业技术负责人任组员的现场施工协调小组，全面负责施工交接过程中出现的各种问题。

⑵ 凡后续工程施工对上道已完工程会产生损伤或污染的，施工前必须先采取对应的保护措施后方可进行施工。

⑶ 各专业之间的衔接及内部协调管理必须服从经理部或项目部的统一安排。本标段与其他单位的工序衔接时，必须积极配合业主及监理工程师的统一协调指挥。

⑷ 后续工程施工之前，上道已完工程必须提供必要的施工、技术条件，并设专人在上下工序的衔接中做好协调工作。

⑸ 上道已完工程验收合格并经现场监理工程师签认后方可进入后续工程的施工。相互之间的衔接必须合理安排并做到顺利过渡。试验配合措施 ⑴ 立以主管试验工作的副总工程师为组长，各作业工区试验中心主任为组员的试验配合小组，全面负责试验配合工作。

⑵ 经理部设立工程试验中心，配备与本施工段配套的试验器具及试验人员。

⑶ 积极配合监理工程师进行现场抽样试验。

⑷ 按业主、监理要求对各种试验结果进行统计分析处理，建立试验档案，并按要求定时报送。

⑸ 积极配合业主、监理对试验中心的监督、检查和管理。⑹ 在试验配合小组的领导下，各工程试验中心积极配合业主、设计单位完成其他各项试验任务。

沿线及既有设施保护措施

对设计、测绘单位布设(埋设)的水准点、GPS控制点、线位控制桩等进行保护，不得随意挪动和损坏。

地下工程施工严密注视地下管线的安全，施工前先与有关产权单位联系，请求配合，查明地下管线走向和位置，做到“三不施工”，即不摸清地下设施位置不施工，影响设施正常运转

不施工，没采取有效防护措施不施工。

采取电缆探测器和挖探沟等行之有效的手段探明电缆管线的确切位置，做出明确的标志。杜绝在电缆、光缆、管道3m范围内使用大型机械作业。

电缆附近规定区域内禁止取土，施工车辆横跨电缆时，要采取保护措施，防止损坏电缆。

因施工影响周围构筑物时，制定切实可行的加固、支撑或改移方案，在征得产权单位和建设单位同意后实施，采取措施加强防护，绝对保证其安全使用。

工程施工或高空施工作业近临既有建筑物地段，根据施工需要及时对临界建筑物采取加固支护措施。作业排架搭设与建筑物间保证一定安全距离，并增设围护结构和隔离屏障。用以保证建筑物不因施工而影响其安全和正常使用。

如果由我方施工不当造成周围构筑物的损失，我方愿意承担相应的赔偿责任，并主动联系有关部门，及时采取相应的措施处理，减少损失，确保安全生产。

爱护地方名胜古迹、历史文物等旅游资源。爱护一草一木，制定相关奖罚制度，做好环境保护。

廉政建设措 ⑴ 立以经理部党委副书记为组长的项目廉政建设领导小组，全面负责本项目工程的廉政建设工作。

⑵ 在签订施工合同的同时，与业主签订廉政协议书。⑶ 政建设领导小组根据国家及国务院铁路行政主管部门有关工程建设、廉政建设的规定，做好工程建设中的党风廉政建设，保证工程建设高效优质，保证工程款的安全和有效使用。

⑷ 建立健全廉政制度，开展廉政教育，设立廉政告示牌，公布举报电话，接受地方相关部门的监督，认真查处违法违纪行为。

⑸ 在与业主、设计、监理、地方相关部门的正常工作交往活动中坚持公开、公正、诚信、透明的原则（法律认定的商业秘密和合同另有规定除外），不损害国家和集体利益，不违反工程建设管理规章制度，不为个人及小集体谋利。保证农民工工资的措施

施工过程中，根据工程进度安排需雇用劳务时，按《劳动法》的有关规定和要求，与每位劳务工均签订劳务用工合同。按有关规定制定劳务用工管理办法，按时结算劳务工资，不以任何形式、任何理由拖欠劳务工资。制定严格的规章制度，并贯彻执行，加强对劳务工的教育和科学管理，保障劳务工的人身和财产安全。配专人负责劳务管理，从衣、食、住、行各方面为劳务工提供必要的生活条件。在工程施工过程中，把农民工纳入承包人内部人员统一管理，充分保障农民工的合法权益，建立农民工工资支付保障制度，直接将工资支付给农民工。就农民工工资问题与业主和地方劳动监察部门签定委托协议，如果拖欠所雇佣的农民工资三个月以上，经当地劳动监察部门查明，业主可以根据监察部门的要求，从应付工程款中直接扣除。

第四篇：材料设计在UI界面中的体现

本科毕业论文（设计）

题 目：探析材料设计在UI界面中的体现

学 生： 王梦琦 学号： 201106010224

系 别： 设计艺术系 专业： 艺术设计 入学时间： 2011 年 9 月 13 指导教师： 王淼 职称： 讲师 完成日期： 2015 年 5 月 12 日

诚 信 承 诺

我谨在此承诺：本人所写的毕业论文《探析材料设计在UI界面中的体现》均系本人独立完成，没有抄袭行为，凡涉及其他作者的观点和材料，均作了注释，若有不实，后果由本人承担。

承诺人（签名）：

年 月 日

探析材料设计在UI界面中的体现

姓名：王梦琦

学号：201106010224

指导老师：王淼

摘要：随着UI设计的不断发展，近期出现了一种新的界面设计方向，它就是材料设计。论文以材料设计在UI界面中的体现为题，分析了材料设计的艺术特征，认为材料设计不仅有丰富的视觉空间，还有统一的视觉动效。进而着重从界面风格、布局、图标、按钮四个方面，探讨了材料设计在UI界面中的应用，为UI界面提供了新的设计思路，同时开拓了视觉设计视野。

关键词：材料设计、UI界面、系统动效、界面风格

Theory of material design in the UI

Name:WangMengqi Student Number:201106010224

Advisor:WangMiao

Abstract: With the continuous development of UI design, recently there is a new interface design direction, it is the material design.Thesis topic, reflected in the UI interface design are analyzed the art features of material design, think material design not only has the rich visual space, and unified visual effect.And emphatically from the interface style, layout, ICONS, buttons, four aspects, this paper discusses the application of material design in the UI interface, for UI interface provides a new design idea, develop the visual design view at the same time.Key word: Material design, UI interface, system dynamic effect, interface style

目 录

引言

1.材料设计与UI界面 1.1材料设计的含义 1.2 UI界面的含义 2．材料设计的艺术特征 2.1丰富的视觉空间 2.1.1大胆的色彩对比 2.1.2鲜明的视觉层级 2.2统一的视觉动效 2.2.1卡片式渐变 2.2.2交互性设计

3.材料设计在UI界面中的应用 3.1材料设计在界面风格中的体现 3.2材料设计在界面布局中的体现 3.3材料设计在界面图标中的体现 3.4材料设计在界面按钮中的体现 结语 参考文献

引 言

移动设备的崛起带来了用户界面设计的变革，材料设计是近期出现的一种新的界面设计方向。材料设计通过视觉空间和视觉动效来展现它的艺术魅力，其中的色彩搭配使得界面看起来非常的大胆，充满色彩感，凸显内容。微妙的动画、阴影也使得用户与材料设计的互动更加有趣。在UI界面中，材料设计的界面风格和布局都有了很大的改变，在图标和按钮上也进行了改进，有很多令人愉悦的小细节，给用户提供了一种新的体验模式。材料设计不仅仅是一种视觉风格的转变，而是一种设计语言和思维方式的演变，它将引领UI设计的潮流趋势。1.材料设计与UI界面 1.1 材料设计

Google今年推出了新的移动设计方向“Material Design”，我把它翻译成“材料设计”。“材料”是种隐喻，即空间的合理化及系统动效的统一。2014年, 扁平化设计是最流行的UI设计趋势，而它的“过于平”也引起了一番热论，但材料设计在扁平化上作了微妙的渐变，层次感和动画，保留了意义上的有形世界。所以，我们可以形象的理解材料设计是“向拟物回跳一下的扁平化设计”，但材料设计本身又是独立的。

材料设计的中心思想，便是把物理世界的体验带进屏幕。将现实世界中纸张的特性挪到电子屏幕里，在“纸”上呈现信息内容，给用户一种贴近真实的体验，让整个界面看起来简洁、直观，让人眼前一亮。当前，Android 7的WPS就是基于材料设计的全新设计，业内专家表明:材料设计或将成为将来ＵＩ界面设计的趋向，这类设计理念让安卓界面在体验上更加新颖和简洁。1.2 UI界面

UI的意思就是用户界面，用一句话概括就是人和工具之间的界面。在我们生活中，界面同样体现在某一些方面，比如看电视的时候遥控器和屏幕就相当于这个界面。它不仅仅是由用户与界面两个部分组成，同时还包含着用户与界面之间的交互关系。

JefRaskin在《人本界面，交互式系统设计》一书中指出“就消费而言，界面就是产品。”在这里，界面包括产品外观和产品的交互行为。一个美观而不失实用的界面会给人带来轻松舒适的视觉享受，它会吸引用户去探索，去发现有趣之处，拉近人与电子设备之间的距离，让用户乐于使用。界面设计并不是仅仅为了美观，他需要为用户而设计，需要考虑用户的使用环境与使用方式，它是考虑用户主观情感的科学性的艺术设计。2.材料设计的艺术特征

2.1 丰富的视觉空间 2.1.1 大胆的色彩对比

用户第一次看到一个UI界面时，会对色彩留下最深刻的映象，因此色彩是UI界面设计中不可缺少的视觉元素。如图1，材料设计崇尚多彩，但它并不使用那种很艳丽的颜色，大多采用清新靓丽的色彩，清爽的页面通常都离不开白色背景的映衬。为过于艳丽让人感觉到俗气。

在材料设计中，界面一般采用不同的色调来区分各个栏目的主题，而部分细节的处理则喜欢用靓丽分明的色条或色块。如图2，工具栏大块区域采用了蓝色为主色，而状态栏采用了比主色稍深的蓝色。如图

3、图4用靓丽的色条来强调标题，同时强调色可被用来当做按钮和控件或开关和滑块。

2.1.2 鲜明的视觉层级

假如某篇文章的标题比内容概述更重要，标题就应该有更多视觉主导力。主导元素是所叙述故事的起点，是用户接触设计的入口，能够将用户注意力第一时间吸引到设计师希望用户注意的地方。为了最快的吸引用户注意，可以通过对比、强调、图5

图6 图 2

图3

图4 图 1 同时将本来靓丽的色彩加入一点点的灰色，不但让图案变得生动起来，又不会因和相对的视觉重量建立主导地位元素。如图5,是材料设计在Feedly阅读器里的应用，图中的主导元素是顶部的图片，占据了最大的面积，深色图片底下大面积白色区域与图片形成对比，打造出鲜明的用户界面，吸引用户关注。图片上的“Food”字样可能是页面最重要的信息，清晰阐述此页面的主题。在一个设计中，首先突出主导元素，其次就应该强调焦点。如图6，此页面主导元素是人物图片，与周围的字体形成本质对比，而它的焦点是图上加粗的黄色字体“GIRL”，旁边 的播放按钮也是焦点之一，从而构建出视觉层级、视觉意义以及视觉聚焦。2.2 统一的视觉动效 2.2.1 卡片式渐变

在材料设计上，动效的理念有着相通的原理。动效连接于整个应用的程序流程，表达了设计的先后关系，尤其是关于产品的连续性来讲，用户根本没有中断的感觉，在材料设计中，使用了渐变的方式让界面流畅、舒适。UI界面的渐变是通过画面基本形象有序地、渐进地变动而形成如梦如幻的、似音乐旋律般的视觉效果，这样使画面具有极强的观赏性和秩序感。如图7，在主页浏览视图里包含一列卡片，当你点击一个卡片时，卡片将不再是一张卡片的大小，而是将延展到全屏幕。因此，“魔法纸片” 是材料设计中最重要的信息载体。纸片层叠、合并、分离，具有现实中的厚度、惯性和反馈，也具有液体的某些特性，可以自由伸展变形。如图8，它同时运用了材料和动效，卡片就是所谓的材料，当用户与其交互时，通过动效卡片延展来显示更多内容。这样给用户带来的视觉效果是连续的，告诉用户他们如何使用，如何让他们的操作影响到界面。

2.2.2 交互性设计

动效的快速反馈，可以让用户感到信任和快乐。当用户与应用交互时所反馈的动效不仅要实现美感，符合物理逻辑，而且能够给用户带来乐趣。反馈动态效果的设计必须深思熟虑且具有针对性，而不能随性设计，反馈动效应温和，不让用户分心，鼓励用户进一步探索应用。

材料设计具备快速反馈动态效果的特性，它让用户充满期待，触摸、语言、键盘及鼠标是首要考虑的输入模式。虽然UI元素是可见的，但是在物理上被限制在了设备屏幕之内。视觉线索和动态效果可以为用户和设备之间建立沟通的桥梁提供线索，让用户确认自己的输入有用，继而引导用户操作。动效的加入，让用户与应用之间的沟通真实、有效，将应用带到了新的高度。如图9和图10，是材料设计应用于Feedly阅读器。在Feedly阅读器中，最重要的转场是打开文章和关闭文章。过程当中，用户在文章的列表和文章内容中切换。如图9，当用 图7

图8

户点击文章预览时，应用会出现点击涟漪效应来提供即时反馈，然后整个效果会扩大充满整个文章预览元素。同样，当用户关闭文章时，这种效果也会在顶栏中出现。这是表面的反馈,涟漪效应使用户知道他的操作有用，给予用户带入感，让用户的注意力不分散，同时感受到小趣味，继而引导用户进行下一步操作。当用户在杂志视图中预览图片时，点击图片后，文章会在转场过程中逐渐放大，内容会渐显过来，而图片会用渐隐来过渡，它们会

图9 移动到相应的位置。有时在预览图中没有出现在第一屏，然后在转场时渐显文章的内容，缩略图也渐隐来过渡。整个切换过程流畅、自然，不会让用户感到突兀，提高了用户体验的整体美感。如图10，当用户点击了列表中的文章预览区域时，模块将会向上升起，形成属于这篇文章的一个新的平面，考虑到视觉上的连续性，这个新平面会被放大，它成为最主要的一个面，同时文章的内容也渐渐显现出来。整个移动过程有意义、有秩序，引导着用户的关注力，将最要的信息内容传递给用户。

3.材料设计在UI界面中的应用 3.1 材料设计在界面风格中的体现

图10 视觉设计风格是指界面所具有的特有的气质。后现代主义这种风格在UI界面的设计中占很大的比例，主要表现为波普风格和抽象风格。波普风格主要是以明朗亮眼的色彩、新奇的搭配图案和强烈的色彩对比来刺激用户的注意力。而抽象风格会给用户带来很大的联想的空

图11 间，通过点、线、色彩、面块、形体、构图来传达。材料设计的界面风格总的来

说是“鲜明、形象、深思熟虑”的。如图11，页面运用了留白，移除了所有可有可无的元素，搜索框吸引了用户全部的注意力，引导用户去搜索。留白是抽象风格中常见的一个运用手法，它们的存在并不是单独的，而是为了烘托主体元素，它们和主体元素是相互依托的关系。这样给用户一种简洁、明了、清新的感觉。而在颜色选择上材料设计的原则是“大胆、图形化、有意义”，提倡一种主色，一种互补色，运用巧妙的色彩搭配、点、线、面块等使得整个界面看起来非常大胆、充满色彩感，凸显内容。如图12，分别是具有波普风格的图画和材料设计的界面风格，从色彩上看，主要以红、黄、蓝三原色为主，色彩明快，色块层次分明，让人眼前一亮。而白色的适当点缀，又平衡了空间的色彩关系，给用户一种舒适的感觉。从搭配的图案上看，单色与拼接图案的结合，充满趣味，吸引用户眼球的同时，也治愈了用户的“审美疲劳”。

3.2 材料设计在界面布局中的体现

界面设计中的布局就是在有限的空间里对屏幕中的元素依据规律排列组合，而一个漂亮、易读的排版离不开基本骨骼系统。骨骼设计系统在界面排版中要遵循一些基本原则，其中包括对齐原则、比例适度、留白、秩序美等。从图13中可以看出，材料设计运用了“基线”对齐原则，同时利用骨骼线把文字、图形、线条按照一定的比例整体组合，使整个界面具有清晰明了的视觉秩序美，让用户得以快速阅

图13

图12 读信息，并有一种轻松、舒适的感觉。同时，视觉流程在界面布局中也尤为重要。当我们浏览界面时，用户首先会快速粗略地浏览页面，大致形成第一印象，接着视线就会从最吸引注意力的一点开始依次浏览，最后完成信息的传递。这就是视觉流程。如图14，用户第一眼会看到闹钟，接着视线会移到右侧，右侧卡片利用线条的分割、视觉元素的排列，带动用户根据设计的引导流程进行有效的视觉交互和信息传递。在材料设计中，布局上注意文字以及图片分量相当，在使用元素的同时注意元素在整个布局上面的呼应，在布局节奏感的把握上，注重疏密搭

配。界面的编排是为了突出主要信息为目标，让用户可以关注到重要的点，同时组织页面的设计元素，合理引导视觉。如图15，是材料设计对页面的编排，它将构成要素进行了巧妙合理的安排，是整个界面具有层次感和条理性。其中恰如其分的采用余白，使文字更加突出，具有更强烈的视觉感染力，使画面富有韵律。

3.3 材料设计在界面图标中的体现

图标是一种可视性很强的图像语言。它相对于UI界面就好像公共系统中的标志，虽然它只是界面中一个极小的点，却可以引导访问者最方便、快捷的方式浏览和使用整个界面。图标是具有标志意义的视觉符号，所以在材料设计中需要着重考虑图标的视觉感觉和视觉冲击力。如图16，图标具有很强的视觉表现力，有丰富的色彩和简单明了的几何图形组成，线条分明，和谐的明暗关系使图标立体起来，富有韵律感。同时色彩艳丽的图形由白

图16

图14

图15 色来衬托美丽，整体简洁大方，但又不失活泼跳跃，提高了整个“颜值”。

UI界面图标主要分为入口功能和操作功能，导航性图标具有入口功能，它是UI界面的方向标志，它能指引用户如何进入界面的不同区域，当你点击它时，就会出现一个子页面。如图17。而操作命令图标图标具有操作功能，它所指示的内容是各种交互功能、步骤等，界面工具条中包括的小图标都属于操作命令，它们可以帮助用户实现一些操作，引导用户去使用，如图18。操作功能的图标在完成点击操作之后，通常会转为对应的另一种形态。如“返回”与“菜单”，“收藏”与“已收藏”的状态之间切换，这样的设计里，在两种状态之间切换图标经常让用户感觉到生硬，而点击图标动画后用户会得到更佳强烈的反馈，使用户感到有趣，并且让界面生动，活泼起来。

图17

图18

3.4 材料设计在界面按钮中的体现

按钮能够提示观众，引起用户注意，好的按钮设计可以将界面主题化、形象化、生动化，引导更多是用户浏览页面、接受信息的传达。按钮一般较小，往往采用与背景对比较强烈的色彩以引起注意，同时与整个界面协调。

浮动按钮是材料设计中比较重要的一个体现，如图18，浮动按钮通过圆形元素与分割线、卡片、各种直线形成鲜明对比，并使用色彩设定中鲜艳的辅色，给用户带来更具突破性的视觉效果。浮动按钮的大小分为默认大小和迷你两种。当需要和屏幕上的其余元素产生视觉上的延续性时，一般使用迷你版的浮动按钮。如图19，Today是一款日历应用程序，是材料设计应用于其中的一个应用，美丽的悬浮响应按钮将日历和日程分开，灵动的同时又不失使用，色彩鲜艳的按钮，与背景颜色互补，吸引用户的眼球并引导用户去使用它。而且主题的颜色可以更改，用户通过点击相应的浮动按钮根据自己的喜好更换背景的颜色，使其保持新鲜感，满足个性化需求。

图18

图19

结 语

随着UI设计的日益发展，设计的重点从仅仅关注平面的表现，转移到了人与设计之间的交互。材料设计是对于这种潮流的适应，它的出现让用户眼前一跳。有设计师表明材料或将成为引领UI设计新的流行趋势，会给用户带来更多惊喜的东西。

参考文献

[1] 焦万鹏.新兴专业—“UI”设计初探[J].2007，8（2）：34-36.[2] Windy.什么是交互设计[J].2004，（11）：55-57.[3] 舒畅.浅析UI设计中的图形语言[J].2009,（17）：50-50.[4] 聂璐.论网页界面设计中的人性化因素[D].湖南师范大学.2010.[5] 李四达.交互设计的域与界.[J].装饰.第201期2010.01.[6] 孙娇、宗明明.网页设计中视觉流程筹划与应用.[J].2010,(7):169-171.[7] 程璐.网站的导航标—网页界面图标的设计研究.[J].2009,(2):182-182.[8] 汪大伟.现代主义风格的UI设计之兴起.[J].现代装饰.2012（09）：182-184.[9] 张涛.图标认知因素分析及其应用研究.[D].2007年

[10] 张军.网页设计课程中关于UI设计教学的探索机会.[ J ].2009，（4）：84-86

第五篇：分析农夫山泉广告在整个营销生命周期的广告策略

分析农夫山泉广告在整个营销生命周期的广告策略

一：夫山泉的概农况

1998年，农夫山泉550毫升运动装在全国各地推广，借助全国热点媒体的传播，“农夫山泉有点甜”的广告语响彻大江南北

1997年．农夫山泉4升装产品率先在上海、杭州等重点城市上市，并很快进入注重生活质量的家庭。

2000年3月由国家国内贸易局商业信息中心（现更名为中华商业信息中心）发布的1999全国食品日用品市场监测报告显示：99年瓶装饮用水市场占有率排名，农夫山泉为第一。

2001年3月公布的“2000度瓶装饮用水市场分析”公布，农夫山泉市场占有率为19.63%，继续排名第一。

此后农夫山泉与奥运会、公益活动、希望工程等联系紧密继续保持着饮用水市场的大半江山。

二：不同时期的广告策略分析

1：市场导入期

① 广告：1998年4月，农夫山泉在中央电视台推出“农夫山泉有

点甜”之“课堂篇”：一个乡村学校里，当老师往黑板上写字时，调皮的学生忍不住喝农夫山泉，推拉瓶盖发出的砰砰声让老师很生气，说：上课请不要发出这样的声音。下课后老师却一边喝着农夫山泉，一边称道：农夫山泉有点甜。于是“农夫山泉有点甜”的广告语广为流传，农夫山泉也借“有点甜”的优势，由名不见经传发展到现在饮水市场三分其天下，声势直逼传统霸主乐百氏、娃哈哈。

② 创意分析：在市场导入期，农夫山泉实施了差异化战略。首先，农夫山泉对纯净水进行了深入分析，发现纯净水有很大的问题：连纯净水没有人体需要的微量元素，与消费者的需求不符。农夫山泉抓住纯净水的这个弱点强调农夫山泉与其他纯净水在口感、水质方面的差别。它通过“有点甜”向消费者透露这样的信息：农夫山泉是天然的，健康的。一个既无污染又含微量元素的天然水品牌，如果与纯净水相比，价格相差并不大，可想而知，对于每个消费者来说，他们都会做出理性的选择。

在这个广告里，拉动瓶盖饮水的方式和“有点甜”的诉求都显示了农夫山泉的个性特征。它避开其它广告式的明星效应，突出水质的不同，出其不意，采用感性和理性相结合的方式使消费者耳目一新并把他们的注意力引到水的口感和水质上来。

2：市场成长期

①广告：好水喝出健康来。1999年，农夫山泉着重推出“好水喝出健康来”这个广告。

②分析：这个广告继续差异化。主题却从上市初期“有点甜”转化为“好水喝出健康来”，相对弱化口感，突出水质，同时也右证了它之所以甘甜的本质原因：取水于千岛湖，进过千岛湖自身的净化，得到更优质的“健康水”。并且在广告里看到了现代化的生产线和可靠的质量保证。

3：产品成熟期

在这段时间里，农夫山泉走的都是“情感路线”，通过对申奥的支持，对社会贫困孩子的支助，对中国体育事业的支助等等商业社会化的活动使农夫山泉深入到社会里的方方面面。带动人们的情感，时时刻刻提醒的广大消费者。这既是农夫山泉对社会的感恩，同时合适一个很好的宣传营销计略。

①广告：电视片广告“这水，有我小时候喝过的味道。”

②分析：“这水，有我小时候喝过的味道”以一个中年人对幼年回忆的情景交融来衬托产品的文化内涵，勾连起人们的情感认同，也符合都市人返朴归真的心理需求。提醒广大消费者农夫山泉饮用水隐藏着大家的回由于在以前的广告里，都是在强调农夫山泉水质与口感。在这则广告里，则重点突出产品的文化内涵，历史的纵深感，达到与人们情感的共鸣。

③ 广告：“你买一瓶农夫山泉就为申奥捐出了一分钱。”“你买一瓶农

夫山泉就为孩子们的渴望捐出一分钱。”“俺叫大脚”等公益广告 ④ 分析：饮水思源公益活动，农夫山泉在申奥篇这个广告即在为申

奥做公益活动同时又达到了促销产品的效果。这个则广告还获得当年十大成功营销案例。这种以企业行为带动社会行为，以个体力量带动整体力量，以商业性推动公益性，是广告营销中很好的方法。

4：产品衰退期

由于农夫山泉在引用水长期占据大半江山，对乐百氏，王哈哈等纯净水形成很大的威胁，招致其他纯净水企业的联合抵制。

2008年三鹿奶粉事件，康师傅矿物水水源来自自来水，2010地沟油事件人们正处在一个“不安全”的环境中，迫切需要健康。安全的食品。

农夫山泉的“我们不生产水，我们只做大自然的搬运工”这个广告应运而生。在这个广告里，通过一杯水，水的导入与更换，给我吗讲诉一个健康知识：人体中的水每18天更换一次，水的质量决定生命的质量。农夫山泉转而向我们介绍它的水源地——千岛湖。从而向消费者们具体展现了农夫山泉水质的可靠性。农夫山泉的水是天然的，不是人造加工出来的，不存在后续加工的问题，这就与“康师傅矿物质水”区别开来。并且安静，简单的画面与王哈哈纷繁复杂的画面区别开来。从而显现出农夫山泉的与众不同。

这广告强调的是天然的水质对人体更健康。

朱波亚

***01-23