交互设计规范文档(篇一)

最后分享一个我最近工作中遇到的问题：工作中由于产品需求不确定（准确的说是“不稳定”），而进度上又要求在实际流程上有所进展。通俗点说就是产品及运营的需求随时在产生变化，同时项目上又逼着我需要先推进交互原型。随之而来的问题就是交互逻辑及交互原型在短时期内就会有较大的变化。

这种大的变化，和我们传统意义上产品层面的版本迭代又不同。由于前面的原型版本已经成为废稿，所以很难用【单个文件保留单个版本】的做法来更迭原型版本。同时几个版本之间是有因果联系的，我们也不能用单纯的删除早期版本的方式来解决问题。

我大致试过两种方法，第一种是以文件夹方式区分版本，并注明当前正在使用的版本。这种方式在追溯产品演变过程中的效果会比较好，但在实际工作中，多余的废弃版本对其他人员会有一定的干扰性。之后我做了一些调整：在此基础上在生成一个不包含历史版本的文档，以供其他同事查阅。这种做法的弊端就是每次导出都需要生成多分文件。

另一个做法是吧废弃的历史版本放入【废纸篓】中，这样即保留了完整的历史版本以便后期的复盘，同时也避免了对其他同事的不必要干扰。不过随着项目推进文件容量的不断增大也是一个不大不小的问题。

以上就是我对交互文档梳理的一些设想及方案，希望能对你有所帮助和启发。

交互设计规范文档(篇二)

1.根据美术风格,设计相应风格的游戏图标原画风格;

2.和交互设计人员沟通协调,确保图标原画符合交互设计需要。

任职要求:

此职位为初级原画需求,只考虑0-2年经验的候选人,会培养;

1.有较好的视觉审美力和颜色把控力;

2.工作态度积极,善于沟通,团队协作。

关于福利

★一年两次调薪★ ★绩效奖金高达10个月★

★六险一金★ ★一年两次旅游★

★7天年假15天带薪事假30天病假★

★年度体检★ ★高大上办公环境★

★每月团建★ ★无限量零食水果供应★

交互设计规范文档(篇三)

From the word "science fiction film", we can draw a conclusion that the background of these films is an advanced and fictional technology, which is usually based on the future. What these films have in common is that they expose their vision for the future. New technology is usually the most eye-catching change in these hypothetical worlds.

In addition to the views on various scientific fields, the background of this work is special Focus on computer interface. As part of the workshop, the methods of mainstream science fiction films in "smart space" have been extracted and analyzed. With regard to their reference in the design of real-life human-computer interaction (HCI), the similarities with ongoing research will be summarized, especially those people.

Other discussions in this seminar are aimed at comparing with reality, and it is usually necessary to take a relatively abstract level Look at the idea and vision of the film. First of all, from this perspective, we will discuss some of the key factors that determine or affect the design of human-computer interaction in movies. Due to the limitations of available materials, we will observe a large number of examples from selected films.

We cannot claim to provide a complete overview of all films, but the available choices should be sufficient and allow for representative inspection of movie scenes. We're going to start with a movie that doesn't show any concepts at all, or just adaptations of the everyday skills that were common at the time. The second part is also the main part, introduces the visual interaction design, divides the interaction technology into different fields, and then briefly introduces the scenes of several satirical movies and the conclusion of this paper.

中文翻译：

从科幻电影这个词可以得出结论，这些电影的背景是一种先进的、虚构的技术，通常是以未来为背景的，这些电影的共同点是，它们暴露了自己对未来的憧憬，新技术通常是这些假设世界中最引人注目的变化，除了对各种科学领域的看法之外，这项工作的背景特别集中于计算机接口。作为研讨会的一部分，“智能空间”主流科幻电影的方法被提取和分析，关于它们在现实生活人机交互（HCI）设计中的参考，将概述与正在进行的研究的相似之处尤其是那些人，本次研讨会的其他讨论都是为了能够与现实进行比较，通常有必要从一个相对抽象的层面来看待电影的思想和愿景。首先，我们将从这个角度出发讨论决定或影响电影中人机交互设计的一些关键因素由于现有资料的限制，我们将从精选电影中观察到大量的例子，我们不能声称提供所有电影的完整概述，但可用的选择应该足够了，并允许对电影场景进行代表性的检查。

我们将从根本不显示任何概念的电影开始，或者仅仅是改编当时常见的日常技巧的电影。第二部分也是主要部分，介绍了视觉交互设计，将交互技术分为不同的领域，接着简要介绍了几部讽刺电影的场景和本文的结论。

交互设计规范文档(篇四)

