交互动画设计软件设计师都用到了哪些软件

UI设计主要用哪些软件--魔石学院交互设计_魔石学院吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名:今日本吧第个签到,本吧因你更精彩,明天继续来努力!
本吧签到人数:0可签7级以上的吧50个
本月漏签0次!成为超级会员,赠送8张补签卡连续签到:天&&累计签到:天超级会员单次开通12个月以上,赠送连续签到卡3张
关注:152贴子:
UI设计主要用哪些软件--魔石学院交互设计
UI设计主要用哪些软件--魔石学院交互设计学习UI图形界面设计,常用的几个软件分别是Photoshop、Illustrator、fireworks、coredraw等。
一、Photoshop介绍: 多数人对于PHOTOSHOP的了解仅限于“一个很好的图像编辑软件”,并不知道它的诸多应用方面,实际上,PHOTOSHOP的应用领域很广泛的,在图像、图形、文字、视频、出版各方面都有涉及。请看下面介绍:
1、平面设计 平面设计是PHOTOSHOP应用最为广泛的领域,无论是我们正在阅读的图书封面,还是大街上看到的招帖、海报,这些具有丰富图像的平面印刷品,基本上都需要PHOTOSHOP软件对图像进行处理。 2、修复照片 PHOTOSHOP具有强大的图像修饰功能。利用这些功能,可以快速修复一张破损的老照片,也可以修复人脸上的斑点等缺陷。
3、广告摄影 广告摄影作为一种对视觉要求非常严格的工作,其最终成品往往要经过PHOTOSHOP的修改才能得到满意的效果。
4、影像创意 影像创意是PHOTOSHOP的特长,通过PHOTOSHOP的处理可以将原本风马牛不相及的对象组合在一起,也可以使用“狸猫换太子”的手段使图像发生面目全非的巨大变化。
5、艺术文字 当文字遇到PHOTOSHOP处理,就已经注定不再普通。利用PHOTOSHOP可以使文字发生各种各样的变化,并利用这些艺术化处理后的文字为图像增加效果。
6、网页制作 网络的普及是促使更多人需要掌握PHOTOSHOP的一个重要原因。因为在制作网页时PHOTOSHOP是必不可少的网页图像处理软件。
7、建筑效果图后期修饰 在制作建筑效果图包括许多三维场景时,人物与配景包括场景的颜色常常需要在PHOTOSHOP中增加并调整。
8、绘画 由于PHOTOSHOP具有良好的绘画与调色功能,许多插画设计制作者往往使用铅笔绘制草稿,然后用PHOTOSHOP填色的方法来绘制插画。 除此之外,近些年来非常流行的像素画也多为设计师使用PHOTOSHOP创作的作品。
9、绘制或处理三维帖图 在三维软件中,如果能够制作出精良的模型,而无法为模型应用逼真的帖图,也无法得到较好的渲染效果。实际上在制作材质时,除了要依靠软件本身具有材质功能外,利用PHOTOSHOP可以制作在三维软件中无法得到的合适的材质也非常重要。
10、婚纱照片设计 当前越来越多的婚纱影楼开始使用数码相机,这也便得婚纱照片设计的处理成为一个新兴的行业。
11、视觉创意 视觉创意与设计是设计艺术的一个分支,此类设计通常没有非常明显的商业目的,但由于他为广大设计爱好者提供了广阔的设计空间,因此越来越多的设计爱好者开始了学习PHOTOSHOP,并进行具有个人特色与风格的视觉创意。
12、图标制作 虽然使用PHOTOSHOP制作图标在感觉上有些大材小用,但使用此软件制作的图标的确非常精美。
13、界面设计 界面设计是一个新兴的领域,已经受到越来越多的软件企业及开发者的重视,虽然暂时还未成为一种全新的职业,但相信不久一定会出现专业的界面设计师职业。在当前还没有用于做界面设计的专业软件,因此绝大多数设计者使用的都是PHOTOSHOP。 上述列出了PHOTOSHOP应用的13大领域,但实际上其应用不止上述这些。例如,目前的影视后期制作及二维动画制作,PHOTOSHOP也有所应用的。
二、Illustrator介绍 Illustrator是美国ADOBE(奥多比)公司推出的专业矢量绘图工具。Adobe Illustrator是出版、多媒体和在线图像的工业标准矢量插画软件。无论您是生产印刷出版线稿的设计者和专业插画家、生产多媒体图像的艺术家、还是互联网页或在线内容的制作者,都会发现Illustrator 不仅仅是一个艺术产品工具。该软件为您的线稿提供无与伦比的精度和控制,适合生产任何小型设计到大型的复杂项目。 作为全球最著名的图形软件Illustrator,以其强大的功能和体贴用户的界面已经占据了全球矢量编辑软件中的大部分份额。具不完全统计全球有97%的设计师在使用Illustrator进行艺术设计!尤其基于Adobe公司专利的PostScript技术的运用,Illustrator已经完全占领专业的印刷出版领域。无论你是线稿的设计者和专业插画家、生产多媒体图像的艺术家、还是互联网页或在线内容的制作者,使用过Illustrator后都会发现,其强大的功能和简洁的界面设计风格只有Freehand能相比!
三、Fireworks介绍 Adobe Fireworks CS3 软件可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks CS3 不仅具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库, 并可与 Adobe Photoshop CS3、Adobe Illustrator CS3、Adobe Dreamweaver CS3 和 Adobe Flash CS3 软件省时集成。 在 Fireworks 中将设计迅速转变为模型, 或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。 然后直接置入 Dreamweaver CS3 中轻松地进行开发与部署。 四、coredraw CorelDRAW Graphics Suite是一款由世界顶尖软件公司之一的加拿大的Corel公司开发的图形图像软件。其非凡的设计能力广泛地应用于商标设计、标志制作、模型绘制、插图描画、排版及分色输出等等诸多领域。其被喜爱的程度可用事实说明,用于商业设计和美术设计的PC电脑上几乎都安装了CorelDRAW。 CorelDraw图像软件是一套屡获殊荣的图形、图像编辑软件,它包含两个绘图应用程序:一个用于矢量图及页面设计,一个用于图像编辑。这套绘图软件组合带给用户强大的交互式工具,使用户可创作出多种富于动感的特殊效果及点阵图像即时效果在简单的操作中就 CorelDRAW可得到实现——而不会丢失当前的工作。通过Coreldraw的全方位的设计及网页功能可以融合到用户现有的设计方案中,灵活性十足。 Coreldraw软件套装更为专业设计师及绘图爱好者提供简报、彩页、手册、产品包装、标识、网页及其它。Coreldraw提供的智慧型绘图工具以及新的动态向导可以充分降低用户的操控难度,允许用户更加容易精确地创建物体的尺寸和位置,减少点击步骤,节省设计时间。
魔石学院UI设计专业组
投资上玖富网,注册即可获得300元红包!3000万+注册用户,银行及风控体系
贴吧热议榜
使用签名档&&
保存至快速回贴专业的交互设计师要学些什么?-马海祥博客
新型SEO思维就是从一个全新的层次上提升seo优化的水平,达到网络信息最佳化的展示效果!
> 专业的交互设计师要学些什么?
专业的交互设计师要学些什么?
时间:&&&文章来源:马海祥博客&&&访问次数:
一直以来,师都是一个受到广泛质疑的岗位,很多人不了解师的价值,更直接的说,我们大多数的交互设计师没有表现出足够的、令人信服的专业度。
大约五年前选择了这个职业,一路走来,质疑过、探讨过,也争辩过,和很多交互设计师一样,我也有过盲目自信和茫然失措,历经时间的鞭挞后,渐渐的我对这份工作、这个专业,有了一些个人的感悟。
交互设计师这个职位出现的时间并不长,同时从事交互设计师专职的人员也远比设计师要少许多,因此许多人不清楚到底交互设计师需要掌握哪些专业知识,从我的理解来看,100分的顶尖交互设计师们通常天赋异禀、特立独行,但75分的合格交互设计师们却有迹可循,完全可以看作是流水线生产的标准件,今天,我和大家聊的就是这些交互设计师的专业度体现,专业的交互设计师需要学些什么呢?
一、交互设计师的基本素质
首先,我们要先明白什么是交互设计(具体可查看马海祥博客《》的相关介绍)?其次我们来谈谈我个人对交互设计师基本素质的看法,从我个人的理解来看,交互设计师的基本素质可以简单归纳为九字诀:&听、看、想、说、磨、做、验、写、讲&。
做一个交互设计师,最重要的一点就是要懂得倾听(这里蕴藏了一个隐晦的性格属性:谦虚),通常情况下,我们不是用户,所以很难100%代表用户,更左右不了老板,所以我们首先要有听的本事,把来自用户的、老板的、PD的、视觉的、前端的、开发的、测试的、市场的、业界的等各方面的声音都听过来,听进去。
99%的情况下,交互不是一蹴而就的创造工作,它是站在前人肩膀上不断迭代更新的行为过程,我这里指的&看&是要求设计师能博览、能泛猎,看到好的,见过差的,什么都略懂,交互才能变得很美。
交互是思考的输出产物和表现形式,当设计师将之前听到的和看到的内容在头脑中加以整理、分析,经过发散的创造性碰撞和严谨的逻辑论证后,逐渐得到了相对靠谱的交互产物,这个思索分析的过程贯穿于交互设计工作流程的每个环节。
一个能说会道的人不一定是一个优秀的交互设计师,但一个优秀的交互设计师必然是一个善于准确表达自己想法和观点的人,在这一点上,我坚持交互是一门分享的学科,需要的是开放的性格和良好的沟通技巧。
耐心、技巧、热情的综合表现,在一个项目的进程中,不可避免的会面临很多的挑战,优秀的交互设计师善于发挥&磨&的精神,他们怀揣对交互专业的无比热情,以无所不用其极的技巧,耐心的缠死一个又一个质疑方,最终让大家认同并帮助推动设计的实现。
通常来说,一个优秀的交互设计师会是一个优秀的推销员。
交互设计师专业度的核心表现,俗语说得好,是骡子是马,牵出来遛遛,对于交互设计师来说,之前的环节做得再好、再完美,也只是停留在设计师自己的脑子里,游荡于听众们的耳膜间,如果理论落实不到实际,那所有的想法都只是空中楼阁,你之前所有的努力都只是在佐证你的空泛和不切实际。
所以我们不仅要能&做&,更要&做&得漂亮,&做&得完美!我一直都是这样认为:&做&决定了一个交互设计师是不是靠谱,决定了一个交互设计师的高度,是一个交互设计师最根本的专业素质。
用户体验设计,最终是要落实到用户的身上的,客观中立的验证、分析、评估能力是一个优秀交互设计师的重要素质,无论个人还是团队,设计的成果都需要通过精准的测试才能算得上合乎标准,此时,一颗平常心和一双敏锐的眼睛是设计师最需要的。
分析、归纳和总结能力的综合表现,一个项目,无论成功还是失败,总是有很多地方值得设计师本人或后来人借鉴,交互设计之路不是一座苛求零失误的独木桥,但绝对是一条要求零&重复&失误的单行线。
在马海祥看来,评价一个设计师的专业度,很重要的一环就是看他能不能多犯前人从来没有犯过的错误,并能有效总结给后来人,于是,他就成了大家,路就这样被趟了出来。
这里所指的是在项目后期进行的交流分享和演讲能力,一个专业的交互设计师会站在宏观的高度上,以平和的心态同他人沟通,验证自己先前设计的合理性、全面性和科学性,更好的提高自己的专业能力,为今后的交互设计做好准备。
二、交互专业度的具象化表现
刚才讲了很多,但总体来说还是偏理论,还是让人摸不着头脑,虚幻的概念最大的优势在于它的颠簸不破和四平八稳,谁也揪不住它的小辫子,但这不是我的风格,更不是我写这篇文章的初衷,我希望的是抛砖引玉,给大家带来一些真正意义上能直接使用的东西,所以,接下来,我们来些&干货&,玩点简单粗暴的。
首先,我们先一起来看下阿里巴巴目前的产品开发流程,如下图所示:
交互设计是大环节中的一个小点,抛开杂乱的干扰信息,单纯考量交互设计师在过程中的参与度,我们就能得到一个理想化的交互设计行为流,如下图所示:
流程没什么好讲的,更没什么好争辩的,无非也就是增加一个、减少一个、偷换概念、细分归纳之类的忽悠,我这里想和大家分享的是流程中每个环节的专业输出物,我有一个激进的想法:如果某人能精准的完成某些公认的标准化输出物,那他99%可以被称为是一个&专业&的75分交互设计师了,剩下的1%,也许是拼RP了。
这里,我先简单交代一下即将涉及到的流程节点、对应输出物的图形色块的代表含义。
流程环节说明:
流程环节各输出物说明:
在我看来,一个专业的交互设计师,在一个理想化产品设计的过程中,有一些是属于必须的输出物,有一些属于最好有(推荐)的输出物,还有一些属于可有可无的输出物,同时,根据项目的实际情况和参与角色的分工情况,存在一些交互设计师可能需要负责的输出物,具体细节我将在下面逐一介绍:
1、需求获取阶段
此阶段通常来说会由PD等外部资源发起,输出物主要是FRD文档和时间计划文档,用以描述问题、提出初步目标,假想可能的解决方案、预估资源并梳理时间计划等。
当然,对于从UED内部发起的项目,这两部分的输出也可以由交互设计师完成,属于可能责任输出物。
2、需求分析阶段
历史数据的关注和分析阶段,基于项目本身,要针对竞争对手、行业现状等做详尽的收集和分析,其中的关键考核点是要做必要的头脑风暴,获取发散而全面的信息集合,在此阶段,竞争分析报告和头脑风暴输出物是交互设计师专业度的重要表现。
3、用户访谈阶段
对于一些条件允许的项目,马海祥建议能在项目初期寻求一些用户的信息,定义一些用户的属性,这些对于之后的交互设计都会是坚实的基础。
一个高专业度的交互设计师甚至会主动介入访谈问卷的设定工作,客观的参与调研报告输出的全过程。
4、需求修正阶段
专业的交互设计师通常不甘于沦为一个纯粹的资源,抗拒被动的接受命令,我们之前经历的需求分析和用户访谈都是为掌控主动权而做的准备。
如今,我们有理有据,应该主动出击,和需求方讨论研究需求的合理性、可行性,明确最终的修正目标,并对达成目标所涉及的重点突破点有理性的分析判断,筛选出各设计点的优先级。
5、设计草稿阶段
项目目标和设计方向确定下来后,我们将进入核心的设计环节,作为交互设计师的&杀手锏&,交互流程和线框草图当然一个都不能少,但此时我更想强调一项辅助性质的调研分析工作。
从交互的角度来看,在大流程大框架敲定的情况下,交互设计师通常会投入更多的精力在一些核心的设计点,也就是我们在需求修正阶段确认的设计重点。
此时,专业的设计师绝对不会拍脑袋设计,更不会想当然出方案,而是会针对这些核心点做业界调研和分析,为自己即将进行的设计寻求一个足够宽广厚实的肩膀。
6、设计细化阶段
第一阶段的设计工作将在此阶段性输出,我们回顾一下,截止此时的设计产物有:用户调研报告、FRD确认文档、交互流程、线框草图、核心设计调研分析、核心设计详细说明、交互流程整体说明等,基本上,一个交互设计师的专业度,已经可以根据此时的输出物数量、质量看出个大概齐了。
7、专家评审阶段
一个专业的交互设计师,要谦虚,此刻,我们进入小范围专家评审的阶段了,三个臭皮匠还顶一个诸葛亮呢,更何况是参与评审的专家呢,此时设计师的专业度就体现在&听&、&说&和&想&这三诀上,耐心的做好评审记录,有理有据的同专家们进行专业沟通,并确认最终的结论和方向。
8、设计优化阶段
经历了专家团的考验,又该抖擞精神重新上路了,没什么好说的,把过程做好了,你的专业度也就到位了,设计优化阶段的投入度和产出将直接影响到后续Demo及测试的效果,和最终设计也息息相关,各位交互设计师们,千万别打瞌睡了!
9、仿真Demo开发阶段
终于到了仿真Demo的模型化阶段啦,这时尽管并没有直接的交互输出物,但还是需要交互设计师用百分百的挑刺精神,协助视觉和前端精准的达成我们之前的设计,严格保证最佳的输出效果。
10、测试验证阶段
仿真Demo出来之后,将进入最后的测试验证阶段,根据项目的实际情况,可能是QA测试,也可能是用户测试,总之,这个环节能帮助设计师最后把关设计的合理性,专业如你,一定要亲自跟进测试并给出最终的评估报告,哪些点是前期没有考虑周全的?那些点是成功的?哪些点是必须立即改进的?哪些点能以后再说?
11、完成设计阶段
最后的设计阶段,根据之前的测试验证评估报告,交互设计师要对所有之前的输出做一次严格的检查和修正,完成最后的输出(具体可查看马海祥博客《》的相关介绍)。
12、开发上线阶段
盯紧视觉设计师和前端工程师吧,最关键的时候终于到了,经历了那么多纷繁复杂的环节,我们等的就是上线的这一瞬间,当然,千万别忘了后续的跟踪和分析,这能为你的专业度加分不少哦!
综上所述,我们已经整理出来了体现交互设计师专业度的过程输出物了,总结一下:以交互设计师的标准来看,我们的专业度能通过以下的关键输出物衡量:FRD目标确认文档、竞争分析报告、头脑风暴产出物、项目初期用户调研报告、核心设计点调研及分析报告、专家评审报告和评估报告、原型测试报告、交互流程图及详细说明文档、页面线框图、核心设计点说明文档和最后的跟踪分析报告。
基本上,所有的输出物都是反复易稿的结果,都是细碎过程的迭代输出,都饱含了设计师辛勤的工作投入,所有有梦想的交互设计师们,请正确的审视这些输出物,珍惜自己的付出,它们不光是单板的形式教条,它们更是证明自己专业度最有利的武器!
三、交互设计师的知识架构
今天,我制作了一份&交互设计师的知识架构图&,如下图所示,该图对交互设计师所需的知识储备进行了梳理,并按照交互设计的一般流程进行排列,从需求分析开始,到信息架构、流程设计,到原型设计,再到可用性测试。
以这样的逻辑为大家介绍每一个环节涉及到的知识,化整为零,这样,大家也就可以采取逐个击破的方法一步一个脚印学习交互设计,接下来马海祥也会为大家推荐相应环节涉及到的文章或者书籍,等你全部掌握之后,相信就不会再有不踏实的感觉了。
1、需求分析
一般来说,交互设计的第一个环节就是需求分析,需求分析主要指用户研究、场景剧本、角色创建以及需求提炼。
首先,用户研究的方法包括用户访谈、调查问卷、观察、焦点访谈等。
其次,创建人物角色和场景剧本将有利于设计团队始终围绕用户目标进行设计,保证你的设计以用户为中心,当然,人物角色和场景剧本不是凭空想象的,而是基于充分的用户研究提炼出来的。
以上两块知识在《About Face 3:交互设计精髓》这本书里都有详细的介绍,大家一定要把这本书看完看懂。
最后,需求提炼这块,我个人比较喜欢从&人、系统、环境&三个角度进行分析提炼,但是需要注意的是,这三个角度可以看成是一个公式,要学会灵活运用,针对不同的任务、对象,会用不同的名词,比如针对一个实物产品,这个公式就变成&人、物、场景&,针对一个任务则是&人、目标、场景&等等。
网上也有各种各样的需求分析的方法,只要精通掌握一种就够了,最重要的是要有自己的一套原则与流程,然后不断地拿自己总结的方法去实践(具体可查看马海祥博客《》的相关介绍)。
2、信息架构和流程设计
这一块需要掌握的知识有:流程图和信息架构图的绘制、心理学、逻辑学。
流程图和信息架构图都是为了表达交互设计的整体逻辑路径的工具,一张好的流程图或信息架构图对于团队沟通和开拓思维都是很有帮助的,网上有很多相关的学习资料,但网上的文章通常会不够系统、严谨,所以我再给大家推荐看下马海祥博客《》的相关介绍。
层次任务分析法是流程设计中的一个重要方法,简单来说,层次任务分析就是将一个任务进行结构化的分解,将用户完成任务的过程所需要的每一种情况和每一个动作进行细化整理,这样分析的好处是你可以进一步理解用户是如何使用产品、如何与产品和环境进行交互的,保证设计的逻辑严谨性,最终使你的交互流程更加高效和人性化。
层次任务分析法可以从这篇文章里学习个大概,不过我并不觉得这篇文章非常严谨详细,将来有机会我可能会用一篇文章来单独为大家介绍这个方法。
心理学和逻辑学可以说是交互设计师最重要的内功,看起来比较高大上,可能会无从下手,但千万不要逃避和盲目乱学,要进行系统的、循循渐进的学习。
比如心理学你可以依次学习色彩心理学、设计心理学、认知心理学、行为心理学,交互设计师是以人为中心的,琢磨人的认知、记忆心理对于提高你的设计质量至关重要,推荐的书籍有唐纳德诺曼的《设计心理学》,埃森克的《认知心理学》。
逻辑学似乎就更加虚幻了,甚至会觉得这货就像智商一样无力回天,其实不是,一个人的逻辑思维是通过后天锻炼的。
3、原型设计
原型设计是交互设计师最主要的工作之一,也是交互设计师的最佳练兵场,因此,需要在这一块储备大量的知识,比如交互范式、设计原则、平台规范、排版和草图绘画。
交互范式指交互方式、交互元素(比如操作、窗口、控件、菜单、对话框)等,这些都是基本功,很多同学自信学有所成了,但面试的时候一问控件的种类和区别就胡乱回答一通,这是没有系统学习的后果。
(1)、设计原则
这里指的是交互设计原则,详细说来就多了,可以说数不胜数,而且每个人都有不同的版本,如果你是初学者,没有特别好的办法,推荐你先把《About Face 3:交互设计精髓》吃透,还是那句话,网上的知识是碎片化的,一味地看大神写的千把个字的文章容易消耗你的耐心、增加你的记忆负荷,而且到头来还是不够全面,所以先把权威的书籍吃透再说。
(2)、平台规范
从终端上看,平台分为PC、手机、平板电脑等,从系统上看又分为Windows、Mac、IOS、Windows Phone、Android等,每一个平台都有相应的设计规范,想做交互设计师就得先把他们掌握了。
另外,这些规范通常都是英文,而中文的最新翻译一般都比较难找,并且网友的翻译有参差不齐的风险,所以亲们一定要学好英语,这点也很重要。
(3)、排版和草图绘画
受过专业的排版训练的交互设计师会有很大的优势,因为排版不仅需要一定的审美感觉,也需要扎实的视觉理论基础和逻辑思维甚至心理学理论,排版其实也是一种交互设计,是读者与作品在视觉上的交互。
另外草图绘画是一个加分项,画的一手漂亮的草图会让团队沟通更加高效,不过,这里的草图不是素描草图,不是对某一个物品进行精雕细琢,而是简笔画。
上图是著名交互设计师比尔&维普兰克画的,他对图形和手绘草图有一种惊人的表现能力,他可以在谈话的同时,随时用手绘的方法勾勒出草图来说明其观点,这是我在看《交互设计概论》时看到的,当时我简直被迷晕了,这技能太牛了,于是我也去学简笔画,不过学的断断续续,至今还是菜的一逼。
(4)、可用性测试
这一块推荐大家先把《可用性工程》这本书看完,不过这本书可能由于翻译的原因,看起来会有一点吃力,大家可以先看下马海祥博客《》的相关介绍。
当然,理论终究是不够的,学习理论之后,要进行大量的实践来巩固,再总结出自己的一套流程与方法。
4、视觉设计与程序设计
基础加分项,既是加分项,也是基本功,不是说必须学好视觉和代码,但多少会一点对你有很大的好处,比如有利于与团队的其他人员沟通,有利于选择更合理更现实的交互方案。
我建议大家学一下PS、AI、Axure、PPT和AE等软件,有时间的话再学一学C语音/Java,HTML+CSS+Javascript.
5、软件的使用
任意一款线框图绘制工具,如:Visio,Mac上的OG,PowerPoint,Axure,BalsamiqMockups等。
任意一款线框图+视觉设计工具,矢量工具优先,如:Fireworks, AI,Sketch等。
任意一款原型工具,如:Axure,Flash,HTML+Javascript等。
目前仍然在有大量的用户界面辅助工具涌现出来,特别是Mac上,但大多还不是很成熟,其实工具只是工具,用Excel一样可以写交互文档。
马海祥博客点评:
这篇文章仅仅是在知识架构上给大家做一个整理和归纳,虽然也推荐了不少适合新手入门的方法和文章,但仅仅看这些方法肯定是不够的,还需要进行大量的实践和体验,交互设计不像学习一个软件可以短期大幅度提高,更需要的是长期积累,平时应该经常去看别人的优秀设计,去体验各种APP,网站,平台,要积累大量的素材,要不断地总结经验,并且将经验运用于实战中。
本文为原创文章,如想转载,请注明原文网址摘自于/jhsj/1377.html,注明出处;否则,禁止转载;谢谢配合!
您可能还会对以下这些文章感兴趣!
今天早上在查关键词指数变化的时候,突然发现百度指数的页面再次改版了,本次改版对百度指数的定位是大数据……
宁静夜晚,精心打扮之后,一位年轻姑娘拉上窗帘,她将借助3个高清摄像头,1个麦克风,以及最重要的互联网,……
快播已死,余波未了,牵动了大波宅男心绪的快播究竟是栽在了哪里?你能想象这是一场暗藏杀机的角逐吗?百度……
结构化数据工具是搜索引擎快速引入结构化数据的入口。对于优质的……
最近一直听到圈里的朋友抱怨说,自己辛辛苦苦写的文章,发表的前……
一直以来,站群都是快速获取排名和网站流量最快捷的方法之一,虽……
一说到SEO技术,可能大家想到的就是白帽SEO技术和黑帽SEO技术,……
一说到网站作弊方法,那就不得不说SEO优化中的黑帽SEO了,黑帽SE……
白帽seo 白帽SEO就是采用公正的手法,正确的SEO的思维,合理优化……
本月热点文章刚开始接触交互设计往往会面临自己的想法找不到合适的方法输出。所以完成基本工作同时也在积极寻找、学习适合自己又和工作环境相匹配的工具。与团队成员配合的时候没有人会在意你是用什么工具,成员们只想看到设计师产出的输出物。这个时候针对不同任务类型和团队大小找到合适的工具可以让设计师迅速输出团队想要的结果输出物,事半功倍。随着移动互联网的快速发展,很多针对移动端开发的工具层出不穷,这些工具的小、快、针对性强的特点在一定程度上对产统设计工具造成一定的冲击。下面介绍自己常用的一套设计工具和在配合项目使用过程中的心得:Axure虽然现在很少用到了,但作为步入互联网第一个接触的软件要纪念一下。功能大而全,有丰富的控件可以调用(网上对于Axure的控件资源很多),通过简单的逻辑关系组合出丰富的动画(8.0在动效制作有大幅提升)。但正是因为它的大而全使其在移动端设计上不够灵活,功能多而复杂。软件自身的设计不符合设计师工作习惯,当元素多时绘图面板非常混乱,产出物死板不美观。当然Axure可以做出高保真界面,但相比于Sketch要花费很大成本,如果未能多去建立母版,之后的二次三次修改成本很高。大部分产品经理在Axure上图配文并生成html作为文档传递给下一工作流程上的组员。绘制高、低保真网页原型图;可作为产品、交互文档输出工具Sketch完全针对移动端设计而生的软件。界面干净直观,分层的概念符合设计师工作习惯,当界面复杂时明确的图层与分组使元素控件管理起来非常方便。Artboard、Symbol和Text style 的运用简化了重复内容调用的工作也减轻了后续修改工作,图配文的文档输出管理好过Axure。第三方插件的开发和控件库资源使设计更方便,还有很多其他的小功能,比如Share(用其他电脑可以实时观看设计进度),自己还要边使用边发现。与Axure对比,前者更适合网页原型设计而后者更倾向于移动端产品。国外Sketch已经有取代Ps、Axure的趋势了,国内也开始普及,一些公司团队强行统一使用Sketch。绘制高、低保真移动端原型图;绘制图标、视觉设计稿;可切图输出;可作为交互文档和视觉设计说明文档的输出工具Omni Graffle一款流程图工具。流程图无非就是图和线的排布,自己也有用过Ai、Sketch画流程图。但当要修改时会很混乱,线要重新画,版面要重新布置。而Graffle专为流程逻辑而设计,移动图时线也随之移动,线的属性可更改,排版非常方便。图层的设计方便管理界面元素,很清楚认识到哪些元素是并列关系,哪些元素是父子集关系。交互的流程,功能的结构,组织的关系,凡是涉及到关系逻辑的设计Graffle是我用过最好用的流程设计软件。产品功能需求逻辑图;产品页面交互逻辑图&&Keynote普遍当作汇报演讲的软件,其实还可以用来输出原型演示视频。在开发过程中设计师很多时候不能通过静止的图像清晰地向工程师传达交互过程,此时需要制作动画原型来展示方案。制作动画需要安排好展示逻辑,设置很多动效参数,有时甚至涉及到动效变化曲线,这些复杂的逻辑参数增加了制作成本。工程师只想看到简单的演示,他们并不care你这个交互反馈是否有spring,delay了零点几秒,这时可以使用keynote制作动效视频。首先画草图排好展示顺序和时间,在keynote上列出展示页面,用神奇移动和自带控件动画将页面联系起来,制作起来非常省力。同时本身的图文编辑属性、分页展示属性、可插入原型演示动画的特点使keynote可作为交互文档和设计规范文档的输出工具制作简单交互动效视频;撰写交互文档;撰写设计规范&两者都是交互原型制作工具,可生成模拟器或者mirror到手机上,更直观地推敲设计交互原型。前者被Google收购已经免费,最大的特点是运用了图层概念,将交互手势、动画直接添加到图层上,并用base on将页面联系起来。后者是Facebook在苹果原生Quartz Composer动画设计软件上的插件,大大降低了设计使用门槛。特点是模块化,用编程的逻辑制作动画。不同的交互手势和动效样式有各自的一个模块,用线将模块联系起来,软件的动效调用基本源于FB的Pop Animation库。两者学习成本很高,尤其后者,页面多、交互多时制作面板非常复杂,但做出的动效精确优美。可适用于个别页面中少数重要、精确的交互原型制作。制作精准的交互动效原型&Principle刚出来不久的原型制作软件。操作界面和Sketch很相像,通过不同交互手势将页面连接起来,最大的特点是可视化程度高。在Sketch中制作的高保真原型图可直接拖拽到Principle中,为图片自身和图片之间赋予交互,mirror到手机上,用来汇报自己制作的demo非常方便。通过animate和drivers也可制作出略复杂带有条件语句的动画,但并不能和Pixate、QC-Origami相比拟。用Principle直接将手机连接到投影上展示demo,其他手机装上Principle后可打开用邮件收到的demo文件,评审更直观,省去了汇报过程中很多文字描述制作简单交互原型;制作全局原型演示&工具只是工具而已以上是自己从原型图、交互原型展示到文档输出经常使用的一系列软件。工具只是高效地将我们的想法用最合适的方式完整无缺地展示出来,便于别人理解与存档。根据不同场景和输出物选择恰当工具,工具自身并没有优劣。如果绘制拟物风格界面、图标,Sketch在Ps和Ai面前就显得力不从心;在大团队里文档输出用Indesign就比用Axure等输出的文档更正规,更有利于存档和日后查看,形成公司团队的知识库。自己本科在刚做工业设计时常纠结于工具,看到别人优秀的作品总是把重点放到“这是用什么渲染的?这个模型有什么软件建立的?”而忽略了使用者的创意和想法。那时也学习了不少软件(Ps、Alias、Showcase、Keyshot等等),现在回想起来留下的更多是工业设计的想法思维。希望大家能清楚认识工具的意义,找到并掌握一套自己顺手的工具,更重要还是要看使用者达出来的创意想法,切不可纠结于工具。如果有疑问或者想学其他更多UI设计教程,可以关注后,给我留言。
UI教程,长按关注 微信公众账号 ui入门课(gh_3b007ae0c9ec) 
 文章为作者独立观点,不代表大不六文章网立场
