新手如何快速完成UI设计? | 软件推荐

「UI设计」是开发当中是必不可少的一个环节，那么作为新手，如何才能用最少的时间设计出高质量的UI呢？

在此之前我们先搞清楚我们经常所说的UI、UX、IxD这些究说的是什么内容。

关于UI和UX我举个例子你大概就懂了：小明家里面有一只小猫，这只小猫是橘色的，身子圆滚滚的（UI）。当小明撸它的时候会感觉十分的高兴（UX）。

UI：用户界面（也称「人机界面」），人机互动的界面，比如说：一款App的界面、网页等等。另外，现在我们所指的UI设计多为GUI设计师（软件界面设计师）。

UX（UE）：UX和UE是一样的，都是做「用户体验」的，简单来说就是让用户用得舒服。

IxD：交互设计（优质的交互设计往往能带来更好的用户体验）

在这篇文章中会简单讲一下以下三款软件的使用心得：「Mockplus」、「磨刀」、「Adobe XD」。这三款软件在我眼中都是比较好上手的UI设计软件。

Mockplus

支持平台：Windows、Mac OS、Android、IOS

价格：Mockplus有免费版和付费版（独立开发者用免费版感觉足够了）

安装方式：官网下载

简介：Mockplus（摹客）是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。（摘自百度百科）

使用心得：Mockplus在国内其实挺有名的，操作易上手，坐拥丰富的组件与图标（免费版200+图标，付费版3000+图标），一站式UI设计平台。

支持平台：Windows、Mac OS、Android、IOS

价格：

安装方式：官网下载安装

简介：墨刀是一款国产的原型设计软件，可以用来进行UI设计。

使用心得：磨刀功能强大，学习成本低，界面美观。虽然磨刀分付费版和免费版，但如果仅仅是个人使用，免费版完全足够。

墨刀里包含了丰富的组件和图标，可以说是完全做到了一站式UI设计。

无论你是付费用户还是免费用户，都能够在手机上实时预览自己的作品。个人感觉墨刀的实时预览相较于Adobe XD的实时预览会更加的简单方便。

除了上述上述功能之外，墨刀能够使开发者极其简便地添加交互，制作工作流等内容。

支持平台：Windows、Mac OS、Android、IOS

价格：免费

安装方式：通过adobe creative cloud安装

简介：Adobe XD是Adobe家族中一款集设计与交互于一体的UI/UX设计软件。

使用心得：Adobe XD最大的感受就是标题所说的「简便高效」了，Adobe XD界面简洁好看，学习成本相较于Mockplus和磨刀会多一点，但Adobe XD相较于之前两款软件能够提升设计效率。接下来介绍几个Adobe XD的特色功能。

1.更加智能的「参考线」

Adobe XD去掉了Ai、Ps里参考线的功能，取而代之的是一种更智能的方式。在Adobe XD中有着自动吸附、智能显示等功能，能够更加简便清晰地为设计师提供精准参考。

2.重复网格

Adobe XD中重复网格能够实现快速复制，快速处理，能够一次的修改/复制多张图片/文字。

3.优质的交互功能

Adobe XD有着优质的交互功能，交互功能简便且多样，而这样的交互功能在Photoshop中是难以实现的。

除了上述功能之外，Adobe XD还提供了多平台的预览功能，设计师能够在IOS/Android平台上实时预览自己的创作成果。Adobe XD还能直接打开Photoshop、Sketch的文件，并进行修改。

总的来说着三款软件都是设计UI的好手，但我个人更推崇「墨刀」一点，如果有能力的建议用「Adobe XD」完成UI设计