学会用这些工具,UX/UI设计师不用再发愁UI/UX设计工具ZeplinSketch是一款非常强大的设计工具,也是很多设计师最常用的工具之一。因其有众多开源插件而广受欢迎,设计师可以自由安装这些插件来提升工作效率,Zeplin可以说是最有用的插件之一,不但可以帮助设计师轻松检查界面的大小/字体/颜色和尺寸,还允许将每个元素从画板直接下载到元素。

此外FIGMA还可以与Slack联动,实时更新给整个团队,让设计过程更加的流畅高效。MockplusiDOCMockplusiDoc也是一款功能强大的产品设计协作工具,尤其是对于设计师和工程师的协作来说,它特别有帮助。MockplusiDoc允许设计人员直接从Sketch、Photoshop或AdobeXD自动进行设计交接并导出设计,并查看自动准备的规范,创建交互式的动画原型,使设计协作更加方便简单。

DreamWeaver,这款软件最常用最流行也最专业,DW现在是一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Photoshop,简称PS,这款软件不管是在网页的设计与开发中,还是在网站的运营管理中都会经常用到,初学网站建设和网页设计时,我们离不开这PS,它是一款功能强大的制图软件,PS在平面设计,广告摄影,影像创意,网页制作,后期修饰等多方面都有广泛运用。

flash在对视觉的动画效果方面很是专业,但是flash太过于精细和费时,每一帧都需要精细设计,每一个动画的旋转效果都需要体现美感的设计要求。不过,Flash也逐渐被HTML5,简称H5代替,因为Flash的播放需要插件。网站建设所要用到的软件有很多,但最基础,最好用的也就上述这些,其实好多软件都是相通的,有些软件可能没见过没有听过,但都是大同小异,完全可以触类旁通。

一、AvocodeAvocode是前端切图神器,它实现从视觉到代码的过渡,自动生成导出图片的代码。兼容:Sketch,Photoshop,AdobeXD,illustrator和Figma。交接和检查提供设计并获得规格切换并检查任何设计。Avocode是一个独立于平台的工具,可帮助团队将Sketch,PSD,XD,AI和Figma设计转换为Web,ReactNative,iOS或Android代码。
设计管理保持设计版本同步跟踪设计变更,观察您的项目开发。保持您的设计文件在云中的组织,同步和备份,以便您的团队可以持续访问最新的设计版本,原型分享、玩耍和检查原型涵盖从原型到Avocode代码的工作流程。轻松将所有设计原型导入Avocode,让团队的其他成员看到屏幕,评论和检查之间的关系。