XD插件pexels(xd插件)

XD插件推荐「XD拉框助手」

想必大家都有经历过做数据图标时的艰难，一份好的图表，既要一目了然突出关键数据，又要有创意，美观… 在界面里的图表更是要兼顾整个界面的视觉统一，所以图表制作是非常耗费时间精力的。今天马克笔设计留学的MUzi老师就来给大家安利一款可以快速上手，生成各种类型图表的XD插件——「XD拉框助手」。

下载

网址https://www.pslkzs/xd/index.php，下载成功后双击插件文件即可安装。

使用

下载成功后，打开你的XD，在插件栏中就会出现「XD拉框助手」（图1），单击打开它，在登陆页面中选择免费使用，拉框助手就打开了（图2）

图1

图2

插件中对应的内容大体如下，其中还贴心为新手准备了图文和视频教程。

插件中最上面一条按钮对应着各种类型的图表，依次是：

折线图；竖柱状图；横柱状图；饼图；雷达图；地图

插入图表时需要先绘制一个矩形，选中它，这样插入的图表会自动适配矩形的大小。

以折线图为例，按照自己需要设置你图表的各种参数。在数据部分，可以选择 随机数据 和固定点的数据，随机数据的数字范围不要超过 Y 轴的整个范围，固定点的数据需要手输入数据，数值之间用英文逗号隔开。

设置完成后点击 「自动绘制」按钮，一个精致折线图表就绘制出来了！

大家可以多尝试一下，这款插件上手非常块，设置参数部分看似复杂，其实作者在每一个不好理解的选项处都设置了 注解 如下图，鼠标移动到

小问号上注解就会出现，做到这样的细节真的很难得。

文章作者：MUzi南安普敦大学交互设计硕士擅长交互设计与用户体验相关专业辅导和课程知识体系建立

关于移动用户体验设计的那些事，你知道吗？

编辑导语：什么是移动用户体验设计？为什么进行移动用户体验设计以及该如何去设计呢？本文作者围绕这些问题为我们做出了详细地解答，让我们一起来思考学习吧。

移动用户体验设计的目标是为了给使用移动设备、可穿戴设备使用应用程序和相关服务的人带去舒适的体验。移动用户体验设计非常注重可发现性和效率，一个移动应用程序的成功，完全取决于它如何引起用户的注意力和满足他们的需求。

一个出色的用户体验设计是高效设计过程的结果，优秀的移动应用程序开发人员总是把用户体验放在心上。

一、为什么移动用户体验值得去设计？

移动是一项不断发展的技术，越来越多的人也正在使用这个技术。移动设备使用方便，比传统的台式机或笔记本电脑更容易携带，移动用户体验设计是移动应用开发的关键。

移动应用程序的用户体验包括用户使用它的整个过程，图形用户界面（GUI）也是其中的一个方面。

移动用户体验

如何做好移动用户体验设计？让我们一起看看设计指南吧！

二、移动用户体验设计指南

研究你的目标受众，了解客户的需求和偏好，提升APP的用户数量并减少流失的关键就在于：需要设计一个”别具一格”的APP。

无论你是在开发Android还是iOS应用程序，都需要良好的用户体验设计，以下的内容将帮助你设计出优秀的移动用户体验！

1. 设定明确目标

与所有商业决策一样，没有明确的目标是很难成功的。

但切记，一定要设定现实的目标，然后记录下你的目标，以及你预计的APP推广方式。一旦你有了做应用程序的想法，先看看潜在的竞争对手，了解它在当前竞争激烈的市场中所处的地位。

更重要的是，你要研究你的目标受众，以及他们的需求和偏好。

2. 选择平台

每个操作系统都有自己的设计语言，你应该遵守特定平台的设计指南。

无论是iOS、Android，还是增强型网页应用（PWAs），在进行应用程序设计之前，首先都要选择开发应用程序的平台。