离开那个小公司之后，我开始琢磨着进一家大公司实习。毕竟我已经积累了一些面试经验了，又学会了一些绘图软件，有一些作品，应该有机会去一家正规的公司了。我离开的时候是7月份左右，8月份的时候，法国电信来我们专业招人了，职位是UI设计。那个时候我对UI完全不了解，但是凭着一股自信，我还是应聘了。面试的过程很顺利，我滔滔不绝的讲着我对职位的理解，对过去经历的描述，面试官似乎也很满意，我感觉已经胜券在握了。那次去面试的好像有10个人吧，只招一个，我是第九个面试者。结果，我失败了，获胜的是第10个。后来我了解到，她本科是学工业设计的，我也从其他人口中得知，UI设计主要倾向于工业设计专业的学生。那段时间我心里很纠结，对这次失败经历耿耿于怀。

我决定要多看这方面的书，补补专业知识。其实那个时候，我已经放弃了从事动画方面的工作了。虽然我学的是动画，但是我逐渐意识到在中国做动画，研究生没有任何优势，而且进大公司的机会几乎是零（动画公司基本都很小）。看到我们学院那些搞技术的动不动就在IBM、微软、腾讯、百度之类的公司，拿着年薪十几万、二十几万的时候，我觉得那才是我的梦想所在，这也是我当初考北大的目的。人总是这样，会在行进的途中受到外在环境的干扰迷失方向，忘记自己真正的目的，多走很多弯路。因此，我决定要换一个职业方向，一个能让我进大公司，拿高薪的职业才是我想要的。

通过对UI的了解，我又接触到了一个相关的概念——交互设计。我感觉这才是适合我的职位，因为它可以发挥我的优势（理工科背景强），规避我的缺点（手绘弱）。推荐大家读一读《现在，发现你的优势》这本书，里面所讲的就是每个人都有优势，也有很难克服的天生的缺陷。要成为一个成功的人，要尽可能发挥自己的优势，适当的管理自己的弱点，而不是费劲心力去弥补。发现这一点后，我决定自己未来的道路就是做一名交互设计师。

然而，理想是美好的，现实是残忍的。这方面的实习机会本来就很少，竞争又十分激烈。因为我专业不对口（非工业设计），又没有任何相关的经历，我四处碰壁。后来，我发现微软研究院招这方面的实习生，赶忙让在微软实习的同学帮我推荐。但是日复一日，没有任何消息。我不死心，又发了一封长长的邮件，表达我对这个职位的热情，以及我对交互设计的理解。对方真的很nice，给我回了邮件，让我不要着急，耐心等候。又过了很长时间，我彻底死心了。

我的.信念发生了猛烈的动摇，我不知道自己对交互设计的选择是否正确。事实是我选择了它，它却未选择我。我后来又参加了联想的面试，也是不了了之。这段时间，我开始乱投简历了，只要是大公司的实习机会，我都投，结果当然是可想而知的，我一次次失败。一个连自己想要做什么都不知道的人，是不会受到企业的垂青的，这也是现在很多毕业生的通病。

第二年的二月（09年），我还在投简历。当然，不要以为这段时间我什么都没干，一直在找实习。其实我做了很多事情，我和师姐合作了毕业动画作品；和两个同学一起写了两本Flash方面的书；还接了一些私活。这些都是为了丰富我的简历，为以后毕业，找工作做准备。 按理说，这一年的6月，我就应该毕业了。然而我却决定延期了，因为我到这个时候还是不知道自己真正想做什么，也没找到一个像样的实习。我的舍友比我小一级，却都准备提前毕业了，还一直在IBM实习（后来留下了），这对我真是一个不小的刺激。

然而我相信，每个人有每个人的命运。我本科学校不好，成绩也不好，这就意味着我要比别人付出更多，因此，我不后悔。毕竟我已经拥有了比大学同学更多的东西。

交互设计规范文档(篇五)

这篇文章讲的是如何制作一份产品、UI、开发、测试都喜欢看的交互设计文档。文章内容主要是自己工作中用到的交互设计规范模板（axure版本），这套规范是自己总结出来的，但是构建的思维方法借鉴很多前辈大神的方法论，特别是淘宝U一点团队所分享的公开课内容。

抱着他山之石，可以功玉的想法，结合自己公司团队的工作特点，总结了一套交互设计规范。使用中，有些小收获，分享出来，大家多多沟通，共同进步。

这篇文章的行文思路是，先说明交互设计规范准则是什么、然后举例说明交互设计文档各模块的书写思路及踩过的坑，最后是一份可供下载的模板和组件库。

交互设计规范文档(篇六)

由于实习单位要求保密等原因，故文中涉及项目名称，地名等均以某代替，见谅！同时也希望本文能为正在撰写实习报告的同学提供方便，写的不好，见笑了！***********城市规划专业生产实习报告实习单位唐山市某城乡规划设计研究院有限公司实习时间XX年10月8日11月26日指导教师***班级***

学生姓名***

学号**

完成时间12月6日

前言：

