做ui设计在哪个文件进行操作|一个完整的UI设计需要那些过程

A. UI设计需要学习用到哪些软件

你好,一般不需要学太多软件,就目前来说UI设计师掌握了这4款软件就基本可以胜任这个工作了。一般就是PS,AI,AE,ARP会这个四款软件就基本够了,像大公司会这4款软件也足够,其中PS和AI使用的最多。我们在学习UI设计的过程当中,需要学习到很多知识,比如软件 PS、 AI 、AE、ARP这些都是一名UI设计必需要掌握好的软件。工欲善其事必先利其器,那么这几款软件在UI设计工作是负责什么的呢?PS—UI界面世界设计-70%; AI-更多是UI图标设计—15%; AE-交互动效设计-5%; AXUER-交互原型图设计-10%PS可以在UI设计中,绘制界面设计,图标设计等。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及.Adobe家族的顶梁设计软件、想从事设计工作,PS软件一定要精通,PS的强大,只有你想不到没有它做不出的图。在UI设计中AI软件主要用来绘制图标,界面等设计。AI是出版、多媒体和在线图像的工业标准矢量插画软件。 AI可以用来从事,平面设计,网页设计,UI设计等多种设计工作。在UI设计中AE主要用制作交互动效图。AE可以用来从事影视后期, 平面设计,UI设计等多种设计工作。在UI设计中ARP主要用制作交互原型图。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等。当然,除了这款软件外,其他的软件,如3dmax、CorelDRAW、Sketch、Html5、CSS3等也是多少需要接触一些的。当然,软件只是一个工具,千万不要觉得会了软件就会了设计,会了工具后还要学习理论知识加上真实的项目操作才能成为一个合格的设计师。学习UI前期一定要多问多听多练多总结,这样可以让自己少走很多弯路,可以节省很多成本,如果自己没有办法系统的学习,可以到云和数据问问UI培训老师也可以。

B. UI设计整个过程一般分为哪些步骤

嘿设汇app上的回答很全面,分享给你,希望对你有帮助。一、前期工作1.画。草图记录理念。用笔记本来收集创意,不时的翻翻可以根据一些有趣的旧点子想一些新玩意儿。2. 收集图片。方法有好多种,我习惯Dropbox文件夹分类(例如,我会分成后台界面设计、iOS设计、插画设计等等)这些图片,有新项目时可以用来寻找灵感。3. 情绪板和准备工作。Dribbble,Behance,嘿设汇、Pttrns,Pinterest。我总会准备4个文件夹——PSD,屏,资源,灵感。把和项目相关的东西全分类到文件夹里。二、开始着手设计4. 不必在乎线框图的质量。 线框图的作用是帮助架构层级,让彼此更好的理解目的,而不是最终结果。设计师必须懂得去“敏捷”设计,如果真的太在意线框图的细节,那么整个设计流程会拉长。5. PSD – 大尺寸画布。我一般会创建8000*5000的画布,不是用来画出整个应用的UI套件,而是用来记录元素在不同阶段的不同状态——也就是流程。设计复用很方便,开发看到这种东西也会工作的更快。6. 所有屏都放入一个PSD中.整体的对比效果会更好,也更容易让他人理解你的设计理念。元素的复用也非常方便,只需要复制一下其他屏的图层/图层组,修改一下背景或者几个图标就成了。7. 整理、规范图层和图层组我是一个崇尚整齐的人,因此我的PSD结构非常的有序。我个人的规则是,如果超过8个图层,那么就创建一个图层组。 8. 和朋友沟通我非常重视那些能够给出专业性反馈意见的人。留意他们的反应和初次看到你设计时的想法,这未尝不是一种用户测试。而且多聆听别人的意见,能够让你从不同的角度看待问题。9.图示当所有屏的设计都装入到一个PSD中后做一点图示,用来暗示交互流程,我觉得这算是一种早期原型设计吧,与此同时,还能充分感受到视觉设计的细节。 三、后期工作——视觉规范完成了设计工作后,要做的事情就是出一份视觉规范,然后检查一下整体的视觉层级。我个人认为,无论是小型项目还是大型项目,视觉规范都有其存在的必要性。无论是对你自己,还是对于同事,都能起到很好的规范作用,避免不一致的设计。 10. 配色表扁平化的要领之一是配色精简。也方便了我们展现配色表。11. 字体表12. 要完善的记录Logo使用的字体,文本使用的字体,标题使用的字体等等,这对于开发会大有裨益。个人复查作品时也会很有帮助。12. UI 套件UI套件非常重要,尤其对于工作对接来说,能够保持视觉高度的一致性。前端也非常需要这东西。做好了之后丢给前端,他要问你,你就说这东西在UI套件中,他立马就能明白了。这一条非常重要,关系到整体的视觉一致性。

