1、初级交互设计师需要哪些软件?
1.基础能力
交互设计的文档、工具、方法、流程
至少能够进行常见的文档写作和沟通,能够顺畅的和同事配合,能够独立完成一些细节工作。例如,至少各种界面元素、控件得知道如何使用等等。至少要精通一种工具:Axure,Mockplus,Justinmind,Invision,UxPin等。
2.扩展能力
视觉设计、用户研究
只会输出线框图,只是基础。很多时候要想做的更好,在视觉设计、用户研究方面也有有所涉猎。至于掌握到什么程度,主要看自己的时间和精力,多多益善。
3.协作能力
技术&和各种角色的协作
和团队中各种角色的协同,特别是在技术方面。自己如果能够多了解和掌握相应的技术知识更好。注意了解技术,不一定只是写代码,拓宽自己的技术知识面有很多办法。同时,和产品、运营等方面的沟通也非常重要。
4.竞争力
产品思维
不能就界面论界面,将设计局限在狭义的层面。要想做出好的设计,需要对齐(Align)到整个产品的层面,理解产品本身。顺便说,未来交互设计师会越来越多的和「产品设计师」关联在一起。
5.学习能力
知识拓展
互联网技术不断发展,用户的需求也越来越高,不能局限于已学到的知识,而要不断的学习,掌握最新的潮流和动向,设计来源于生活又应用于生活,善于观察生活中的设计源泉,加以运用于设计中。
6.耐力
最后一点是,坚持。 有一些事情,做了立马有效果,会得到好处。 有一些事情,要做很久,才会有效果,会厚积薄发越来越好。 两种事情我们都要做,第一种事情总是少见或者要付出代价的,第二种事情感觉长远来看更靠谱一些。
2、交互设计师用到的用户体验软件有哪些
又送王孙去,萋萋满别情.
3、交互设计师一般用什么软件啊,,请大侠解惑。。。
一般会用到Axure来画交互原型。photoshop做高保真原型。mindmanager来做思维导图。visio来画流程图。基本上就用这些软件。更常见的是在初期进行手绘。
4、交互设计师推荐使用什么电脑
不想在错误的软件上花功夫?花五分钟看完这篇!今天推荐的这6款交互设计工具全是经过@敖厂长UX 上手研究过的,优缺点都总结出来了,看完相信同学们就有答案了。 1. After Effects 你想在短时间内制作复杂演示效果。 请使用AE,曲线/锚点等使用MOTION V2脚本进行快速调整(在曲线界面中 鼠标拖动选择关键帧–>拖动脚本上的滑块–>对比缓动曲线 获得你想要的曲线效果,比其他脚本好用的在于曲线你可以进行自定义,表达式也好修改–>不会改的话学点JS咯),你熟练AE的话能很快得到比较好的效果。AE缺点就是不可交互+精准度很难控制,当然有一个点就是,你想要什么效果 AE都能实现。但是程序上能不能实现就难说啦。 2. PIXATE,图层类交互原型软件 最近被GOOGLE购买了,然后免费了(说实话GOOGLE 可以说是产品杀手,进去的产品。。。我不敢苟同楼上们的那些说法)。 优点:可交互,共享性强,有团队讨论以及回复模块(此处有点像justinmind)【有windows版本】,对GOOGLE MATERIAL DESIGN的支持比较好,MD相关预设会越来越多哦。 缺点:图层类软件你们都懂得,用AE做可交互已经很烦了,更何况再加上一个交互模块,而且没有时间线啊。 用Pixate烦人的一点是,我是用750*1334做的,然后导进去发现,这货是按照375*667啊,而且不能直接从sketch粘贴,能别这么麻烦么。 Form和origami都是支持粘贴的。还有 动画预设较少。不过GOOGLE是动画狂,他们肯定会加预设的啊哈哈。听说以后版本会支持code export,观望中。 3. FRAMER STUDIO. 其实我并不想推荐,不过作为写得起前端扛得起大旗的交互大神必用咯。 优点:你想干什么 就能干什么。而且分享起来特别简单,所以有很多案例,我们可以直接把代码拷过来用。关于这个你们可以去FRMAER的facebook群组看看就知道啦。基于coffeescript开发的你还能导入Sketch、PS文件。很方便。能够精确控制每一个图层的属性。毕竟人家是强大的JS,你还想怎样。 缺点:你是视觉,你是交互,你大学/培训班 研究过JS么。如果不会,请略过。 如果你会JS而且你写代码的速度很快,那恭喜,这绝对好用。其实说白了 就是套代码模板。 4. FORM 节点类软件。如果用过nuke的人 ,那就很熟悉咯,被GOOGLE买了。 优点:节点类软件,原型的可维护性强。GOOGLE的孩子,MD设计规范里的那些动画预设它最新版本里包括了。而且还有好多MD相关的PATCH了。还出了IOS SDK,用来创建自定义PATCH什么的,这块学的其实是QC…准备跟开发快速融合..以后可能能够导出MD 的android代码呢,期待期待。 缺点:不能在电脑上预览。肾六坏了还得跟同事借!还有就是支持从Sketch里粘贴了,结果不支持Retina,我用750 1334做的,结果发现Form是375 *667啊。我都得缩放成0.5才能继续。吓死朕了。还有就是不能共享啊。IOS工程师都是我们的大爷,你这样还要给他装FORM,会把他气shi的! 5. ORIGAMI+QC 目前比较好用的节点类软件,FACEBOOK的天才们出的。 优点:可导出有一定使用价值的代码。 可维护性强。可在设备+电脑上都能预览。现在靠谱点的就这个啦。用的人也相对多些。你可以直接从SKETCH粘帖过来。不过只有在使用POP ANIMATION 的PATCH时才可导出代码哦。不过开发那边真的能用这些代码。关于和开发沟通这个下面再写吧 。 缺点:有一些BUG不忍直视。 不能分享:有时给你的IOS工程师装了QC也没卵用。为什么?因为QC绝对烧死CPU+吃内存啊。就算你把FPS调到最低,如果图层够多够复杂,会把工程师电脑卡死的。XCODE都死了工程师怎么活嘛。还有就是目前功能上缺陷比较多(比如Swipe不能选择具体方向等,可以用自定义的PATCH进行定义,但是初级人员就用不了啊),有时你需要各种综合各种条件各种patch才能获得一个简单的效果。 关于ORIGAMI和开发的结合问题 : 1、ORIGAMI只能够导出POP animation PATCH相关的代码(CLASSIC ANIMATION和BOUNCY ANIMATION都是不能的哦–听说下个版本会有),代码里面的位移(POSITION TRANSITION)信息都是绝对位置,所以适配上你和开发需要进一步讨论解决方案。我的建议是 QC中的定位系统严格统一为TOP LEFT或CENTER等。这个对适配问题很重要,如果你的外部GROUP的定位用的CENTER,而里面图层用的各种各样的其他参考坐标系,那么你导出的位移信息基本没卵用了。 2、如果有DELAY的话,请把DELAY放在POP ANIMATION PATCH的前面,如果不放在前面,代码导出的主要属性变化部分是空的(这应该是个BUG啊)。听说下个版本会导出delay的数值。 现在是我把DELAY用文档形式给开发,开发自己输入。还有一些循环动画也是不可导出的,这些也是以文档形式给的(其实就是让IOS哥哥坐在我旁边,用我的另一个显示给他看效果,一个显示器看我的QC工程直接沟通了,并没有用什么卵文档。如果你是大公司,流程化嘛肯定需要咯)。 3、你的ANCHOR POINT就算是TOP LEFT,图层旋转是不会绕他的左上角旋转的。不过缩放是会缩放的。这个很坑啊。还有代码导出并没有导出ANCHOR POINT信息。 不过解决方案有的。但是都很麻烦。就是AE中的空白层类似的概念,留空切图。 4、很给力的东东叫PAINTCODE. 可以直接把SKETCH粘贴的图层转为代码。并且PAINTCODE的官方提供了能够和ORIGAMI结合的PATCH,稍微研究一下(研究一两个小时,看看PAINTCODE的那个APPLE WATCH教程),就能够从PAINTCODE里解决ORIGAMI的一些鸡肋的问题。 6. HYPE 3 PRO. 人家是做HTML5的啦。不过,如果你不会用Framer,那可以用这个,这个还有时间线,不过我喜欢从SKECTH里直接粘贴过来,然而Hype不支持粘贴过来,直接PASS了。不过做HTML界面确实很给力啊。简直就是神器。不过用来做原型的人还是少数咯。 有夸FORM的,有夸AE的。作为MOTION DESINGER 还是最爱AE。 但从交互设计师的角度,关于哪个更好用,哪个淘汰,关我鸟事,哪个好用时用哪个。从目前看,ORIGAMI还是不错的。不过这些软件更新够慢的。全都有问题的时候,只能选自己爱用的好了。NOODLE我没提是因为它的BUG太多,还不足以有资格跟上面这些竞争。
5、什么是交互设计?交互设计师是做什么的?
如果说交互设计是什么?交互设计师又是做什么的?我看到一篇文章特别适合回答这个问题,希望对你有帮助~
交互设计是用户体验(UX)设计的一个重要组成部分。在本文中,我们将解释什么是交互设计,一些有用的交互设计模型,并简要描述通常交互设计师做什么。
对交互设计通俗易懂的理解“交互设计”通俗易懂地来讲就是:它是用户和产品之间交互的设计。大多数情况下,当人们谈论交互设计时,往往是说应用程序或网站等软件产品。交互设计的目标是做出能使用户能以最佳方式实现其目标的产品。
如果你觉得这个定义听起来很“宽”,那是因为这个领域确实相当广泛:用户和产品之间的互动往往涉及美学,动作,声音,空间等元素。当然,每个元素都可能涉及更专业的领域,例如有关用户交互中声音的声音设计。
你可能已经意识到,交互设计和用户体验设计有很大的重叠之处。毕竟,用户体验设计是塑造产品使用体验,而大部分体验都会涉及用户和产品之间的一些交互。但用户体验设计不仅仅是交互设计:它还涉及用户研究(首先找出用户是谁)、创建用户画像(为什么,在什么条件下,他们会使用产品),执行用户测试和可用性测试等。
交互设计的5个维度(1)是理解交互设计的有用模型。交互设计学者Gillian Crampton Smith首次提出了交互设计语言“四维“的概念,而 IDEXX 实验室高级交互设计师 Kevin Silver 补充了第五个维度的概念。
第一维:文案
文案(尤其是交互中使用的文本,如按钮上的文本)应该有意义且易于理解。他们应该向用户传达信息,但也不能用过多的信息淹没用户的认知。
第二维:视觉表达
它涉及到用户与之交互的图形元素,如图像、字体和图标。这些和文本信息相配合,补充性地向用户传达信息。
第三维:实体以及空间
用户通过什么实体与产品进行交互?一台笔记本电脑,是带鼠标还是触摸板?还是触屏的智能手机?用户在什么样的物理空间内这样做?例如,用户是站在拥挤的火车上,同时在智能手机上使用应用程序,还是坐在办公室的桌面上浏览网站?这些都会影响用户和产品之间的交互。
第四维:时间
虽然这个维度听起来有点抽象,但它主要指的是随时间变化的媒体(动画,视频,声音)。动作和声音在向用户的交互提供视觉和语音的反馈方面起着至关重要的作用。同样值得关注的是用户花费在与产品交互上的时间:用户能不能了解他们的进度,或是否能在一段时间之后继续他们的交互?
第五维:行为
这包括产品的机制:用户如何在网站上执行操作?用户如何操作产品?换句话说,它体现了前面的维度是如何定义产品交互的。它还包括“反应“ —— 例如用户对产品的情绪反应或反馈。
交互设计师如何使用上面的5个维度来创建有意义的交互?为了理解这一点,我们可以看看交互设计师在为用户设计时提出的一些重要问题,以下问题由 usabability.gov 提供:
通过鼠标、手指或手写笔,用户可以怎样与界面直接交互?这有助于我们定义用户与产品可能进行的交互。
外观(颜色、形状、尺寸等)是如何表达功能的?这有助于我们告知用户可能的操作有哪些。
如果出现错误,产品提供的反馈是否能让用户纠正问题,或解释错误发生的原因? 这使我们能够预测和减少错误。
执行操作后,用户会得到什么反馈?这使我们能够确保系统在用户操作之后的合理时间内提供反馈。
界面里的元素尺寸大小是否能让用户方便地交互?这种问题能让我们策略性地思考界面里的元素。
是否使用了熟悉或标准样式?标准元素和格式可以简化和增强产品的可学习性。
那么交互设计师是做什么的?嗯,这要视情况而定。
例如,如果公司足够大,并且拥有巨大的资源,它可能会为UX设计师和交互设计师提供单独的工作。例如,在大型设计团队中,可能有一个 UX 研究员、一个信息架构师、一个交互设计师和一个视觉设计师。但对于较小的公司和团队来说,大多数 UX 设计工作可能由 1-2 人完成,他们可能有也可能没有"交互设计师"的称号。无论如何,以下是交互设计人员在其日常工作中处理的一些任务:
设计策略
这涉及到用户的目标是什么,以及实现这些目标所需的交互。根据公司的不同,交互设计师可能必须进行用户研究,找出用户的目标是什么,然后再制定策略将其转化为交互。
线框和原型
这同样取决于公司的工作描述,但大多数交互设计师的任务是创建线框图,展示产品中的交互。有时,交互设计师也可能创建可交互的原型和/或高保真原型,看起来与实际的应用程序或网站完全一样。可交互的高保真原型现在都可以使用一些在线原型工具实现,比如国内的墨刀,国外的Axure。
例如用墨刀做出来的原型效果图:
上文转载由墨刀翻译自 TEO SIANG 的What is Interaction Design?
6、交互设计师需要从什么做起?网页设计吗?
首先很抱歉,我基本没做过网页设计,所以没办法把网页设计和其他设计的区别讲清楚。
然后是我对于这个问题的一些个人看法,供参考。
我的理解,各种设备或者不同平台的设计区别,在于规范。我看到过一些大网站公司的guideline,其实都一样,无非是规定行间距,字号字体,标准色等等,这是大工业生产时代下总结出来的标准化流程,可以极大的提升生产效率和规范品牌。这个不需要设计师,随便找个应届生或者操作类都可以干。
而设计师的价值是什么,就是感觉,设计师的感觉和用户的感觉,还有这两种感觉的快速契合。我在去年面试设计师时看到一个网页作品,一个旅游网站,因为老板非常喜欢微软的新设计风格,所以这个网站的视觉设计也用了Metro。好吗?我当时问过这个设计师这样一个问题。其实单纯的说设计都没有问题,和别人不同也是一种创新。但是你的主营业务是否第一时间被你的设计传递给用户并打动了他,这就是感觉,是设计师的任务。一个用户来到这个网站,看到了一个个单纯的色块,中间用简单的文字和宋体字,估计用户很难有马上出去玩的冲动。为什么很多旅游网站的设计都是用青山,海景来做背景,就是为了让看官们的心理产生剧烈的对比和苦闷,“TMD我一苦BXXX... ...我一定要去海边...”,此类的心声一旦产生,这生意就有可能做成了。
还有一个例子,我的产品前几天要做一个LOGO,设计师问我该怎么做,核心的承载体应该是什么,我当时给了他一个建议,如果你找不到承载体,就做一个绝对漂亮的东西,让产品经理看到后欲罢不能,非此不可。但是后面连续几稿都不行,其实不是承载体的问题,而是感觉的问题。最后的解决方法也很简单,我让他在网上搜所有“猫王”和“拉斯维加斯”的图片,很快方案通过了。其实就是用一种感觉去打动产品经理的感觉,这事就对了。
啰啰嗦嗦一大堆,希望能够帮到你。
7、UI交互设计师是做什么的?
就是做界面设计的,比如APP、网站网页的设计都是UI设计师设计的。这个行业现在很火,我周围很多小姐姐甚至愿意先去学习个半年,然后再转行去。
8、网页设计师 UI设计师 平面设计师 交互设计师 这几个有什么区别?工作内容分别是什么呢?
网页设计师是指精通Photoshop,Coreldraw,Frontpage,Dreamweaver等多项网页设计工具的网页设计人员。网页设计师可以将平面设计中的审美观点套用到网站设计上面来(其区别是动态网页的制作是平面设计不能达到的,它是一种审美方式的延伸)。 网页如门面,小到个人主页,大到大公司、大的政府部门以及国际组织等在网络上无不以网页作为自己的门面。当点击到网站时,首先映入眼帘的是该网页的界面设计,如内容的介绍、按钮的摆放、文字的组合、色彩的应用、使用的引导等等。这一切都是网页设计的范畴,都是网页设计师的工作。
“UI”的本义是用户界面,是英文User和interface的缩写。UI设计师则指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。UI表面上看是用户与界面两个组成部分,但实际上还包括用户与界面之间的交互关系。具体还包括:可用性分析、GUI(Graphic User Interface即图形用户界面)设计、用户测试等。好的UI设计不只是让软件变得有个性有品味而已,更重要的是让软件的操作变得舒适、简单、易用,并且充分体现软件的定位和特点
平面设计师是在二度空间的平面材质上,运用各种视觉元素的组合及编排来表现其设计理念及形象的方式。一般人认知的平面设计师是把文字、照片或图案等视觉元素加以适当的影像处理及版面安排,而表现在报纸、杂志、书籍、海报、传单、标志、VI等等纸质媒体上,也就是在纸质媒体上进行美术设计及版面编排。
交互指的是产品与它的使用者之间的互动过程,而交互设计师则是秉承以用户为中心的设计理念,以用户体验度为原则,对交互过程进行研究并开展设计的工作人员。
这四者本质上是存在区别的。
9、有什么好软件可以让交互设计师在手机上实现移动应用的可交互原型
Framer Studio是一款基于Coffeescript的交互设计软件,可以快速生成逼真的可交互模型, 提供各种复杂的动画效果手段,并且能够运营在各个浏览器上(WebKit引擎即可)。最新的Mirror功能可以直接在手机浏览器上操作和调试原型。
通过简单的代码书写,能够即时看到效果,并且直接可以操作。
<img src="https://pic4.mg.com/_b.jpg" data-rawwidth="1440" data-rawheight="900" class="origin_image zh-lightbox-thumb" width="1440" data-original="https://pic4.mg.com/_r.jpg">
能够直接导入 Sketch 和 PS 的内容,并且保持层级关系。