随着知识经济时代的来临，大学生素质和能力的培养愈来俞显得重要，并越来越引起教育部门和用人单位的关注。为进一步加强实践环节，XX年10月上旬，我校安排了为期七周的生产实习，其目的在于使学生了解城市规划编制工作的编制程序及各阶段的内容及编制深度，初步掌握规划设计文件的编制方法，培养学生从事实际规划设计的能力，巩固课程学习中所掌握的知识，并补充课堂教学的不足，现就将本次的实习情况总结和汇报如下：

一、唐山市某城乡规划设计研究院有限公司简介：

唐山市某城乡规划设计研究院有限公司是一家刚刚起步的私营公司，迄今为止成立时间仅一年多，但在这一年多的时间中，某规划设计院秉承“事实求是，艰苦奋斗的管理理念和“以人为本，与时俱进”的设计理念完成了多项总规，控规和详规的编制工作，并成功的从丙级单项姿质升级到丙级姿质，目前公司全体职工正在以更高昂的姿态更积极的行动准备资质的再次升级，预计到XX年能更上一层楼。公司下设设计所两所，拥有国家注册规划师4名，国家注册建筑师2名，国家注册结构师2名，高工数名，设计师若干。

二、实习基本情况简介：

10月8日，我与徐**，孟**等三人正式开始了在某规划院的实习工作，考虑到我们的实际情况，公司将我们三个都分到了一所，并按照学校的要求为我们每人分派了一位指导教师，我很荣幸*院长能担任我的指导教师，*院长是原唐山市建设局局长，虽然在用计算机画图方面有点跟不上，但在专业理论方面却能给我以极大的启示，在实习期间我在*院长身上学到很多课本以外的东西，这些东西足以受用终生。

三、完成的主要工作任务：

实习期间，我们三人在各自导师的带领下，承担了某市某乡6个新农村的规划编制任务；参与了某市某镇总体规划，某管理区控规的编制任务；承担了某县喜峰南路街景设计，某开发区小区详细规划等几个修规的编制任务。

交互设计规范文档(篇七)

就像文中开头所说的交互设计规范的目的是提高工作效率，降低沟通成本，提高设计质量；至于这“两个提高一个降低”能否实现，除了规范外，我这儿还有两件“法宝”。

一、定制化的组件库。结合自己的工作特点，定制一个符合自己业务范畴，和工作习惯的组件库，效率肯定会事半功倍。组件库不是一蹴而就，而是自己根据业务特点和设计习惯，慢慢调试的。附件是我自己定制的一套符合自己设计特点的组件库，大家可以在此基础上修正调整。

二、团队。团队之间的默契，配合与协同，才是提高工作效率、降低沟通成本，提高设计质量的制胜法宝。

最后奉上一份交互规范源文件和一份设计组件库。供大家参考。多多沟通，多多交流。

交互设计规范文档(篇八)

因为考虑到以后毕业有可能从事这个行业的工作，因此我非常珍惜这次实习的机会，在有限的时间里加深对各种平面设计的了解，找出自身的不足。这次实习的收获对我来说有不少，我自己感觉在知识、技能、与人沟通和交流等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

第一天来到公司，不知道该做些什么，什么也插不上手，只是这里看看，那里逛逛，最终还是公司里的老师给我指了条路，让我用Photoshop和CorelDraw软件模仿教程做一些简单的图片，终于找到事情做了，于是我就乖乖的做起了图片。说实话我以前在学校的时候也这样做过，不过效果没有这么好，因为以前一遇到难的或不懂的就停下来不做了，而现在有老师在旁边，有不懂的就问，这使我受益非浅。

假如在作图的过程中如果使用几个小技巧，确实可以达到事半功倍的效果。

一、photoshop小技巧

1、制作圆角矩形方块

首先在photoshop中建立一个新文件，在文件上用矩形选取工具画一个矩形框，接着选择选单select→feather，输入半径值，数值越大则圆角矩形的半径越大。在选取区中填入颜色后，取消选取范围。选取选单image→adjust→threshold，由调整threshold的level来改变大小，如此就会产生您想要的圆角矩形大小。若要产生圆角矩形的选取区，可以在选取区作用的环境下，切换到快速遮罩模式，同样执行threshold以获得您想要的遮罩。

2、高解析制作

3、保留选取范围大小

当您在photoshop中使用image的size或cancas的size改变影像大小时，原本在影像中选取的范围也会跟着改变，如果想要保留原本的选取范围，可以先切换到快速遮罩模式下（按下键盘上的q键），然后再选择“image的size”或“canvas的size”。使用image的size指令会将影像与选取范围一同缩小;若使用canvassize指令则只会将影像缩小，而选取范围仍保持原有的大小。记着再将快速遮罩模式切换成标准模式。

4、快速隐藏图层

如果您在photoshop中只想要显示某一层图层的影像，是不是得一一将其他图层隐藏起来呢？这里有一个既快速又方便的作法：只要在图层面版上同时按住ctrl+alt以鼠标点选欲显示的图层的眼球图示，就可以将其他图层通通藏起来。另外也可以用ctrl+alt+快速键调整图层的前后次序。