C. ui设计流程及方法

设计流程关于UI设计流程及方法可以搜索易夏岚,了解更多。一、确认目标用户在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。例如:对于科学用户和对于电脑入门用户的设计重点就不同。二、采集目标用户的习惯交互方式不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。三、提示和引导用户软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。四、一致性原则设计目标一致软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件(软件包)整体,而不是局部。元素外观一致交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对于保持用户焦点,改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。交互行为一致在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。例如:所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确,但是的确有相反的例子证明不按照这个理念设计,会更加简化用户操作流程。五、可用性原则可理解软件要为用户使用,用户必须可以理解软件各元素对应的功能。如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户可以通过对该元素的操作,理解其对应的功能。比如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。可达到用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。(参考简单导向原则)可控制软件的交互流程,用户可以控制。功能的执行流程,用户可以控制。如果确实无法提供控制,则用能为目标用户理解的方式提示用户。希望我的回答可以帮助到你。

D. 做UI设计 需要用到哪些软件

一、PS,大部分都听说过这个软件,大部分可能简单使用过这个软件,用来抠图、P一下自己的照片等简单的内容。但其实PS的全称Photoshop,是Adobe公司的位图设计软件,Adobe公司出产了很多应用非常广泛的设计软件,PS是其中应用非常广泛的,它对图像、文字、图形、视频等都有很强的处理能力。也是我们作为UI设计必须要熟练掌握的软件,可以制作banner、海报、图标、界面等内容。二、AI,全称Illustrator,是Adobe公司出产的矢量设计软件。在传统设计行业应用于插画、折页、宣传册、招贴等设计,在UI设计中可以用来制作图标、字体、2.5D立体图形、插画等设计内容。在UI设计中的应用也是非常广泛,比较重要的一个软件。三、Xmind,这是一个思维导图软件,帮助设计师梳理产品结构,整体逻辑,也可以帮助设计师开拓思维、进行开放性思维、发射性思维梳理、形成有逻辑的设计创新、创意。四、C4D,全称CINEMA 4D,是最近几年在UI设计中兴起的3维设计软件,主要应用于电商类产品、移动端启动页、宣传推广类设计中。因为大型的宣传策划活动都可以见到这个软件的身影,所以这个软件也是非常重要的。我们经常看到的天猫双11、京东618等大型活动的3维场景都可以在三维设计软件中进行设计。在日常设计中的3维图形、图像也可用这个软件进行制作。五、Axure,是一款专业的原型设计软件,主要用在网页、移动端产品的原型图、流程图、说明文档等内容,可以快速的看到产品框架、梳理产品结构、前期简单界面展示等内容。六、Sketch,只有Mac系统能用的软件,是现下比较流行的移动端界面设计软件。主要针对移动端产品的设计,相对于PS来讲,Sketch更加的简约、简单、功能更加实用移动端设计制作和输出。七、AE,全称After Effects,也是Adobe公司的软件,主要用来视频制作、剪辑、动画制作,在UI设计中可以制作需要的动画,也可以配合界面进行操作动效展示。八、Flinto,主要处理展示页面的动效,页面之间的跳转、页面动效可以用这款软件,可以帮助设计师展示自己产品的界面跳转和动效。九、PxCook,中文名像素大厨,这是一款设计输出软件,当我们把所有的界面都得做完后,需要交接给程序工程师切图和标注,像素大厨可以帮助设计师更快、更方便的输出这些内容。十、蓝湖,这是一款帮助整个团队进行协作的软件,可以共享产品文档、设计图等内容,可以有效解决团队成员之间的内容共享。还有一些市场上在用的软件,比如墨刀、Dreamweaver、XD(Experience Design)等软件。希望我的回答能帮到你。

E. UI设计软件都有哪些在哪下载

