Sketch-强大的矢量绘图工具支持平台:仅支持Mac。
请点击输入图片说明。
Sketch是一款强大的界面设计工具,专门为UI设计师设计,让你的界面设计更加简单高效。如果你是UX或者UI设计师,那么你一定知道Sketch,一个强大的UI设计软件。如果你想转行做一名UI设计师,那么你一定不能错过这个有用的设计工具。
在Sketch中,用户可以轻松设置图层面板,批量命名图层,智能标注页面,填充头像和人物,实现多层填充、渐变、噪点等操作功能。Sketch提供了“导出全部”功能,因为是基于矢量的,所以可以导出PDF、JPG和PNG (2x可选)等格式。不得不提的是,Sketch为设计师提供了丰富的插件,越来越能满足不同人群的设计需求,你需要的所有工具都触手可及。
特点:
卓越的用户体验
非常简单易用
提供大量实用的插件
素描插件合集可戳:sketch.im
2.?强大的图像处理软件Photoshop
请点击输入图片说明。
请点击输入图片说明。
支持的平台:Windows和Mac?
Photoshop是最流行的图像编辑器之一,也是UI设计师必不可少的界面设计工具。我相信我也不是设计行业的小伙伴,略知一二。PS作为UI界面设计的神器,拥有强大的图片编辑处理功能,可以用来实现任何想要的图形。它可以用于摄影的后期制作,为图像添加各种滤镜,调整亮度和对比度,以及生成高分辨率的图形。在图层面板的帮助下,可以非常简单高效地处理恢复的图片;而且PS提供了不同文件格式保存的选项,调整图像大小和分辨率也不会损失画质。
PS:如果要做图标,需要用矢量绘图软件AI来做,这样放大就不会失真。
特点:
照片处理技术(剪切背景、剪切、调光、调色、过滤、消除红眼等功能)
强大的图层功能,处理复印件时保存原件。
批量处理照片
兼容其他住所套件程序,如After Effect,InDesign和Illustrator。
Photoshop可以保存各种格式的图像。
3.?模仿原型-快速在线原型界面设计工具网页链接
请点击输入图片说明。
支持的平台:Windows和Mac?
强大的高保真原型设计,与协作平台完全集成。快速输出和精细设计没错:产品经理和UX设计师可以快速完成交互原型设计,轻松制作流程图;UI设计师可以实现像素级的逼真度。?
特点:
全新的主辅画板模式,可以灵活打造不同的交互效果。
支持多人同时在线编辑同一项目,完成APP原型设计。
拥有钢笔工具、铅笔工具、布尔运算、响应式布局等特殊功能,设计创作随心所欲。
支持页面交互、状态交互、命令交互,设置多种触发模式和曲线,快速制作交互原型。
设计稿支持直接绘制流程图,清晰呈现项目逻辑。
适用场景:高保真原型、快速原型、WEB/移动/平板原型、线框、视觉草图。
4.?zeplin——一个强大的协作工具
请点击输入图片说明。
支持的平台:Windows和Mac
专门为UI设计师和开发工程师设计的协作界面设计工具。作为一名UI设计师,你需要将你的设计传达给开发团队,Zeplin就是为了实现这个目标而设计的。泽普林的操作很简单。设计师直接从Sketch上传UI设计,应用会自动生成一些评论。在面板的右侧,可以直观的看到尺寸、颜色、边距甚至一些元素的代码信息。
此外,UI设计人员可以直接添加评论、标签、注释等。UI界面上的开发者。它填补了开发和设计之间的沟通障碍,为设计者和开发者节省了大量宝贵的时间。
特点:
良好的用户体验
轻松检查界面的间距、大小和颜色。
创建风格以帮助设计团队保持一致。
通过插件快速同步Sketch中的项目。
支持PS,Sketch,Adobe等工具。
5.?AE——一个强大的动态视觉处理软件
支持的平台:Windows和Mac?
请点击输入图片说明。
请点击输入图片说明。
Adobe After Effects“AE”是Adobe公司推出的用于图形和视频处理的界面设计工具。现在动态效果设计在UI界面设计中的应用已经越来越广泛,国内很多公司也开始重视动态效果设计,所以作为一个UI设计师,也要掌握一些动态效果设计。UI设计中动态效果的应用,其实比我们想象的更强大。好的动态效果设计可以为用户提供良好的视觉体验,从而提升与用户的交互体验。
AE这款界面设计工具,可以帮助UI设计师对图片和视频进行任何特效处理。AE是一款灵活的基于图层的2D和3D后期合成软件,包含数百种特效和预设动画效果。AE可以与Premiere、Photoshop、Illustrator等软件无缝结合,打造无与伦比的视觉效果。也借鉴了很多优秀软件的成功之处,将图像和视频特效合成技术推向了一个新的高度。
特点:
震撼的视觉效果
与Premiere、Photoshop和Illustrator无缝兼容。
奖励工具-Dreamweaver
支持的平台:Windows和Mac
请点击输入图片说明。
请点击输入图片说明。
Dreamweaver是一个网页代码编辑器,可以帮助设计人员和程序员快速制作和构建网站。为什么要单独列出来?我觉得UI设计师不仅需要掌握一些界面设计工具,还需要学习和了解一些前端的布局和设计,以便更好的配合前端工程师进行产品开发。如果UI设计师懂得一些基本的代码知识,可以在面试中脱颖而出成为加分项。