二、coreldraw小技巧

1、擦去错误线条

如果您使用coreldraw中的手绘铅笔工具，不小心把线条画歪了或画错了，您不必急着将线条删除，只要立刻按下shift键，然后反向擦去即可。

2、动尺规

在coreldraw中事实上是可以让您自由移动尺规的位置，只要在尺规上按住shift键以鼠标拖移，就可以将尺规移动。如果您想将尺规放回原位，则只要在尺规上按住shift键迅速按鼠标键两下，就会立即归位。

3、利用coreldraw制作动画gif文件

事实上利用coreldraw也可以用来制作动画gif文件，您可以将coreldraw中的图层当成动画中一个个的影格，然后逐一输出成gif文件（其他图层上的影像必须先关闭）。再利用photo—paint的movie功能，先选择creatfromdocument将第一张gif文件制成movie，再陆续将转好的gif文件以“fromfile”插进来，选择“储存成…”动画gif的格式，于对话框中设定延迟的时间和位置，如此就算大功告

4、同时旋转与缩放

如果您在coreldraw中，拖拉物件的旋转把手时，同时也按住shift键，那么将可以同时旋转与缩放物件;若是按住alt键，将可以同时旋转与变形倾斜物件。

经过几天的基础训练，老师终于让我参与他们的策划，刚开始有点紧张，后来就慢慢熟悉了策划和后期制作的整个过程。慢慢地老师也把一些比较重要的交给我处理。这使我对这个行业认识就更加深了一步。

通过这次实习，在设计方面我感觉自己有了一定的收获。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用，增强了我们今后的竞争力，为我们能在以后立足增添了一块基石。实习单位的老师也给了我很多机会参与他们的设计是我懂得了很多以前难以解决的问题，将来从事设计工作所要面对的问题，如：前期的策划和后期的制作等等。这次实习丰富了我在这方面的知识，使我向更深的层次迈进，对我在今后的社会当中立足有一定的促进作用，但我也认识到，要想做好这方面的工作单靠这这几天的实习是不行的，还需要我在平时的学习和工作中一点一点的积累，不断丰富自己的经验才行。我面前的路还是很漫长的，需要不断的努力和奋斗才能真正地走好。

交互设计规范文档(篇九)

区别于更新日志，评审记录主要书写于设计阶段。评审记录主要分为内部评审（设计师（项目内交互和视觉）、UED负责人、UED相关设计师）和外部评审（设计师（项目内交互和视觉）、UED负责人、UED相关设计师、业务负责人（产品和需求方）、技术负责人、技术相关人、市场运营人员）

（书写小贴士：1、一般都伴随着会议记录出现，我一般会书写好以后，直接剪切当会议记录）

图评审记录

交互设计规范文档(篇十)

因为考虑到以后毕业有可能从事这个行业的工作，因此我非常珍惜这次实习的机会，在有限的时间里加深对各种平面设计的了解，找出自身的不足。这次实习的收获对我来说有不少，我自己感觉在知识、技能、与人沟通和交流等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

第一天来到公司，不知道该做些什么，什么也插不上手，只是这里看看，那里逛逛，最终还是公司里的老师给我指了条路，让我用和软件模仿教程做一些简单的图片，终于找到事情做了，于是我就乖乖的做起了图片。说实话我以前在学校的时候也这样做过，不过效果没有这么好，因为以前一遇到难的或不懂的就停下来不做了，而现在有老师在旁边，有不懂的就问，这使我受益非浅。假如在作图的过程中如果使用几个小技巧，确实可以达到事半功倍的效果。

一、实习经过

制作圆角矩形方块

首先在中建立一个新文件，在文件上用矩形选取工具画一个矩形框，接着选择选单→，输入半径值，数值越大则圆角矩形的半径越大。在选取区中填入颜色后，取消选取范围。选取选单→→，由调整来改变大小，如此就会产生您想要的圆角矩形大小。若要产生圆角矩形的选取区，可以在选取区作用的环境下，切换到快速遮罩模式，同样执行以获得您想要的遮罩。

高解析制作

保留选取范围大小

当您在中使用或改变影像大小时，原本在影像中选取的范围也会跟着改变，如果想要保留原本的选取范围，可以先切换到快速遮罩模式下按下键盘上的键，然后再选择“”或“”。使用指令会将影像与选取范围一同缩小；若使用指令则只会将影像缩小，而选取范围仍保持原有的大小。记着再将快速遮罩模式切换成标准模式。快速隐藏图层如果您在中只想要显示某一层图层的影像，是不是得一一将其他图层隐藏起来呢这里有一个既快速又方便的作法：只要在图层面版上同时按住+以鼠标点选欲显示的图层的眼球图示，就可以将其他图层通通藏起来。另外也可以用++快速键调整图层的前后次序。