学习UI设计,软件只是UI设计的第一阶段,新手或者零基础的小伙伴可以从软件入手,到后面的设计理论,规范,交互这些设计思维学起。首先要明白UI设计师需要做的工作,大致介绍就是界面、图标、动效、交互、切图、标注等,这些内容都需要用到不同的软件。在这里主要列举UI设计常用的四款软件:PS,AI,AE、ARP、XD、另外还有一些辅助软件偶尔也会用到,详情罗列在下图!(需要软件包,请观看完整最后获取 )Adobe PhotoshopAdobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。 Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具,可以有效地进行图片编辑工作。ps有很多功能,在图像、图形、文字、视频、出版等各方面都有涉及。PS可以用来从事,平面设计,网页设计,UI设计等多种设计工作。在UI设计中PS的使用率在90%以上,所以作为一个合格的UI设计师。PS是肯定得掌握的。PS可以在UI设计中,绘制界面设计,图标设计等。Adobe illustratorAdobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,作为一款非常好的图片处理工具,Adobe Illustrator广泛应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等,也可以为线稿提供较高的精度和控制,适合生产任何小型设计到大型的复杂项目。在UI设计中AI的使用率也是非常之高,主要可以用来绘制图标,界面等设计,插画等Adobe After EffectsAdobe After Effects简称“AE”是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。在UI设计中主要主要是用来做动效设计,交互效果Axure RPAxure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理[1] 。Axure RP已被一些大公司采用。Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。在UI设计中主要起的作用主要是用来做交互原型图Sketch这里重点介绍一下Sketch,它是个很好的界面设计工具,很方便,完全就是为扁平化界面而生的。这在做做流行的扁平化界面设计方面确实方便,比ps效率会高,现在很多UI设计师都喜欢用,但是我们做设计,肯定会接触到各种东西,你可能要画个拟物图标,做个宣传海报,做个网站bannr,做个酷炫的字体效果,那就还是得乖乖打开ps,在图像处理方面目前地球上没有什么软件能超过ps,还有一点,目前Sketch只有mac版,如果公司没有给你配苹果电脑的话就还是安静的用Adobe公司的PS和XD吧,能做好东西就行,不要太纠结一定要用哪个工具。Experience Design CCAdobe XD官方版全称Adobe Experience Design CC,是Adobe旗下专业的交互原型设计工具。Adobe XD官方版跨平台支持Win10 与 macOS,并且所有用户均可免费下载使用。Adobe XD CC 2018可快速进行APP设计、网站设计,UX/UI 产品设计,是设计师、产品经理和开发者们必备的设计工具Adobe Dreamweaver简称“DW”,中文名称 "梦想编织者",最初为美国MACROMEDIA公司开发 ,2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑器。利用对 HTML、CSS、JavaScript等内容的支持,设计师和程序员可以在几乎任何地方快速制作和进行网站建设

F. UI设计一般要用到哪些软件

1.PS

PS是一款图像处理软件,功能很强大,可以做界面设计、可以做图标设计等等。ps有很多功能,在图像、图形、文字、视频、出版印刷等各方面都有涉及。Adobe家族的顶梁设计软件、想从事UI设计工作PS软件一定要精通。

2.AI

Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件。在UI设计中AI软件专门做图形处理的工具,可以做矢量的图形,包括图标、文字设计等。AI是出版、多媒体和在线图像的工业标准矢量插画软件。 AI可以用来从事,平面设计,网页设计,UI设计等多种设计工作。

3.AE

在UI设计中AE主要用制作UI动效,例如转场动效、载入动效、粒子动效等等。适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。属于层类型后期软件。

4.ARP

Axure RP是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。在UI设计中ARP主要用制作交互原型图。

5.Flinto

在网页交互设计中,Flinto是制作demo非常高效的工具,支持sketch导出。只要在sketch做好原型图然后通过插件就可以导入到Flinto。但Flinto的缺点在于,它缺少逻辑判断的功能。比如说点击一个区域可能有两张状况出现,此时Flinto并不能表现出这种逻辑关系,于是有了Origami作为补充。

6.Origami

Origami是Facebook开发的一款动态工具,它的优点是能很细致地表达一款动效的状态出来,支持各种逻辑的跳转,并且可以调动手机摄像头,模拟拍照功能,可以调用JS代码。但它的缺点在于不能做太多的页面,二十个页面以上的效果就会卡,不支持sketch的导入,需要手动拷贝文件夹。对设计师来说,因为代码思维操作,学起来也稍微显得有点困难。

G. 做UI设计需要用到哪些软件

UI设计常用的软件有:PS,AI,AE等软件,更推荐使用Pixso协同设计。Pixso协同设计与传统CAD系统相比,协同设计系统有如下特点:(1) 多主体性:是指设计活动由两个或两个以上设计专家参与,而这些设计专家通常是互相独立的,并且各自具有领域知识、经验和一定的问题求解能力。(2)协同性:具有一种协同各个设计专家完成共同设计目标的机构,这一机构包括各设计专家间的通讯协议、冲突检测和仲裁机制。(3)共同性:多设计专家要实现的设计目标是共同的,他们所在的设计环境和上、下文信息也是一致的。(4)灵活性:参与设计的专家数目可以动态的增加或减少,协同设计的体系结构也是灵活、可变的。想要了解更多关于UI设计的相关信息推荐选择Pixso协同设计。利用Pixso设计资源,快速开启原型制作,模拟最终产品形态和交互效果,实现了模拟画笔的特色,提供精细化矢量设计,自由切割线段,连点成面。基于云端协同编辑,Pixso将产品经理、设计师、开发的日常工作连接起来,实现协作更高效,设计更流畅。

