UI入门基础

U鱼圈2018-11-08 12:28:23


UIUEUXUED等这些文字理论的介绍我就不一一赘述啦在我的工作之中所掌握的软件是PSSKETCHAI、插件是ZeplinMeasureCutterman偶尔用到但是极少是AEC4D、Flinto、这些软件。



Ps,个人觉得是每个做设计的都必须掌握的软件它的强大之处不用多说不管是做界面还是p都一直是很多设计师的首选但是随着最近几年Sketch在针对UI界面设计上很有针对性而且容易上手软件比较轻便安装包根据不同版本只有30~60M,排版效率很高很多人纷纷投身使用Sketch。其实我个人觉得软件终归是你完成工作的工具不是谁好谁坏只要你用着好用感觉舒服就好但是协同工具还是设计软件都在时刻变化着希望有不错的软件可以去尝试使用善于接受新潮主流的知识保持活到老学到老的心态


Sketch很多公司都会要求会,就目前做UI来说,它成为了当下的NO.1,个人感觉用起来还是不错的,上手很快,而且sketch在插件上的扩展性简直就是牛气轰轰。Sketch实际上把ps和ai的功能混合在一起了,形状和矢量都很容易去定制,图层也可以更简单的操纵。它可以把一整套APP,一整套Web界面全都放在一起拷贝素材之类的非常方便因为是矢量文件保存下来占用的内存也比较小但是在处理照片上功能性还是很弱的处理照片的工作我一般会放在PS里去完成。不过缺憾就是目前没有windows版,只有OS X的版本。插入一个小故事:曾经面试招聘一位女设计师,来到公司1天就离职走了,说是用不惯Sketch和Mac电脑,笑哭。。。


AI目前来说我用它就是做icon,便于做路径的icon,方便导出svg格式的当然Sketch同样融合了这些功能!虽然作为UI设计师,但是承担着公司所有的设计工作,小到处理图片,大到设计APP、网页、H5、小程序,甚至电商上传图片,设计节日海报,都是我的工作!心累...目前我用AI一般都是制作公司的节日海报了易拉宝了等等,便于转曲后直接交给打印店打印,AI制作的文件比较小,仅有几M而已,亲眼看到过用PS设计的易拉宝高达3个G,笑哭...苦逼的我承受拉莫多!


zeplin,挺不错的一个插件可以把pssketch里面做的界面提前把icon打包切好直接上传邀请开发注册进组就可以看到你上传的界面了以往的界面上我们的标注会在设计界面上用markman标注的到处都是,严重影响原有界面的视觉效果,不忍直视!现在自从有了zeplin,哪里不知道点哪里,So easy!开发再也不用担心哪里的尺寸漏标了、错标了,减少了和开发的撕逼时间,也让开发更有效率的去还原设计稿而且上传的icon开发可以直接下载pngsvg格式现在zeplin支持pssketch的插件扩展有机会可以跟大家讲一讲pssketch在导入zeplin前的一些操作保证在导入的过程中可以不用出错


measure同样也是一款和开发协同工作的插件,目前仅支持Sketch。作为互联网团队,公司的无线网真的是差差差!所以有的时候zeplin上传好之后,开发怎么也刷新不出我新上传的界面,自从我换了新的imac,zeplin基本上就与我彻底告别了,再也打不开了,不知道怎么回事,希望有哪位大神知道了,可以告诉我!现在基本上用上了Measure,设计好的界面,提前切好icon,导出界面规范以后生成html文件包直接给到开发开发打开index文件就可以显示设计的界面,跟Zeplin一样,哪里需要点哪里,还可以把直接下载icon!


Cutterman切图工具,ps里用这个切图特别的方便可以根据不同界面,ios,android,web切出各种规格的icon。因为平时也会帮开发处理图片尺寸和大小用这个软件确实事半功倍!

另外还有很多搭配Sketch软件的插件,例如Flinto,可以做界面跳转,帮助用户理解APP、网页的整体结构,更好的阐述某个部件、某项操作与APP的关系,而且还可以做交互动效、操作手势,并可以在手机上预览,制作交互Demo都是不错的选择,可以做一个以假乱真的APP,哈哈!还有Principle,好像和Flinto比较类似,我还没有用过!

圈圈有很多大神朋友,南瓜哥和三哥都是我学习和努力的目标,他们一直敢于接受新鲜知识和软件,永远都跑在我的前面,我要向他们学习!