二、小技巧

擦去错误线条

如果您使用中的手绘铅笔工具，不小心把线条画歪了或画错了，您不必急着将线条删除，只要立刻按下键，然后反向擦去即可。动尺规在中事实上是可以让您自由移动尺规的位置，只要在尺规上按住键以鼠标拖移，就可以将尺规移动。如果您想将尺规放回原位，则只要在尺规上按住键迅速按鼠标键两下，就会立即归位。利用制作动画文件事实上利用也可以用来制作动画文件，您可以将中的图层当成动画中一个个的影格，然后逐一输出成文件其他图层上的影像必须先关闭。再利用的功能，先选择将第一张文件制成，再陆续将转好的文件以“”插进来，选择“储存成…”动画的格式，于对话框中设定延迟的时间和位置，如此就算大功告同时旋转与缩放如果您在中，拖拉物件的旋转把手时，同时也按住键，那么将可以同时旋转与缩放物件；若是按住键，将可以同时旋转与变形倾斜物件。

经过几天的基础训练，老师终于让我参与他们的策划，刚开始有点紧张，后来就慢慢熟悉了策划和后期制作的整个过程。慢慢地老师也把一些比较重要的交给我处理。这使我对这个行业认识就更加深了一步。

通过这次实习，在设计方面我感觉自己有了一定的收获。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用，增强了我们今后的竞争力，为我们能在以后立足增添了一块基石。实习单位的老师也给了我很多机会参与他们的设计是我懂得了很多以前难以解决的问题，将来从事设计工作所要面对的问题，如：前期的策划和后期的制作等等。这次实习丰富了我在这方面的知识，使我向更深的层次迈进，对我在今后的社会当中立足有一定的促进作用，但我也认识到，要想做好这方面的工作单靠这这几天的实习是不行的，还需要我在平时的学习和工作中一点一点的积累，不断丰富自己的经验才行。我面前的路还是很漫长的，需要不断的努力和奋斗才能真正地走好。

交互设计规范文档(篇十一)

规范系统看似复杂，但将其大任务分成一个个小任务，会发现其实也不是那么困难。以下会告诉大家如何制作交互规范，主要包含以下内容：

产品初期，从0-1阶段。

框架层级

在这个阶段，所有的模块都是新的，所以要定最基础的框架层级，如下所示：

这是我们对web页面的层级梳理，有底层、内容层、导航层、全屏操作层、插件层和模态弹窗层。搭好基础框架后，所有的控件组件都会在这个框架内搭建，好比房子的框架。这样做的好处除了方便设计师自己去清晰的理解系统，在与前端开发交流的时候也十分高效。比如在做模态弹窗时，如果没和开发交流好，开发同学将弹窗写在了全屏操作的位置，那么就有可能出现问题。

栅格系统和常用分辨率

不论是Web端还是移动端，在早期要确定好常用屏幕的分辨率，屏幕尺寸的兼容性。

基础交互控件

前期产品搭建速度很快，但都是基础功能，所以在交互组件的选择上可以和产品同步。如，刷新、Hover样式、时间显示、输入框、对话框和基础元件库等。如下所示：

产品稳定，成熟阶段

当产品逐渐稳定，发展到版本时，我们交互组件库也同样随着产品一步步的进化。基础交互控件会变成复合型组件和业务型组件，数量也会越来越多。此时需要对各种类型的控件进行分类，比如基础类、导航类、选择类等等。为了所有查看交互文档的人查看方便，我们需要输出《xx产品交互规范文档》之类的指导型文档。

一旦我们决定制作规范，就要把规范当成一个产品去做。去梳理一套高效合理、可复用的制作流程，去分析产出什么样的「规范产品」才能产生最大的价值。

总的来说，可以在以下主流程的基础上，综合考虑规范效益模型的几个影响因素，落实规范制作的设计方案，从而使规范价值最大化。

明确目的

首先要确立用户目标和设计目标，在一条相对完整的产品线上，找出可以和交互设计规范有接触的角色。

如下图所示，列出来的角色都有可能是我们的目标用户。比如当交互人力不足时，运营同学可以通过交互规范中的组件简单的搭建出页面，或者前端同学在写页面时遇到某个通用组件不清晰，直接去查看交互规范就能解决问题。交互规范就是为这些「利益相关者」准备的「设计说明书」。

不同的角色对于交互规范有不同的使用场景，可以根据规范当前的迭代逐步丰富。理想的状态下可以进行较全面的覆盖。

交互设计师：打开「交互模板」新建一份设计稿，设计过程中使用「组件库」搭建一些自定义的设计方案；制作过程中发现规范中已有的模板，对照「线上规范」或「纸质规范手册」查阅；对于规范中已有的相似模块，从「交互稿源文件」中复制一份到自己的设计稿进行修改；对于完全相同的模块，直接标明线上模块。 因此，要覆盖交互设计师的使用场景，可以产出交互模板、组件库、可使用的源文件、线上和纸质手册等产品，考虑到不同团队使用的工具不一样，可以做Axure、和Sketch两套格式的规范。