这个决定取决于你想要的应用程序的类型以及你想要构建应用程序的原因，每个操作系统都有自己的设计语言，你应该遵守特定平台的设计指南。

应用程序设计人员应该考虑特定平台的按钮位置和导航模式，为了确保你的应用程序在感觉、外观和功能都是正确的，你必须考虑到所选择的平台是否满足设计应用程序的各个方面——这是成功的关键！

因为如果你的应用程序无常运行，用户会毫不犹豫地卸载它。

如下图所示，56%的用户在使用应用程序中会遇到问题：

移动应用体验问题

图片来源：“用户对缺陷应用的容忍度很低，只有16%的用户会尝试一个失败的应用两次以上。”——莎拉·佩雷斯（Sarah Perez）

如何选择平台得到正确的设计指南？

iOS的设计指南可以看看苹果的《人机界面指南》，而Android应用程序却应该参考一下《Material设计系统》，以下是一些基本的设计指南可供参考：

设计应用程序时要保持与移动设备一致的操作方式通过提高应用程序的可访问性和可用性来改善用户体验使用平台上应用程序需要的GUI组件，而不是设计自定义组件确保用户在他们设备上使用应用程序时感到舒适

3. 直观地表达你的想法

草图可以帮助你完成逻辑和结构的设想、简化设计，并专注于可用性和流程。

首先绘制应用程序的用户界面和信息架构，包括应用程序的导航系统。草图可以帮助你完成逻辑和结构的设想、简化设计，并专注于可用性和流程。接下来让我们看看创建线框图的要点吧！

许多人将线框图描述为一个应用程序的蓝图，它们通常以图形方式展示重要功能、特性和内容，构建时需要注意以下内容：

内容优先级界面空间分布可用功能预期行动界面之间的逻辑关系

线框以视觉方式传达你的想法，这将有助于具体设计的开发。在这里，视觉设计不是重点，你可以借助一些线框工具（如Adobe XD、Sketch或者Mockplus）创建线框图。

为什么线框图是一个关键步骤？

应用程序的直观展示可以让大家清楚地了解它的外观和功能让设计人员能够看到页面间的用户体验是否流畅促进团队沟通修改时更容易操作、且成本低突出设计问题和不一致的地方如果技术无法实现，易于修改

4. 设计视觉元素

用户体验设计，实际上是通过提供流畅的体验和优化应用程序的可用性来提高客户满意度。

一个有效的用户体验设计应该对用户产生即时的影响，据研究表明，94%的第一印象与应用程序的视觉设计有关。在影响第一印象的众多功能中，排在首位的是网络导航和视觉吸引力。

给人留下良好的第一印象可以让一款应用提升到更高的高度，所以投资的话需要考虑一个能够吸引用户的设计。

视觉设计

但请记住，尽管外观是最重要的，一个优秀的用户界面（UI）也必须提升应用程序的整体质量。

虽然用户界面定义了应用程序的外观和行为，但实际上用户体验设计也在通过提供流畅的体验和可用性来提高客户满意度，那么如何做好视觉界面的用户体验设计呢？

视觉界面设计包括颜色、字体和图标等元素，所有这些元素都应该与应用程序的品牌Logo保持一致。最重要的是，应用程序的视觉设计应该是美观的。

要构建一个完美的视觉原型，需要注意以下几点：

追求简约的设计保持导航简单易用认真选择字体和颜色确保按钮和链接的点击友好考虑哪些元素需要可视化层次结构在整个应用程序中保持一致性

5. 构建并测试原型

重要的是，必须保证有代表用户的参与者进行测试。如果可能的话，尽量是真实用户。

创建最小可行性产品（MVP），一个缩小版的应用程序可以让你以低成本地测试应用程序的所有关键特性和功能。这样做的目的，是在上传应用程序到app store之前可以优化应用程序的基础功能和结构。

测试原型

创建并测试一个点击式原型，以获取用户的反馈，并确定是否需要更改。最初你可以在公司内部组织其他部门的人员一起测试，但是需要记住，测试时必须要有少数代表用户的参与者，或者尽可能是真是用户。