H. 手机UI设计主要用什么软件

手机ui设计是手机软件的人机交互、操作逻辑、界面美观的整体设计。置身于手机操作系统中人机交互的窗口,设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计,界面设计师首先应对手机的系统性能有所了解。手机UI设计一直被业界称为产品的“脸面”,好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。最常用的Photoshop、Ai和一些3D软件是制作的常用工具,在最终输入时会需要一些模拟程序以及平台程序的支持,不过在GUI设计阶段可以暂不考虑尺寸: 建议选择240×320大小的屏幕尺寸进行设计,自由度和发挥空间会大一点概念: 设计的概念是设计中尤其重要的部分,敢于尝试新颖的交互模型和GUI视觉元素是设计的重要工作。

I. UI设计用什么软件做

那设计软件千千万,到底应该如何选择设计软件呢?其实,大多数UI设计师用的软件就是那几大类,只是电脑系统不同有稍许区别而已,那我们选择几款大多数UI设计师常用的软件去简单了解一下。

1、PS-Adobe Photoshop,是由Adobe Systems开发和发行的图像处理软件。相信不是设计行业的小伙伴也对它久仰大名,更是设计专业人员必须掌握的设计工具。Photoshop主要处理以像素所构成的数字图像,其重点在于对图像的加工处理。

在这里先给大家推荐两本PS的学习书籍,《Adobe Photoshop CC 2019经典教》、《Adobe Photoshop国际认证培训教材》,这两本书都是权威认证的官方图书,针对Photoshop初学者深入浅出地讲解了软件的使用技巧,并用实战案例进一步引导读者掌握软件的应用方法。

图片来源:阿多比设计学院学生作品

2、设计基础:UI设计也属于设计专业,所以必须掌握设计原则、平面构成、色彩构成、立体构成(即三大构成)等设计理论。有了这些才可以灵活的去怎样根据不同行业不同人群去定位品牌色彩,分析Logo图形的形式与气质、图像抽象化变形正负型结合、字母和图形结合等等。

3、UI设计规范:每个行业都会有一定的规范,掌握了设计基础以及工具使用,还需要掌握对行业内网页设计、移动端设计的规范、方法、流程等才能真正开始做UI设计。对于不同行业背景的企业,对于网页UI设计、客户端UI设计、电商UI设计肯定又不一样的需求。

对于设计规范,可以参考一些大厂的设计规范,因为他们的产品多,设计师多,所以总结出来的规范对于一个行业来说都很适用。

4、其他技术:所谓的全链路UI设计师,就是全程参与整个产品的生命周期。从需求分析到需求评审,用户调研、情绪板梳理到交互设计, 视觉设计到视觉评审,UI走查、验收到用户调研,这一系的工作需要设计师都懂,设计部分全会。

除了以上硬性的能力要求,对于UI设计岗还要求具有良好的沟通表达能力、团队写作能力、分析总结能力等综合软实力。其实通过几个月的学习其实可以掌握UI设计的技能,但是对于设计思维的培养,只有靠平时的多做多练多思考,慢慢累积才可以得到。

J. 一个完整的UI设计,需要那些过程

1、确认目标用户:

在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

2、采集目标用户的习惯交互方式:

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。

当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。

3、提示和引导用户:

软件是用户的工具。因此应该由用户来操作和控制软件。软件响应用户的动作和设定的规则。对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。

4、一致性原则:

软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。

例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件(软件包)整体,而不是局部。

5、可用性原则:

软件要为用户使用,用户必须可以理解软件各元素对应的功能。

比如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。

(10)做ui设计在哪个文件进行操作扩展阅读

UI设计师的职能大体包括三方面:

一是图形设计,软件产品的“外形”设计。

二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等。一个软件产品在编码之前需要做的就是交互设计,并且确立交互模型,交互规范。

三是用户测试/研究,这里所谓的“测试”,其目标恰在于测试交互设计的合理性及图形设计的美观性,主要通过以目标用户问卷的形式衡量UI设计的合理性。

如果没有这方面的测试研究,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来极大的风险。


赞 (0)