视觉设计师、产品、运营等：用相同的方法去梳理这些角色的使用场景，主要包含规范源文件、线上和纸质规范。

前端等：线上和纸质规范、规范源代码。

对设计目的心中有数之后，就可以开始规划具体实施了。

规范内容

规范具体包含哪些内容，目录要怎么设计，每项内容要交给哪个设计师去执行需要在项目的开始就确定好。

确定规范内容主要分为两个步骤：

明确具体组件时，我们可以通过统计相关已有产品的通用模块；问卷或访谈设计师需求等；头脑风暴方法来收集素材作为规范的内容池。每次迭代按价值和复杂度的平衡，从内容池中筛选一部分模块进行规范制作。

设计语言

为了输出的统一性，规范应该有自己的基本原则，并围绕原则进行制作。有点校训、宣言、口号的感觉。以下是举两个案例，可供参考。

Aesthetic Integrity 整体美学、Consistency 一致性、Direct Manipulation 直接操作、Feedback反馈、Metaphors 隐喻 、User Control 用户控制。──《iOS Design Principles》

规范的规范

我们在做规范，那在设计规范时候更应该有自己的规范。每位设计师都有自己的设计风格，但我们在做同一件事情，需要统一交互文档内的所有内容形式，在文档排版部分，需要统一标题字体、内容字体、段落分部、流程链接；在交互说明部分，需要包含组件场景、交互流程、用户行为、交互样式、界面元素和样式。下图参考：

团队协作

如果团队内有多个交互设计师去做设计规范，产出物质量和统一性就至关重要。质量可以通过加入审核环节达到目的，统一性则要依赖协同以确保各个设计师的信息以及手中资料同步。

现在的交互原型软件都是有在线协同功能，设置在一个服务器中就可以。协同时需要注意，要保留每一次的修改记录和设计联系方式，修改完毕最好要告知其他设计师，如果是多个控件组件大改，则需要通知到所有人。如下图参考：

持续迭代

在设计任何产品都不可能一次就完美，在设计交互规范时也需要按照优先级排期。基础的、必要的放在第一期，复合型、复杂的向后放，随着产品的逐渐完善，我们的交互规范也会越来越完整。

迭代的时候可以从三个方面入手：

推广使用

规范要真正有人用才能体现价值，从规范的效益模型中也能看出，对于团队和企业来讲，使用规范的人数是与规范带来的效益是成直接正比的。使用的人越多，越能够削弱制作规范的边际成本。 推广时（主要是企业内推广，企业外推广就更复杂了）可以包含但不仅限于以下方法：

前面说了基本的设计流程，本章会介绍组件的设计。 在这里套用一个不算过时的方法论——Atomic Design 原子设计。概念很简单，就是将复杂的组合拆解成最小的单元素，再将这些元素重新组合，变成新的分子。原子设计的五个阶段分别是：

基础元组件

以按钮为例，在描述按钮状态时候按照默认状态、触发（激活态）、操作反馈、异常状态—禁用和报错、其他样式。

复合组件—通用组件

由元组件构成的复合型组件，通用标准，可以在产品业务内的大部分场景下使用。例如，含有多种内容的模态弹窗。以下图弹窗为例，属于页面层级的最上层，可能包含多个元控件，单行文本，多行文本，单选，复选等等。

复合组件—业务组件（场景组件）

随着产品的功能变得越来越复杂和特殊或需要定制的业务需求，就产生了「业务专属组件」这一类型，即通用组件在业务场景下的变形。如下图例，一个下拉控件的进化史：一开始只是普通的下拉选择控，下拉项增多后直接就添加了搜索功能。业务需要同时支持多选，就又添加了多选功能。

模式

此项英文叫Pattern，暂且将其翻译成「模式」，就是将各种元素进行排版，显示设计内容结构，例如导航系统，登录注册模块等。

交互设计规范文档(篇十二)

1、“设计有记录、信息可追溯、交流有依据”。这个很重要、重要、要。一个产品的诞生不是你一个人几天的事，它有多部门配合的宽度，也有多版本迭代的长度。一个交互设计师，如果设计不严谨挖了坑，早晚是要填的，交互设计规范或许可以帮你规避一些坑。

2、“在团队中，信任真的是一切沟通的基准”。交互设计师，工作中除了解析需求，绘制交互稿外，更多的时候需要配合UI完善设计，跟进开发实现效果。如果你绘制的交互稿没有那么的完善，缺东少西，UI和开发就会慢慢对你没有信任感。这个时候，你的其他工作也会很难开展。也不是说一份交互设计规范，就能让开发对你产生信任，但是一份好的规范，能弥补你部分欠缺，提高你设计的正确性，同时一份好的规范文档可以降低沟通和学习成本，展现你的专业化能力。

