在过去的一年里，Figma是体验设计领域最受欢迎的工具。就在最近，它开始频繁地在Axure 9.0和Figma之间的切换使用深刻感受到了设计细节带来的体验差异化。今天，优秀的漫画之旅小边通过一些细节亮点，总结了工具软件体验设计的几个原则。
提前声明，本文不是比较软件工具的优缺点，只是讨论设计技巧，简化设计，降低信息噪声，效率设计，提高用户行为效率，可视化设计，降低用户思维成本。我希望它能帮助你。
一、设计简洁
对象的属性栏在工具软件中应为用户的高频操作区域。
在整体布局上，Figma和Axure基本相同，包括三个模块。可以设置对象的各种属性和交互效果设计。基本属性模块是用户操作的首要任务。
但Figma属性栏通过信息分级显示、内容简化、布局有序等设计方法，为用户带来更好的体验。
1、分级显示，隐藏不必要的内容
在创建元素时，Figma属性栏默认只显示位置尺寸信息、层透明度和颜色填充等基本信息，描述、投影、导出等设置项只显示标题，所有内容都隐藏不显示，以确保操作信息的所见所得。当用户添加设置项时，系统会给出默认设置，用户只需要根据需要修改内容。
此外，Figma还采用交互操作，以减少页面的信息量。例如，默认情况下，下拉选项不显示下拉按钮，而是显示鼠标悬挂时，使原始信息复杂的页面更加清新。
Axure平铺内容信息，无论用户是否需要操作，都会显示设置项的内容。这种布局设计确实可以减少用户的点击操作，但低频操作的设置项增加了页面信息量，成为页面的信息噪声。
2、适应用户习惯，减少页面信息量
为了提高自行为效率，用户不会命名所有页面元素。事实上，用户的命名频率并不高。因此，在元素属性设置中，Figma在图层列表中没有修改元素名称的选项。
在Axure元素属性中，命名作为首要内容放在顶部。
3、统一的对齐模式使信息更加有序
两者在信息布局和对齐方面也有所不同。Figma采用上下布局，上面是功能标题，下面是设置内容。信息水平更明显，更符合用户的浏览习惯。同时，它也有很好的一致性。
Axure主要是左右布局，左边是标题信息，右边是内容项目。我个人理解，这种布局是为了压缩高度方向的尺寸，以确保设置项目的屏幕尽可能完整地显示，以避免滚动条，增加用户的操作成本。但这种布局导致了内容显示的混乱。
此外，不同长度的底边输入框也增加了内容的复杂性和混乱感，导致页面信息的混乱感。
二、效率设计
工具软件的首要任务是追求效率，降低用户的运营成本。
1、模板化设置
1)组件化设计
Figma具有强大的组件功能，类似于Axure中的母板，但更灵活。在父子继承关系实现修改后，子组件可以同时修改。但子组件具有一定的独立性，内容可编辑，以确保灵活性和可用性。
而Axure的母版则是强制性的，一旦修改了父组件的内容，子组件必须修改。
2)模板化的风格
在Figma中，用户可以创建自己的颜色、描边和阴影样式库，在设计中随时调用，一劳永逸，降低频繁调整样式的运营成本。
2、选择替代输入
预设选项可以有效提高用户效率。例如，在设置字体大小时，Axure没有预设选项，用户需要手动输入和修改。常用字体大小预设在Figma中，用户可以下拉选择。
此外，Axure默认字体为13号，Figma为14号，更适合设计师主流使用字体，减少用户修改次数。
3、批量修改
批量修改是提高效率最常用的设计方法。Figma和Axure都有padding设置功能。但Figma可以一键操作，用户一次输入可以修改四个边距，调整效率更高。
如果Axure想要设置四边等距，则需要逐一修改，操作相对繁琐。
三：可视化设计
在设计工具中，可视化设计更多地用于位置相关功能，帮助用户更好地理解信息，从而降低用户的思维成本。因此，两者都增加了设置选项的可视化形式。
比如上面提到的Padding设置，Fimga采用可视化的形式，用户可以直接对号填写，用户的思维成本更低，甚至0成本。Axure中的圆角设置和边线可见性设置也采用可视化的形式。而且可视化还具有操作功能，方便用户操作。
4：当然，Figma的设计细节不止这些，但许多设计不是Figma的新创新，而是在Axure和Sketch的基础上进行优化。因此，有价值的设计不一定是站在巨人的肩膀上，根据自己的产品定位和特点制定设计方案。
以上是红喵教育小编介绍的“[广州UI设计培训]：学习如何从Figma中进行交互设计？“对于相关内容，您可以参考红喵教育提供的UI学习路线进行UI设计培训。学习路线包括PS软件介绍、人工智能与品牌设计、视觉表达技术、网络视觉设计、图标设计、产品交互、移动终端设计等。根据红喵提供的UI学习路线图，您可以清楚地了解学习UI所需的知识！
湘公网安备43019002002199
