Framer

简评： 每个人都在问：“哪个原型设计工具是最好的？！” 这是个错误的问题。正确的问法应该是：“哪个原型设计工具对我现阶段的目标是最好的？” ▎ 在开始设计原型时首先明确这四个问题： 原型设计是设计思维过程中的一个密切部分，它让我们有机会去证明我们的疯狂想法。当原型完成时，我们测试并验证我们的设想。当有新信息出现时，我们还会调整我们的设计。 但是我们如何知道我们该使用哪种工具呢？原型应该设计到哪个地步呢？无论你到原型设计的哪一个步骤，这里的四个问题你都应该注意： 你是在为手机、平板还是桌面做设计呢？ 你的原型需要什么程度的保真度？ 你需要多少时间完成设计？ 你需要多少经验去展示？ ▎六 种场景和每种场景下合适的原型设计工具 我将给你举些例子来说明我的观点，告诉你每个场景中哪个原型设计工具是最好的。我们将使用上面概述的问题为每个场景创建上下文。 一、快速的在线原型界面设计 在项目立项之初，可能会涉及多方同事协同，包括设计、产品、运营，以及团队的领导，这个时候通常会采用在线工具，方便迅速地给团队提供原型预览。 这一阶段的原型设计工具，推荐 摹客 ：同时具备 强大的高保真原型设计能力 和 团队协作能力 。不仅保证了快速产出和精细设计两不误，同时满足产品经理、设计师的需要，在线工具的协作能力更是不容小觑：多人实时编辑，便捷的团队评审，工程师查看页面数据、复制代码等强大功能非常适合团队使用。

1、Sketch 3 Sketch是完全满足我上面4条选择条件的一款UI设计工具，前文第50页已经提到过相关内容。 2、Affinity Designer Affinity Designer是Mac上一个快速、流畅及精确的矢量图形设计软件。你可以使用它来做广告、图标、UI或是创作概念艺术。在全世界超过2500个应用商店评级中获得平均5颗星，并且从一开始就成为了“编辑推荐选择”，被特别推荐为2014最佳新应用程序之一，并因其令人惊叹的性能和功能在2015年6月的苹果全球开发者大会上获得了令人垂涎的苹果设计奖。 3、Framer 原型设计的工具很多，比如，Flinto、Principle、Orrigmi等，但我却很少使用。如果一定让我推荐的话，我选择的是Framer Studio，因为，它允许我使用JavaScript代码来控制动效，这一点非常吸引我。 4、PaintCode 你可以使用PaintCode工具方便地进行图形设计，也可以将SVG或PSD文件导入到PaintCode中，然后它就能将你的设计转换成Objective-C、Swift或C#代码。 5、Hype 3 Professional 我一般只在网站或APP中使用简单的动效，但如果你希望在你的网页或APP中做出非常炫的动画效果，那么可以使用Hype，它能方便地设计动效并将它导出为HTML5代码。 6、Pixave 2

可能是目前最全的交互原型工具清单？ 或许你看过很多原型工具推荐，但这次的数量应当会让你惊讶。 当前数: 62+3 — Adobe XD Adobe 对 Sketch 作出的回应产品，集设计和原型功能的强大工具。目前处于测试阶段（支持Mac 和 Win10），但发展迅速，正式发布的时候应该会更加强大。 AnimaApp Anima 已经推出了一系列不错的 Sketch 插件，其中最新的是 Launchpad 插件。 虽然是用来快速制作发布网站，但是可以用于原型设计和概念认证。 Antetype 较少人了解的原型工具，具有响应式布局、导出和导出代码等功能。 AppCooker iPad App，可以直接在设备上制作原型。 Atomic 基于浏览器，易于分享以及功能也不错。支持从 Google 表格导入数据，以及直接通过URL分享原型。 Avocado by Ideo Avocado是Ideo做的一套工具, 配合 Quartz Composer（QC）一起使用。 Axure Axure是经典成熟（2003年）的原型设计工具，包括设计、原型、图表、文档等制作。 Balsamiq 流行的线框原型设计工具，闻名于“餐巾纸草图”。 Briefs Briefs是一个 Mac 和 iOS 结合的原型工具。 Bubble.is Bubble 可以通过可视化界面构建后台逻辑。 C4 Studio