交互设计规范文档(篇十三)

大学的最后一个暑假，我去了一家广告公司实习。为了使自己的基础更牢固，技术更全面，实习的内容是学习平面设计（Photoshop和coreldraw的使用）。

因为考虑到以后毕业有可能从事这个行业的工作，因此我非常珍惜这次实习的机会，在有限的时间里加深对各种平面设计的了解，找出自身的不足。这次实习的收获对我来说有不少，我自己感觉在知识、技能、与人沟通和交流等方面都有了不少的收获。总体来说这次是对我的综合素质的培养，锻炼和提高。

第一天来到公司，不知道该做些什么，什么也插不上手，只是这里看看，那里逛逛，最终还是公司里的老师给我指了条路，让我用photoshop和coreldraw软件模仿教程做一些简单的图片，终于找到事情做了，于是我就乖乖的做起了图片。说实话我以前在学校的时候也这样做过，不过效果没有这么好，因为以前一遇到难的或不懂的就停下来不做了，而现在有老师在旁边，有不懂的就问，这使我受益非浅。

假如在作图的过程中如果使用几个小技巧，确实可以达到事半功倍的效果。

一、photoshop小技巧

1、制作圆角矩形方块

首先在photoshop中建立一个新文件，在文件上用矩形选取工具画一个矩形框，接着选择选单select→feather，输入半径值，数值越大则圆角矩形的半径越大。在选取区中填入颜色后，取消选取范围。选取选单image→adjust→threshold，由调整thresholdlevel来改变大小，如此就会产生您想要的圆角矩形大小。若要产生圆角矩形的选取区，可以在选取区作用的环境下，切换到快速遮罩模式，同样执行threshold以获得您想要的遮罩。

2、高解析制作

3、保留选取范围大小

当您在photoshop中使用imagesize或cancassize改变影像大小时，原本在影像中选取的范围也会跟着改变，如果想要保留原本的选取范围，可以先切换到快速遮罩模式下（按下键盘上的q键），然后再选择“imagesize”或“canvassize”。使用imagesize指令会将影像与选取范围一同缩小；若使用canvassize指令则只会将影像缩小，而选取范围仍保持原有的大小。记着再将快速遮罩模式切换成标准模式。

4、快速隐藏图层

如果您在photoshop中只想要显示某一层图层的影像，是不是得一一将其他图层隐藏起来呢？这里有一个既快速又方便的作法：只要在图层面版上同时按住ctrl+alt以鼠标点选欲显示的图层的眼球图示，就可以将其他图层通通藏起来。另外也可以用ctrl+alt+快速键调整图层的前后次序。

二、coreldraw小技巧

1、擦去错误线条

如果您使用coreldraw中的手绘铅笔工具，不小心把线条画歪了或画错了，您不必急着将线条删除，只要立刻按下shift键，然后反向擦去即可。

2、动尺规

在coreldraw中事实上是可以让您自由移动尺规的位置，只要在尺规上按住shift键以鼠标拖移，就可以将尺规移动。如果您想将尺规放回原位，则只要在尺规上按住shift键迅速按鼠标键两下，就会立即归位。

3、利用coreldraw制作动画gif文件

