Adobe XD是什么软件?——UI设计新利器

  Adobe XD是什么软件?UI设计师是不是只要学习了pS和AI软件就可以了呢?看看BOSS直聘、智联招聘里的UI岗位的用人需求,相信你会发现,只会pS和AI,除了电商设计岗位的话,要从事移动端界面开发,或是小程序界面设计,只有这两个软件的技能,显然还是达不到用人企业的要求。因为App和小程序的开发,除了界面设计外,还要设计出各个界面中的交互效果,而制作交互,pS中根本没有这个功能,因此,UI设计师,要学习交互软件,如Sketch、Figma、墨刀等。

  然而这些软件中,不是由于系统不兼容无法安装,就是操作不便、效率不高,或就是全英文界面,让新手无从下手, 而Adobe公司则推出Adobe XD,这个软件可以在MAC和Windows中都能使用,Adobe XD本身有许多高效的原型设计功能,加上其背后强大的Adobe全家桶的支持,其在使用上有非常强的优势,因此,作为合肥科海培训的UI设计培训教师,自然把这门软件作为科海培训中心UI设计专业的必修软件,它的强大功能如下:

  1、响应式画板调整

  由于移动端越来越受重视,实际设计工作中,一般客户都会要求自己的网站有pC端与移动端,这就需要设计师设计两个终端的页面,而Adobe XD则可以帮助设计师快速转换自己的设计,以适应所需要屏幕尺寸,使用响应式调整大小智能地调整画板大小。

图01.gif

  2、快速拼板的功能

  XD中的重复网格功能,一直是本人最喜欢的功能之一。当遇到页面中,需要重复的版块时,你只需要设计出一小块,其他重复的部分,就可以用它直接拖拽出来,不管是横向重复,还是纵向重复,都能轻松拖拽搞定,非常适合设计制作店铺首页中的商品列表,或是新闻版块中的新闻列表。

图02.gif

  3、批量调整间距

  重复网格的作用不仅仅是可以快速重复制作版块,还可以对版块与版块间的间隔,可以任意调节其间隔,再多的版块间隔,只要拖拽一处,即可全部调整,实现批量调整。当上课时,给同学们演示时,好多同学都不由自主的惊叹这个强大高效的功能。

图03.gif

    4、批量填充图片功能

  如果上面两项你觉得很强,那这项,更是锦上添花。重复网格可以批量重复与调整版块间隔,而XD中的图片填充更了不得。除了可以单张拖拽填充到设计页面中,更可以一次性将多张图片拖入,并可自动排序。

图04.gif

  5、可以实现快速交互

  以上是XD在界面设计中的操作优势,然而,作为一款专业原型软件,怎么能离开交互制作呢?XD的交互制作更是省心,XD中特别设置了原型视图窗口,就是方便设计师,在其中方便的为各元素和页面,添加链接、滚动等交互操作。

图05.gif

  XD所具备在原型设计中的操作优势,还有很多,如响应式堆叠、自动边缘填充量,还有组件、3D界面转换等等原型设计中常用的功能,再加上大量的插件支持,使其功能相当强大,界面开发效率十分高效,再配合Codesign或蓝湖使用,使整个UI项目的界面生产力大大提高。

  做为专业的UI设计培训讲师,就是要把这些高效的工具,传授给自己的学员,使学员能充分满足企业的用人需求。所以,赶紧学习Adobe XD吧,适应当下互联网高速发展的新的UI岗位需求。