UI 设计需要学习哪些软件?
86 个回答
首先了解一下 UI 设计师的工作职责和能力要求:
UI 设计师作为互联网行业的一个核心岗位,主要负责各个平台(网页、App、小程序、公众号……)的产品的视觉设计工作,包括产品的视觉风格定位、具体界面设计、图标设计(页面里的和桌面图标)、运营图片、开发切图标注等工作,工作过程中要和交互设计师、产品经理、前端工程师紧密配合。
软件操作只是最基本的技能,设计师最重要的能力是设计思维、设计方法以及职场软实力。
2010 年以后,移动互联网行业快速崛起,在那个风口,很多设计、非设计背景的同学都想通过学习 UI 设计进入这个行业,只要有一定的水平,确实有很大的机会,但是到了现在,互联网行业野蛮成长的时代已经过去了,对 UI 设计师提出了更高的要求。主要原因如下:
- 人才供应过剩(以前10年的积累+现在的持续供给),必然导致激烈竞争,设计师必须提升自身能力
- 互联网行业不景气,一个完整的团队配齐需要用研、交互、UI、产品、前端、后台、运营……等众多人员,在今年特殊情况下,控制成本是必须的,而 UI 设计师
俗话说得好,欲行千里路,你得先走第一步。
对于UI设计师来说,一个趁手易学的软件必然可以提升不管是学习还是工作的效率。那么,今天我就给大家分享一下我工作中比较常用的几款UI设计相关软件,以及对应的安装资源和安装方法。
这次我们分享6款UI常用的软件,分别是Figma、Sketch、Protopie 和 PS、AI、AE,这里直接给出网盘小程序二维码。
或者复制连接进入网页进行转存
百度云链接:
https://pan.baidu.com/s/1GGTfXjP5TVjEpCaD6z6-EA 提取码: scms
如果链接失效,请关注微信公众号:超人的电话亭,回复“设计软件”获取最新的资源链接。
Figma简介:
尽管Figma还是一款非常年轻的软件,推出到现在还不到5年,但已然形成了对传统老牌UI设计软件Sketch的巨大威胁。其本身强大的跨文件资源管理和布局调整能力和线上丰富的社区资源已经成了设计师日 (na) 常 (lai) 工 (ba) 作 (ni) 的利器,但缺点也很明显:必须联网,不能离线
一、UI设计用什么软件没有标准答案!
由于硬件平台的限制,以及每个设计师的喜好不同,设计师他们所擅长的软件都会有所差异,所以,做UI设计要用什么软件,其实是没有标准答案。但可以肯定的是,在面对不同的UI设计环节时,熟练使用了与之定位相重合设计软件,能够有效提升工作效率。
1.交互设计
【UI交互设计】的主力软件其一是Axure,其二是诸如Adobe XD、墨刀、Sketch软件,市面上的交互设计软件非常之多,你要选择哪款,这就看缘分了。
说明:交互设计,主要是根据产品需求文档(PDR文档)画出线框图,把线框图的界面逻辑进行梳理,输出内容也就是原型设计(或者叫交互稿)。与此同时,交互设计师还会考虑到界面的局部微交互设计、以及整体的产品交互体验等。
2.视觉设计
【UI视觉设计】的主力软件其一是 Photoshop、其二是Sketch(仅支持Mac电脑)。无论是图形设计、还是图像处理Photshop都能胜任,这是UI设计师必学一款软件。而Sketch,目前仅支持Mac电脑,可作为选学。
说明:视觉
大家都知道创意思维对于设计师的重要性,却也不能忽略基本功和工具对于设计师的必要性。设计的基本功只有坚持不断的负重训练,扎实美术功底,才能在日后的商业实战中轻松驾驭各种风格。那设计工具也是一样,学习工具需要不断练习使用,才可以熟练的通过工具去表达设计理念与思维。那UI设计到底需要学习哪些工具呢?
设计工具很多,UI设计需要学习哪些软件没有一个固定的答案,因为每个设计师都有自己习惯用的软件。我们不可能将所有软件全部学完,每类设计工具我们选择一两种去学习到精通,如果今后的工作中遇到类似的工具会很快就能上手使用。
一、软件
1、PS-Adobe Photoshop,是由Adobe Systems开发和发行的图像处理软件。相信不是设计行业的小伙伴也对它久仰大名,更是设计专业人员必须掌握的设计工具。Photoshop主要处理以像素所构成的数字图像,其重点在于对图像的加工处理。
那如何学习这么工具呢?其实大家都知道,用实用的案例去学习一个工具,能让学习带有目的性,才能更快的掌握工具的使用方法,那对于
时隔一年再看这个问题,我把之前的删了,因为软件使用,在设计这一块老板无底线,工具无上限。
ps,ai,sketch,ae,c4d,这是视觉设计用的最多的工具,前端你也需要很了解,这是ui设计师的必备技能。
那实际上在不同行业和企业,你甚至可能还要会用到xmind,viso,做产品架构和页面跳转流程,这个是在一家没有产品经理或者非技术类产品经理的公司,你可能就要充当这个角色,当然你一定会有一个产品初期的原型,但你不要指望它有多成熟,甚至无数坑在等着你。
可能会用到3dmax,cad,vary,你可能被派去设计展厅,设计展厅布局,这是一家非互联网公司的ui设计可能会干的活。
甚至可能会让你拍照,录像,camtasia,pr,,edius,lr,dr,别怀疑我一朋友就碰到过,然后他愣是多了一手技能,然后他就走人了。
工作越久越觉得设计仅仅只是个傍身的技能,看看那些重要岗位的人,年长的人,为人处事,思考行动,能学到的真的很多。我不理解一些人耕耘在自己的一亩三分地对其他事不闻不问,然后还总有危机感
首先要明确你要成为一个什么样的UI设计师。是视觉设计师,还是交互设计师。还是综合的。
视觉设计方向,需要熟练掌握一款像素软件,例如Photoshop,熟悉一款矢量软件,例如AI sketch等。交互方向,需要熟练掌握一款能阐述清楚逻辑思路、界面布局的软件。例如Axure、墨刀等。有些交互设计师也会拿sketch来做。
总之工具就是工具,用什么工具是为了团队配合起来快速方便。更重要的是设计思维,在脑子里的东西,创造出来的东西。
UI设计定义的范围非常广,随着科技发展,这个介质每年都有新变化,从分辨率的变化到设备属性的变化,相应的工具也在产生着微妙的变化,例如最近动效设计的广泛应用,After Effects、C4D等也变成了需要学习的软件。以后还会有变化。除了这些,还有很多团队开发出来一些效率软件和插件也非常好用。UI中国的工具频道几乎每隔几个月就会有新的工具出现。
总之,作为设计师必须要与时俱进,不断的学习新东西,保持自己的创造力,也不要太依赖工具。
题主你好,好的UI设计工具几乎可以适用于UI设计的每一个过程,可以满足创造需求。 当今市场上存在着很的 UI 设计软件,下面就给大家推荐一些好用的软件,也希望可以帮助到各位知友。
✏️
线框图软件推荐
01
MockFlow
让你能够快速构建基本布局
Mockflow 是一套应用程序,对典型的项目过程中的许多任务非常有帮助。
如果你只需要创建线框图,不妨试试看MockFlow。它对于处理最初的想法非常有用,并且使你能够快速构建基本的布局。
02
Balsamiq
拖放元素使设计过程更加轻松
如果你想要快速线框图,那么 Balsamiq 就是一个很好的选择。你可以轻松地快速开发项目的结构和布局。拖放元素使操作更加简单,并且可以将按纽元素设置超链接,让你更方便的共享它们。
03
Axure
对于更复杂的项目来说,Axure会是一个很好的工具
一直以来都是市场上最好的线框图工具之一,对于需要动态数据的更复杂的项目来说非常有用。使用 Axure,你可以真正专注于模拟那些在结构和数据方面更具技术性、需要额外关注的
UI设计师这个职位,可谓是红及一时,而UI这个行业属于互联网行业,跟随着互联网的发展而进入人们眼球,也必将跟随互联网的发展而发展。从2010年互联网开始爆发,2013年,UI设计行业基本上在一线城市迅速拉开,很多人投身这个行业。
其中包括:美工、平面设计师、网页设计师、电商设计师、工业设计师等众多领域的设计都想往这个行业,从而导致这个行业迅速走红。
我便是最早一批进入UI这个行业,赶上红利期,迅速进入这个行业,那个时候,你只要懂移动设计规范,会画图标,会PS,会AI,你也能快速进入这个行业。
我从2006年开始做设计,美工、平面设计、包装设计、网页设计、电商设计都有做过。而这些行业都是在当年都是实体经济,还有很公司没有依靠互联网。当淘宝开始兴起时,国内互联网开始了。我也就是从这时候进入互联网行业。
当年我们做UI时,国内还没有啥标准,也没有人带着,完全是依靠互联网、靠自己不断学习才积累起来的经验。
现在有很多小伙伴。
问我:学UI很难?
我:UI再难,没有我们那时难,因为有了互联网,什么东西
3.13更新 写了这个回答我收到很多反驳的私信。
我之所以来回答这个问题,并不是为了软件测评,推广什么软件。 任何软件都能做出好的设计, 如果以软件来评判设计师能力,并不具有讨论意义。
软件是辅助设计的工具,是让入门小白快速成长的工具,一旦你已经入门,会发现哪个软件都不重要,软件之间的效率差异,比起设计思维微不足道。
如果你已经是成熟的设计师,有自己的固有习惯和固用的软件,那么反驳我也没有什么意义。
我来回答只是为了帮助新人。
深圳UI设计师一枚。
看了很多人写各种软件简直想骂街,简直是在乱堆,拿一些已经过时很久的东西讲给刚入刚的ui设计师真的是一件很不负责任的事。
作为一个5年完全在做UI的设计师,来回答下这个问题。
第一:Sketch
UI设计师日常最多使用软件,没有之一。
竟然有那么多人推荐PS,坐标深圳,身边没有一个用PS做UI,除了游戏UI除外。
第二:Figma
这个是最近比较热门的UI设计软件,身边挺多团队在慢慢换这个软件了,可以替换s
UI设计需要学习什么软件?
最近被很多学员问到过UI设计需要学习什么软件的一个问题,所以这边就给大家讲下,UI设计需要学习的软件有那些。
就目前的UI设计师平均技法这块基本是有以下4个软件。会了这4个基本UI设计技法没有多大问题了。不过也有少部分公司是只会这4个不够的。PS,AI主要是用来做界面,AE用来做动效,ARP用来做交互原型。
我们在学习UI设计的过程当中,需要学习到很多知识,比如软件 PS,AI,AE,ARP这些都是一名UI设计必需要掌握好的软件。
而学习到这些软件,可以通过视视频,书籍,网站等多种方法学习。
工欲善其事必先利其器,从这个阶段开始,觉得先学习软件工具了,一般UI设计要学习有以下4款软件(PS 、AI、 AE、 AXURE )那么这几款软件在UI设计工作是负责什么的呢?
PS—UI界面世界设计-70%
AI-更多是UI图标设计—5%
AE-交互动效设计-5%
AXUER-交互原型图设计-10%
一、PS CC 2018(最新版本)
PS可以在UI设计中,绘制界面设计,图标设计
UI的本义是用户界面,是英文User和interface的缩写。UI设计师简称UID(User Interface Designer),指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。简单可以理解为对电脑、手机、平板电脑、电视、汽车或其他电子屏幕等的界面设计和美化。
作为一个零基础的你,UI设计需要什么软件呢?下图为列:
1.【 PS软件】对于UI学员来说是重中之重,工作之中使用的概率大概在90%以上,ps能做些什么呢?我们来看看:
海报设计
产品包装设计
app界面设计
网页设计
插画
2、Ai—— 一款绘制矢量文件的软件,它能做些什么呢?
2.5D插画
VI企业识别系统设计
画册杂志排版
3、 AE---Adobe After Effects
它是一款功能非常强大的图形视频处理软件,属于层类型后期软件。AE可以用于电影、录像、DVC 和 Web 的动画图形和视觉效果制作等多个工作领域,您可以使用 Adobe After Effects CS4 各种灵活的工具不但可以创建引人注目的动态图形
很多刚入门,或者想往交互、视觉设计转行的同学们,都会私信我:我应该学习什么软件,怎么来学习?
千万要知道认识到软件只是工具,会PS、AI、Axure、AE等等(你会word,但是你不会成为作家,虽然是个段子),但是意识到这一点确实很重要,不管是设计能力提升的效率还是思考的深度都会好很多。
软件只是最最基本的东西,方法以及理解,以及运用是关键!
1.怎么才能和设计圈里的朋友聊得起来?理论基础是必须的!
千万别脱口UI,脱口用户,然后就没了...怎么也得看上去是有做过功课的。
书单书单....确实想看一些书,弥补一下理论基础的,可以私信我,全部打包给你。
2.和美好的事物走得更近,因为这是你以后每天打交道的东西
养成搜集、记录“好设计”。
有“设计输入”才会有“设计输出”,摘抄别人的好设计,并不丢人,也并不是“抄袭设计”的行为。
这只是让你离优秀的设计距离更近一步!
这里其实也跟学习方法有关,怎么样的学习效率是最高的。其中“向最优秀的人学习”就是学习方法中的一种,既然花时间去学了,为什么不上最好的平台
UI设计需要学习的软件分为4款,分别有PS,AI,AE,ARP,外加两个辅助插件如思维导图, 马克鳗等软件,这些都是一名UI设计必需要掌握好的软件。
点击下载: 需要学习软件的下载地址
Adobe Photoshop CC 2018简称PSCC2018
Adobe Photoshop,简称“PS”,是由Adobe Systems开发和发行的图像处理软件。
2018年12月推出的Adobe PhotoshopCC2018为市场最新版本。
PS可以用来从事,平面设计,网页设计,UI设计等多种设计工作。
在UI设计中PS的使用率在90%以上,所以作为一个合格的UI设计师。PS是肯定得掌握的。
PS可以在UI设计中,绘制界面设计,图标设计等。
Adobe Illustrator CC 2018简称AICC2018
Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件,
作为一款非常好的矢量图形处理工具,Adobe Illustrator广泛应用于印刷出版、海报书籍排版
UI用户界面设计,所以你的客户是谁很重要,不同的客户对于设计的要求是完全不同的。
而不同的需求也会导致应用软件的选择不同。
如传统企业,现在还是用PS画界面、AI做ICON、ax做原型。
而互联网企业,现在大多数都已经开始转向更轻量化的SKETCH,担任WIN端也有类似的软件。
因为现在互联网比较偏向于扁平化的设计风格,而且更注重界面之间的统一性、规范性、可操作性所以SKETCH还是具有一定的优势。
另外,对于特效方面就非常多了。如果做相对复杂的动效AE不可匹敌呢?但是只是表现视觉元素的位置移动、大小变换、透明度等其实hype更方便一些。
另外就是,现在很多动效工具是直接可以生成页面代码的,而不仅仅是表现动效的效果了。
这无疑对AE这种专注于动效的应用软件有一定的影响。
另外,现在应用层出不穷,而且越来越功能强大。所以,对于设计表现部分的要求会逐渐降低,而设计思维方面却要求设计师有更深层次的思考。
从怎么做,到为什么做,这是一个需要买过去的坎……
推荐一:我要自学网
http://www.51zxw.net/
网站里的视频教程均由经验丰富的在职教师原创录制,有着不少贴心的服务,让大家享受一站式的学习体验。网站意在把学校的专业教育带给更多学子,里面有各种软件的教学视频
推荐二:mishu网
http://mishu.pro
给设计师提供素材的网站,可以从里面学习一些摄影的素材图片获取灵感,国内为数不多的免费自媒体素材提供库,内容非常丰富。
推荐三:设计癖
http://www.shejipi.com/
这是一个帮你发现好设计的地方,网站的主要是提供一些生活中的设计和一些创意产品。同时网站也提供一些招聘服务。
推荐四:设计青年
http://www.design521.com/
设计青年,是一个非常不错的原创设计分享网站,上面也有与设计相关的招聘。
推荐五:中国设计网
http://www.cndesign.com/
中国设计网入住了一些优秀的设计师和设计团队,在这里你可以看到设计师们一些特别唯美的东西,特别享受!
内容不够看,还想了解更多?
关注我,一起