的最新文章
ui设计这几年发展的火热,许多人想要加入ui设计行列,一名ui设计师的职业规划也是可观的,从初级UI到资深UI后,更是可以做到项目经理、产品经理、创业都没问题,职业规划一片坦途,那到……清晰度是界面设计中,第一步也是最重要的工作。要想你设计的界面有效并被人喜欢,首先必须让用户能够识别出它?让用户知道为什么……圆角矩形可能是扁平化发展中,最常见的元素了,普通样式如下:……啊!你知道吗?千万别惹恼ui设计师吗,他们的体内的洪荒之力爆发啦……处理照片时不一定要大动工程使用大量技巧处理,有时候简简单单的处理一下照片的背景,就能增加照片的质感。由墨西哥……在座的各位,你们是为何学ps呢?为了简简单单的修图,还是为了设计这个所谓的梦想所奋斗?那么既然你选择的设这个行业,不能说对色彩的知识一窍不通,如果是这样,请放弃设计吧~真的不适合你,下面为大家带来基础的色彩普及知识,赶快进入教程中吧!更多雅思、托福语言资讯更多更多哟~雅思学习、托福学习?考研?没问题,这里满足你的一切!美国的教育确实比中国的应试教育水平高那么一点,想去美国留学的小伙伴,你们知道什么样的专业在美国难申请吗?到底去美工留学要花多少钱呢?小栈长来为你解答咯~雅思写作除了词汇量要达到以外,还有很多提分点的哦。小栈长大家带来2016年雅思写作九大开头方法,希望对大家备考雅思有所帮助!雅思口语考试的评分标准!加拿大留学花费多少钱?随着留学事业的发展,以及教育开放水平的提高,留学已经不再是有钱人的稀奇事情。在所有的设计需求中,可以利用一些具有指向性的设计元素,如:色彩、人物和动作、留白处理等,让用户的眼神跟着页面元素的引导,完成对信息的关注与吸收。什么是ui?什么是ux?很多人觉得ui就是美工,就是做做图。 exucuse me?看我不打死你。去繁就简,简约、你懂多少?讲在前面 → 这篇文章并不是一篇教您如何使用工具的文章,也就是说我……C语言除了能让你了解编程的相关概念,带你走进编程的大门,还能让……为你推荐5个UI交互设计的工具,希望你能用得上。交互设计师的工作,并不仅仅是输出设计方案,我们需要参与前期的需求讨论、后期开发测试验收验收等等 产品设计与实现的多个环节。
本篇将介绍我目前参与交互设计的工作流程以及各个阶段的工作职责。gh_3b007ae0c9ecUI入门,每日分享UI设计小技巧,你我共成长。热门文章最新文章gh_3b007ae0c9ecUI入门,每日分享UI设计小技巧,你我共成长。

我要回帖

更多关于 app交互设计软件 的文章

 

随机推荐