09年01月
如何让自己开始使用UXPin
随着我们进入移动设计领域，应用程序设计和响应式设计，人们越来越关注UX（用户体验）和线框图 ，交互式原型和模型。 在这里有大量的工具瞄准这个小众市场，它们从复杂的，充满特色的庞然大物中奔放出来，变得稀疏而勉强有用。 引起我注意的一个工具是UXPin，因为它是由设计师为设计师开发的。
在我们前进之前...一个警告。 如果你的组织喜欢拥有该软件，那么UXPin不适合你。 在这个应用程序中完成的所有工作都在浏览器中完成，您保存的项目将保存到您的帐户中。
要开始使用UXPin，您需要启动浏览器并前往UXPin。 从这里您可以注册一个免费试用版，或根据您的预期需求安排每月计划。 注册过程非常简单，一旦您设置了用户名和密码，您就可以开始使用了。
09年02月
如何在UXPin中启动一个项目
登录时，您可以到达仪表板，从这里您可以决定创建新的线框，新的移动项目或响应式Web设计项目。 还有一些UXPin的插件可以让你引入你的Photoshop或Sketch项目。 为此，我将创建一个带有一些文本的横幅并向横幅添加一个电子邮件按钮。 为了完成这个，我选择了创建一个新的线框。
09年3月
如何使用UXPin接口
设计表面分为四个区域。 在左边的黑色区域是一系列工具，可让您返回仪表板，打开要使用的元素，打开智能元素面板，搜索元素，向页面添加注释并添加团队成员。 底部是一个按钮，打开一个简短的教程，另一个可以访问您的帐户，另一个访问常见问题解答，让您提出问题甚至提供反馈。
沿着顶部的蓝色区域是一系列工具和属性。 右侧较暗的按钮允许您迭代设计，调整项目设置，共享页面并对页面进行浏览器内模拟。
Elements面板是您抓取Design Surface的零件的位置，为您的项目命名并添加或删除页面。
元素库对用户体验设计师来说是一个惊喜。 这款下拉菜单可让您选择从iOS到Android Lolipop的30个不同库。您还可以使用Bootstrap和Foundation元素以及Font Awesome图标，手势手势图标和社交小工具集合。
09年9月4日
如何将元素添加到UXPin页面
要开始，我将Box元素拖到设计图面上，当我释放鼠标时， Properties面板打开。 “属性”按钮可让您命名元素并设置元素的宽度高度和位置值。 您还可以向元素添加填充，四舍五入并调整其不透明度。 点击背景颜色按钮打开一个RGBA颜色选择器。
您还可以将字体，边框和图案分配给所选元素。 闪电箭让你能够添加交互到选定的元素。
09年05月05日
如何在UXPin中添加和格式化文本
要添加文本，请将文本元素拖到设计图面并输入文字。 单击文本属性按钮以打开字体属性并设置文本的格式。 如果您需要一个虚拟文本块，请添加一个文本元素并单击字体属性中的GENERATE LOREM IPSUM按钮。
09年06月
如何将图像添加到UXPin页面
有几种方法可以完成这项任务。 您可以使用工具栏中的图像工具，从库中添加图像元素，或者简单地将桌面上的图像拖放到设计图面上的元素上，如上所示。
09年7月
如何将按钮添加到UXPin页面
虽然有一个Button元素，但是如上所示，在搜索区域中输入“ Button ”会打开所有库中的所有按钮。 将为您工作的那个拖动到设计图面上，然后使用“属性”更改颜色，字体以及边框半径。 要更改按钮内的文本，请在文本上单击一下并输入新文本。
09年08月08日
如何将交互添加到UXPin页面
这并不像它首次出现那样复杂。 对于电子邮件输入，我添加了一个输入元素，调整其大小，输入文本并格式化文本。 选择输入元素后， 单击属性按钮 ，当元素属性出现时，单击面板右上角的可见性按钮 - 眼球。
选择该按钮，然后单击属性中的交互按钮 - 闪电螺栓。 当“交互”面板打开时，选择“新建交互”。 选择从弹出式菜单中点击。 在“操作”区域选择“显示元素”。 现在您将被问到要显示哪个元素。 在枪支上点击一下，然后点击Input元素。 通过确定元素，您现在可以确定是否对元素进行动画处理。 在这种情况下，我决定轻松地显示输入框，并使用300ms的默认持续时间值。
我还想让按钮在点击时向右移动65个像素。 我选择了按钮，打开了“交互”面板并选择了“ 新建交互” 。 我使用了这些设置：
- 触发器 ：单击
- 行动：移动
- 移动方向 ：x轴上65px
- 动画 ：线性
- 持续时间： 300毫秒
要除去交互，请选择元素并打开“交互”面板。 在面板中选择交互，然后单击垃圾桶以删除它。
09年9月9日
如何在UXPin中测试你的页面
由于您在浏览器中工作，因此测试非常简单。 点击模拟设计按钮。 该页面将在浏览器中打开，您可以测试方式。 还会在页面的左侧添加一个面板，以允许进行评论，如果有多个页面，可用性测试，实时共享，编辑和返回仪表板，则添加一个站点地图。
页面底部是另一个小型面板，可让您显示交互式元素，显示或隐藏注释并与其他人共享项目链接。