创建原型并与用户一起测试可以帮助你：

更好地了解用户评估应用程序的功能确定应用程序是否为用户带来了预期的价值

通过测试，你可以在应用程序设计和开发的早期阶段发现问题，并及时制定解决方案。然后，你可以对设计进行修改迭代，重新实现它们，并再次测试它们是否解决了所确定的问题。

在用户可用性测试的结果令人满意之前，不要进行beta测试。

注意：与其一次性解决所有问题（无论问题有多小），不如先解决主要问题。否则，你可能需要进行无数次的迭代。

三、结论

用户体验设计的目标是改善用户与产品的交互和体验方式，如果你设定了明确的目标、选择了正确的平台，通过线框图表达你的想法、设计视觉元素，并构建和测试原型，你一定能创造出优质的移动应用程序用户体验！

原文作者：Charles Richards

原文地址：https://www.uxmatters/mt/archives/2020/07/mobile-user-experience-design.php

本文由 @摹客团队翻译发布于人人都是产品经理。未经许可，禁止转载

题图来自 Pexels，基于 CC0 协议

今天Adobe XD正式公布插件平台 现有插件汇总

今天Adobe XD正式公布插件平台，发布了 Microsoft Teams、Slack 和 Jira 的第三方集成插件，现在利用 Adobe XD API，开发者可以在Adobe XD之上，添加新功能，自动化工作流并将XD连接到设计人员每天使用的工具和服务。Sketch上的插件应该很快都会移植到Adobe XD上来。

开放平台将于今年晚些时候公开发布，但Adobe已经与早期开发合作伙伴合作为XD构建插件，包括Microsoft、Trello、UserTesting、Airtable、Dribbble、Silicon Publishing、Slope、inMotionNow、Astute Graphics、Anima 和Google Cloud，以及自己的Behance 和Stock 服务。

我们来看一下目前已有的Adobe XD 插件，还有一些曝光的正在开发中的插件。

01.Zeplin - 标注和协作

Zeplin - 自动标注协作工具，从 Adobe XD 导出到 Zeplin后可在线查看标注、生成代码片段、导出切图、沟通协作。缺点是国外软件全英文，服务器在国外打开比较慢，免费用户只能上传一个项目。

02.Avocode - 标注和协作

Avocode - 上传之后可自动生成标注、导出切图、生成代码片段，支持CSS，Sass，Less，SCSS，Stylus，JS in JS，Swift，Android。

03.Sympli - 标注和协作

Sympli - 仍然是在线标注和协作工具。。。但支持直接集成到Xcode和Android Studio，30天免费试用。

04.Kite Compositor - 原型插件

Kite Compositor - 动画和原型设计，仅支持 MAC 和 iOS，99美元

05.蓝湖 - 标注和协作

国产软件，支持标注、切图和协作，不支持导出到本地。

06.PxCook - 标注和协作，支持导出到本地

国产软件，自动标注和协作，支持导出到本地。

07.ProtoPie - 交互插件

ProtoPie 是一款无代码高保真交互原型设计工具，支持Adobe XD、Sketch一键导入，学习成本低，可能是仅有的支持Mac和windows双平台的交互软件，与principle、orgami、AE等相比，它更加轻量，集成的功能更吸引人，可以调用iphone系统的陀螺仪、麦克风、罗盘、3D Touch， 多种智能传感器等等，绝对是windows用户设计师的福利。同时国内也有ProtoPie的授权经销商，比如XD中文网。

以上是目前已知的7款插件，不出意外，将来在XD左下角图层、资源按钮上方会多一个插件按钮，可打开插件面板，里面集成XD部分插件。

Adobe XD 插件按钮

Adobe XD 插件面板

同时我们也看到了一些其它的正在开发中的XD插件：

Adobe XD 图层管理插件

数据填充插件

以上信息由XD中文网提供。