版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
交互设计规范文档(通用十五篇)5交互设计规范文档(篇一)最后分享一个我最近工作中遇到的问题:工作中由于产品需求不确定(准确的说是“不稳定”),而进度上又要求在实际流程上有所进展。通俗点说就是产品及运营的需求随时在产生变化,同时项目上又逼着我需要先推进交互原型。随之而来的问题就是交互逻辑及交互原型在短时期内就会有较大的变化。这种大的变化,和我们传统意义上产品层面的版本迭代又不同。由于前面的原型版本已经成为废稿,所以很难用【单个文件保留单个版本】的做法来更迭原型版本。同时几个版本之间是有因果联系的,我们也不能用单纯的删除早期版本的方式来解决问题。我大致试过两种方法,第一种是以文件夹方式区分版本,并注明当前正在使用的版本。这种方式在追溯产品演变过程中的效果会比较好,但在实际工作中,多余的废弃版本对其他人员会有一定的干扰性。之后我做了一些调整:在此基础上在生成一个不包含历史版本的文档,以供其他同事查阅。这种做法的弊端就是每次导出都需要生成多分文件。另一个做法是吧废弃的历史版本放入【废纸篓】中,这样即保留了完整的历史版本以便后期的复盘,同时也避免了对其他同事的不必要干扰。不过随着项目推进文件容量的不断增大也是一个不大不小的问题。以上就是我对交互文档梳理的一些设想及方案,希望能对你有所帮助和启发。交互设计规范文档(篇二)1.根据美术风格,设计相应风格的游戏图标原画风格;2.和交互设计人员沟通协调,确保图标原画符合交互设计需要。任职要求:此职位为初级原画需求,只考虑0-2年经验的候选人,会培养;1.有较好的视觉审美力和颜色把控力;2.工作态度积极,善于沟通,团队协作。关于福利★一年两次调薪★★绩效奖金高达10个月★★六险一金★★一年两次旅游★★7天年假15天带薪事假30天病假★★年度体检★★高大上办公环境★★每月团建★★无限量零食水果供应★交互设计规范文档(篇三)Fromtheword"sciencefictionfilm",wecandrawaconclusionthatthebackgroundofthesefilmsisanadvancedandfictionaltechnology,whichisusuallybasedonthefuture.Whatthesefilmshaveincommonisthattheyexposetheirvisionforthefuture.Newtechnologyisusuallythemosteye-catchingchangeinthesehypotheticalworlds.Inadditiontotheviewsonvariousscientificfields,thebackgroundofthisworkisspecialFocusoncomputerinterface.Aspartoftheworkshop,themethodsofmainstreamsciencefictionfilmsin"smartspace"havebeenextractedandanalyzed.Withregardtotheirreferenceinthedesignofreal-lifehuman-computerinteraction(HCI),thesimilaritieswithongoingresearchwillbesummarized,especiallythosepeople.Otherdiscussionsinthisseminarareaimedatcomparingwithreality,anditisusuallynecessarytotakearelativelyabstractlevelLookattheideaandvisionofthefilm.Firstofall,fromthisperspective,wewilldiscusssomeofthekeyfactorsthatdetermineoraffectthedesignofhuman-computerinteractioninmovies.Duetothelimitationsofavailablematerials,wewillobservealargenumberofexamplesfromselectedfilms.Wecannotclaimtoprovideacompleteoverviewofallfilms,buttheavailablechoicesshouldbesufficientandallowforrepresentativeinspectionofmoviescenes.We'regoingtostartwithamoviethatdoesn'tshowanyconceptsatall,orjustadaptationsoftheeverydayskillsthatwerecommonatthetime.Thesecondpartisalsothemainpart,introducesthevisualinteractiondesign,dividestheinteractiontechnologyintodifferentfields,andthenbrieflyintroducesthescenesofseveralsatiricalmoviesandtheconclusionofthispaper.中文翻译:从科幻电影这个词可以得出结论,这些电影的背景是一种先进的、虚构的技术,通常是以未来为背景的,这些电影的共同点是,它们暴露了自己对未来的憧憬,新技术通常是这些假设世界中最引人注目的变化,除了对各种科学领域的看法之外,这项工作的背景特别集中于计算机接口。作为研讨会的一部分,“智能空间”主流科幻电影的方法被提取和分析,关于它们在现实生活人机交互(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两套格式的规范。视觉设计师、产品、运营等:用相同的方法去梳理这些角色的使用场景,主要包含规范源文件、线上和纸质规范。前端等:线上和纸质规范、规范源代码。对设计目的心中有数之后,就可以开始规划具体实施了。规范内容规范具体包含哪些内容,目录要怎么设计,每项内容要交给哪个设计师去执行需要在项目的开始就确定好。确定规范内容主要分为两个步骤:明确具体组件时,我们可以通过统计相关已有产品的通用模块;问卷或访谈设计师需求等;头脑风暴方法来收集素材作为规范的内容池。每次迭代按价值和复杂度的平衡,从内容池中筛选一部分模块进行规范制作。设计语言为了输出的统一性,规范应该有自己的基本原则,并围绕原则进行制作。有点校训、宣言、口号的感觉。以下是举两个案例,可供参考。AestheticIntegrity整体美学、Consistency一致性、DirectManipulation直接操作、Feedback反馈、Metaphors隐喻、UserControl用户控制。──《iOSDesignPrinciples》规范的规范我们在做规范,那在设计规范时候更应该有自己的规范。每位设计师都有自己的设计风格,但我们在做同一件事情,需要统一交互文档内的所有内容形式,在文档排版部分,需要统一标题字体、内容字体、段落分部、流程链接;在交互说明部分,需要包含组件场景、交互流程、用户行为、交互样式、界面元素和样式。下图参考:团队协作如果团队内有多个交互设计师去做设计规范,产出物质量和统一性就至关重要。质量可以通过加入审核环节达到目的,统一性则要依赖协同以确保各个设计师的信息以及手中资料同步。现在的交互原型软件都是有在线协同功能,设置在一个服务器中就可以。协同时需要注意,要保留每一次的修改记录和设计联系方式,修改完毕最好要告知其他设计师,如果是多个控件组件大改,则需要通知到所有人。如下图参考:持续迭代在设计任何产品都不可能一次就完美,在设计交互规范时也需要按照优先级排期。基础的、必要的放在第一期,复合型、复杂的向后放,随着产品的逐渐完善,我们的交互规范也会越来越完整。迭代的时候可以从三个方面入手:推广使用规范要真正有人用才能体现价值,从规范的效益模型中也能看出,对于团队和企业来讲,使用规范的人数是与规范带来的效益是成直接正比的。使用的人越多,越能够削弱制作规范的边际成本。推广时(主要是企业内推广,企业外推广就更复杂了)可以包含但不仅限于以下方法:前面说了基本的设计流程,本章会介绍组件的设计。在这里套用一个不算过时的方法论——AtomicDesign原子设计。概念很简单,就是将复杂的组合拆解成最小的单元素,再将这些元素重新组合,变成新的分子。原子设计的五个阶段分别是:基础元组件以按钮为例,在描述按钮状态时候按照默认状态、触发(激活态)、操作反馈、异常状态—禁用和报错、其他样式。复合组件—通用组件由元组件构成的复合型组件,通用标准,可以在产品业务内的大部分场景下使用。例如,含有多种内容的模态弹窗。以下图弹窗为例,属于页面层级的最上层,可能包含多个元控件,单行文本,多行文本,单选,复选等等。复合组件—业务组件(场景组件)随着产品的功能变得越来越复杂和特殊或需要定制的业务需求,就产生了「业务专属组件」这一类型,即通用组件在业务场景下的变形。如下图例,一个下拉控件的进化史:一开始只是普通的下拉选择控,下拉项增多后直接就添加了搜索功能。业务需要同时支持多选,就又添加了多选功能。模式此项英文叫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键,将可以同时旋转与变形倾斜物件。经过几天的基础训练,老师终于让我参与他们的策划,刚开始有点紧张,后来就慢慢熟悉了策划和后期制作的整个过程。慢慢地老师也把一些比较重要的交给我处理。这使我对这个行业认识就更加深了一步。实习期间,我利用此次难得的机会,努力工作,严格要求自己,虚心向老师和前辈求教,认真学习技术,利用空余时间认真学习一些课本内容以外的相关知识,掌握了一些基本的法律技能,从而进一步巩固自己所学到的知识,为以后真正走上工作岗位打下基础。“纸上得来终觉浅,绝知此事要躬行。”在短暂的实习过程中,我深深的感觉到自己所学知识的肤浅和在实际运用中的专业知识的匮乏,在学校总以为自己学的不错,一旦接触到实际,才发现自己知道的是多么少,这时才真正领悟到“学无止境”的含义。要处理好“三个关系”:即课堂教育与社会实践的关系,以课堂为主题,通过实践将理论深化;暑期实践与平时实践的关系,以暑期实践为主要时间段;社会实践广度与深度的关系,力求实践内容与实践规模同步调进展。通过这次实习,在设计方面我感觉自己有了一定的收获。这次实习主要是为了我们今后在工作及业务上能力的提高起到了促进的作用,增强了我们今后的竞争力,为我们能在以后立足增添了一块基石。实习单位的老师也给了我很多机会参与他们的设计是我懂得了很多以前难
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2026年销售目标会议议程通知(5篇)范文
- 运营人员用户增长策略绩效评定表
- 2026中国工业AI质检系统落地难点与商业化推广策略报告
- 企业税务筹划与财务风险管理方案
- 现代软件开发实战手册
- 社区养老人员服务流程标准化流程手册
- 2026猪肉食品加工行业市场发展及投资前景分析报告
- 2026年国网浙江省电力有限公司人员招聘考试参考试题及详细答案解析
- 2026年恩施市烟草专卖局人员招聘考试题库及详细答案解析
- 2026年中山金融投资控股有限公司人员招聘考试备考试题及详细答案解析
- 市政工程项目验收与移交管理方案
- 《积的变化规律》(教学设计)-四年级上册数学人教版
- 《工程伦理》课件 第五讲 邻避效应的防范与化解
- 口腔颌面外科住院医师规范化培训结业临床实践能力考核标准方案(2023版)
- 2025年浙江交通集团招聘笔试备考题库(带答案详解)
- 2.30违背或偏离方案处理标准操作规程药物临床试验机构
- 《医疗器械概论》-第二篇第2章-医用放射设备
- 银行催收管理岗竞演
- 2024年大宗互赔协议书模板
- JB-T 14507-2023 环保设备 氟塑料气水换热器
- 课件:装配图的尺寸标注、技术要求及零件编号 课件:装配图的尺寸标注、技术要求及零件编号
评论
0/150
提交评论