事实上利用coreldraw也可以用来制作动画gif文件，您可以将coreldraw中的图层当成动画中一个个的影格，然后逐一输出成gif文件（其他图层上的影像必须先关闭）。再利用photo—paint的movie功能，先选择creat`fromdocument将第一张gif文件制成movie，再陆续将转好的gif文件以“fromfile”插进来，选择“储存成…”动画gif的格式，于对话框中设定延迟的时间和位置，如此就算大功告成。

4、同时旋转与缩放

如果您在coreldraw中，拖拉物件的旋转把手时，同时也按住shift键，那么将可以同时旋转与缩放物件；若是按住alt键，将可以同时旋转与变形倾斜物件。

经过几天的基础训练，老师终于让我参与他们的策划，刚开始有点紧张，后来就慢慢熟悉了策划和后期制作的整个过程。慢慢地老师也把一些比较重要的交给我处理。这使我对这个行业认识就更加深了一步。

实习期间，我利用此次难得的机会，努力工作，严格要求自己，虚心向老师和前辈求教，认真学习技术，利用空余时间认真学习一些课本内容以外的相关知识，掌握了一些基本的法律技能，从而进一步巩固自己所学到的知识，为以后真正走上工作岗位打下基础。“纸上得来终觉浅，绝知此事要躬行。”

在短暂的实习过程中，我深深的感觉到自己所学知识的肤浅和在实际运用中的专业知识的匮乏，在学校总以为自己学的不错，一旦接触到实际，才发现自己知道的是多么少，这时才真正领悟到“学无止境”的含义。要处理好“三个关系”：即课堂教育与社会实践的关系，以课堂为主题，通过实践将理论深化；暑期实践与平时实践的关系，以暑期实践为主要时间段；社会实践广度与深度的关系，力求实践内容与实践规模同步调进展。

通过这次实习，在设计方面我感觉自己有了一定的收获。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用，增强了我们今后的竞争力，为我们能在以后立足增添了一块基石。实习单位的老师也给了我很多机会参与他们的设计是我懂得了很多以前难以解决的问题，将来从事设计工作所要面对的问题，如：前期的策划和后期的制作等等。

这次实习丰富了我在这方面的知识，使我向更深的层次迈进，对我在今后的社会当中立足有一定的促进作用，但我也认识到，要想做好这方面的工作单靠这这几天的实习是不行的，还需要我在平时的学习和工作中一点一点的积累，不断丰富自己的经验才行。我面前的路还是很漫长的，需要不断的努力和奋斗才能真正地走好。“千里之行，始于足下”，这近一个月短暂而又充实的实习，我认为对我走向社会起到了一个桥梁的作用，过渡的作用，是人生的一段重要的经历，也是一个重要步骤，对将来走上工作岗位也有着很大帮助。

向他人虚心求教，遵守组织纪律和单位规章制度，与人文明交往等一些做人处世的基本原则都要在实际生活中认真的贯彻，好的习惯也要在实际生活中不断培养。这一段时间所学到的经验和知识大多来自领导和干警们的教导，这是我一生中的一笔宝贵财富。这次实习也让我深刻了解到，在工作中和同事保持良好的关系是很重要的。做事首先要学做人，要明白做人的道理，如何与人相处是现代社会的做人的一个最基本的问题。对于自己这样一个即将步入社会的人来说，需要学习的东西很多，他们就是的老师，正所谓“三人行，必有我师”，我们可以向他们学习很多知识、道理。

交互设计规范文档(篇十四)

第十一条 学校在各省（自治区、直辖市）招生委员会和招生主管部门指导下，按照“学校负责、招办监督”的要求，实施新生录取工作。

第十二条 学校录取批次为民办高校所在的本科批次以及专科批次，部分专业和招生类型按有关规定在提前批录取。

第十三条 学校认可各省级招生主管部门规定的政策性加分，加分最高不超过20分。

第十四条 录取规则

（一）普通类按投档分数优先原则录取。考生总分（含政策加分）相同时，按语文、数学、外语顺序排序录取。高考综合改革省份考生按照相应省市投档排序规则进行录退。

（二）艺术类专业录取办法：1.我校组织校考的省份，考生需参加我校组织的艺术类专业课考试，专业课成绩合格，文化成绩达到相应批次录取控制线或我校划定分数线，按校考专业课成绩排序择优录取。2.专业成绩使用统（联）考成绩的省份，认可生源省份投档规则，在投档生源范围内按照专业统（联）考成绩排序择优录取。如果投档成绩是综合分，则按综合分排序择优录取。3.考生专业成绩（或投档综合分）相同时，按文化成绩、语文、数学、外语顺序排序录取。

（三）如果生源省份（含高考改革省份）对录取规则有其他特殊要求，按生源省份招生政策规定执行。

（四）进档考生的专业安排，按照志愿、投档成绩、相关单科成绩相结合的原则确定，不设分数级差。专业志愿不能满足且不服从专业调剂者，学校予以退档。

（五）学校招生专业不限考生应试外语语种，但学校仅以英语作为基础外语安排教学。

（六）学校无录取新生的男女比例和应届、往届生限制。录取新生的体检标准参照教育部、xxx和中国残疾人联合会制定的《普通高等学校招生体检工作指导意见》及有关补充规定执行。

交互设计规范文档(篇十五)

一般而言，每页交互稿应该包含以下这些元素：

我在画布上要尽可能的让元素之间保持合适的位置关系，不仅是为了保持页面的美观，更是为了让原型稿更具可读性，提高使用者的效率。

一个小技巧是：选中元素，按住Shift键再按上下左右建，第一次会对准最接近的辅助线，之后每次移动都是按照一条辅助线间隔移动。

比较理想的状态是在每一个画布中只展示一条流程。如果有多条并行分支流程，最好是能够另起新页。

在有些情况下，比如多条分支存在着明显的主次之分，而且次要分支又在一个步骤内能够阐述完整的，我更倾向于在同一流程图中去阐述这些分支任务。不过这里的平衡点非常微妙，很难用一个明确的界线去区分彼此，更多时候还是需要设计师自身去体会和灵活运用。

设计说明是向项目其他人员阐述设计方案的具体规则，如果说明不清晰明确、排布杂乱、对应关系错乱，会给后续的界面设计、技术开发造成不必要的理解障碍，增加沟通成本。

一个好的设计说明应该具有以下这些特点：