摘要 本文介绍了contiki netstack的MAC层以下数据收发层次结构，并讨论如何移植新的无线器件做为contiki的无线收发器。 正文 contiki netstack的数据收发层级 Radio：主要完成物理层无线数据的收发和控制 Framer: 完成对数据帧的打包和解析 RDC: radio duty cycling, 周期性访问radio，主要为了减少功耗 MAC: 数据链路层 Netstack: 网络协议栈 contiki内各层级的配置与用处 contiki可以在contiki-conf.h中进行配置 #define NETSTACK_CONF_NETWORK rime_driver //使用rime协议栈 #define NETSTACK_CONF_MAC nullmac_driver //不使用mac层协议 #define NETSTACK_CONF_RDC contikimac_driver //使用contikimac rdc #define NETSTACK_CONF_FRAMER framer_nrf24 //使用nrf24的frame结构 #define NETSTACK_CONF_RADIO nrf24_radio_driver //使用nrf24做为无线器件 NETSTACK_CONF_RADIO 定义contiki

以下内容由 摹客 团队翻译整理，仅供学习交流， 摹客iDoc是支持智能标注和切图的产品协作设计神器 。 从定义上来看，设计交付一般发生在完成的设计送达至开发人员实现它的阶段。接下来就让我们一起学习在交付过程中，设计人员与开发人员须知的协作基础知识和相关建议吧！ 我们在UX Studio项目中有长时间与开发人员协作的经验，值得庆幸的是，我们每次都做得越来越好。事实上，我们现在已经拥有自己的开发人员，并且正在开发一个Dev Studio，以便为我们的客户提供完整的服务。 在本文中，笔者将分享一些关于设计交付的重要结论。记住这些要点，对于设计师和开发人员，以及产品团队负责人和其他经理都非常有益。 “设计交付”是什么意思？ 首先，我必须声明，数字产品的“完成设计”状态是并不存在的。因为我们总能在这个“完成设计”的基础上做得更多。因此，在本文中“设计交付/移交”指的是设计师将自己的设计想法转达给开发人员。 由于设计交付指的是一个阶段的结束，因此大家很容易犯只关注上传、导出和指定设计等典例做法的错误(我就经常犯这样的错误)。其实除了这些，还有更多需要我们注意的地方。 使用同一种语言 设计师应该与开发人员使用同一种语言也很重要。无论规范多么漂亮和整洁，如果设计师在设计交接之前没有真正与开发人员进行交谈，那么开发人员也不能很好地理解设计。即使公司准备了成员随时扮演信息传递者的角色

最近看到网上很多的文章在推荐一些与UI/UX设计相关的书籍和网站，熊先生想了想，决定写一篇推荐原型设计工具的文章，和大家一起分享一下。这一次我收集了10款工具，根据特点的不同，主要分为以下三类：简单快速、灵活轻快、功能全面。 第一类特点：简单快速。 代表工具： Chainco 、InVision、Flinto Lite。 操作难度：低。 就像Chainco的标语一样，这一类工具是UI设计师的交互演示利器。三款工具都是在网页端进行设计，虽然风格略有不同，但实质上是大同小异。交互的设置上多以创建热区为基础，点击热区跳转页面为主要功能，几乎不需要任何学习成本，也没有什么操作难度。国内用户可能对Chainco更熟悉一点，但Chainco还没有国外的版本，而且由于具有协作功能等原因，InVision显现出更加优秀的一面，也赢得了更多国外用户的青睐。 使用这一类的工具有一点明显的好处，就是可以把UI设计师做好的图片直接导入当做界面，比如InVision和Flinto Lite，它们可以直接导入PS或AI的设计文件。然而，它们是，也只能是UI设计师的交互演示利器，因为这三款工具并不支持设置组件以及组件交互。 Chainco： InVision： 第二类特点：灵活轻快。 代表工具： Mockplus 、Proto.io 6、UXPin、Flinto for Mac。 操作难度：适中。