最近用到了一个非常强大的工具,这是一款由 facebook 出品的原型设计软件,老规矩我们先来看一下效果.大家也可以先进去官网看看效果Origami 官网 scroll.gif swipe.gif Origami 运行模拟器 我门在编辑 Origami 的时候,相应的效果图会直接运行在运行模拟器,我们可以在手机上安装 Origami 软件,这样就可以在真机实时获取运行效果了 屏幕快照 2016-06-28 下午4.32.07.png Origami 图形编辑界面 Origami 提供了一个非常方…

市场上有着大量的开发和设计工具支持在Mac上安装使用,今天给大家强烈推荐一款Mac上的原型设计工具-Mockplus,原型工具在产品开发设计中是必不可少的,无论是现在非常火的小程序设计,还是网页设计,移动APP设计等.在设计前期,我们都需要对产品概念进行细致的原型设计,只有这样才能确保为后期开发节省时间. 一.初识界面 原型工具-Mockplus Mac版的界面非常简洁,我们分区域来了解一下: 顶部:顶部有主工具栏,其中包含了主菜单和最常用的快捷按钮: 中间:是你创作时的工作区.在工作区底部,你…

Origami 是一个为 Quartz Composer 开发的免费的工具包——由Facebook设计团队创建,让交互设计原型更加简单,不需要编程. 如今,大多数设计师通过创建静态原型来表达要实现的应用程序,但是越来越多的应用程序只是静态的,这意味着作为设计师需要一个更好的工具用于交互设计,Origami 就是这个目的. 您可能感兴趣的相关文章 太赞了!超炫的页面切换动画效果[附源码下载] 创意无限!一组网页边栏过渡动画[附源码下载] 真是好东西!13种非常动感的页面加载动画效果 你见过吗?9款…

直接拿来用!Facebook移动开源项目大合集 时间:2014-04-22 15:37 作者:唐小引 随着iOS依赖管理工具CocoaPods和大量第三方开源库成熟起来,业界积累了大量的优秀开源项目.不久之前,Facebook推出了旗下移动新闻阅读应用Paper,便动用了将近100个第三方开源库,极大地简化了自己的应用开发任务. 移动开发生态圈日益完善,基础的开源组件也越来越丰富,而Facebook不仅取之开源,更不断地开源其内部项目,将成果反馈给开源社区,与开发者共享.接下来,就让我们一起来看…

从 Facebook 的 GitHub 账户中可以看到,Facebook 已经开源的开源项目有近 300 个,领域涉及移动.前端.Web.后端.大数据.数据库.工具和硬件等.Facebook 开源项目负责人 James Pearce 曾在 OSCON 解释过 Facebook 究竟为何要使用.支持和发布开源项目.具体如下: 共享 Facebook 的代码(通常是软件“栈”,偶尔也包括硬件设计)促进了这个世界的创新.这些代码帮助他人更快地开发软件.因为 Facebook 不是一家软件公司,所以它在…

Github-iOS 工具 和 App   系统基础库 Category/Util sstoolkit 一套Category类型的库,附带很多自定义控件 功能不错-       BFKit 又一套Category类型的 Kit,还有几个工具类       APUtils 又一套Category类型的 Kit       QSKit 又一套Category类型的 Kit       iOS-Categories 又一套Category类型的 Kit       BlocksKit 将Block风格…

五款app原型设计工具对比 Proto.io, Pixate, Origami, Framer & Form 本文由Panblack 翻译,原文作者 Tes Mat 我用五款“高保真”原型设计工具重新创建了IF by IFTTT user onboarding应用,目的是了解这些工具的不同之处,它们是Proto.io, Pixate, Framer, Facebook的 Origami 和 RelativeWave的Form. 看看跟原装的对比,这些再造的产物表现如何:视频地址:https://…

https://github.com/XCGit/awesome-objc-frameworks#awesome-objc-frameworks awesome-objc-frameworks ID Framework Images 1 AFNetworking/AFNetworking 19,058 A delightful iOS and OS X networking framework 2 rs/SDWebImage 10,139 Asynchronous image downloade…

我们先从著名的C10K问题开始探讨,由于早期在网络还不普及的时候,互联网的用户并不是很多,一台服务器同时在线100个用户估计在当时已经算是大型应用了.但是随着互联网的发展,用户群体迅速的扩大,每一个用户都必须与服务器保持TCP连接才能进行实时的数据交互.Facebook这样的网站同一时间的并发TCP连接可能会过亿.这时候问题就来了. 解决这种问题的思路主要有两个:一个是对于每一个连接处理分配一个独立的进程或线程:另一种就是用同一进程或线程来同时处理若干个连接. 第一种解决方案,即来一个TCP链接…

又双叒叕拖更了,上一篇还是1月22号更新的,这都3月9号了…… 前面几期把职业规划.能力分析.几个分析用的设计理论都写完了,当然实际工作中用到的方法论不止上面这些,后续会接着学习: 如果你的目标是一线团队,设计方法论是必须掌握的,这不是我瞎扯淡:在和各个一线企业的设计负责人聊得时候,已经不是第一次提及这个事情了: 虽然在实际工作中,我们不会刻意使用:不管拿到什么需求上来用各类方法论都分析一通,但你要了解要会用. 白话来讲,你手里得有货,人家要的时候你能拿得出来. 本期开始我们进入综合设计能力篇的…

为了工作,程序员选择正确的框架和库来构建应用程序是至关重要的,这也就是为什么Angular和React之间有着太多的争议.Node.js的出现,让这场战争变得更加复杂,虽然有选择权通常是一件很棒的事情,但在这种情况下,对于到底应该选择哪种框架,程序员之间并没有一致的意见,每个人都有不同的想法,并且听起来都相当合理. 为了让一切归于和谐,本文就来探究一下这三大框架各自的优缺点. 基础知识部分: 在我们深入研究这三种框架的具体细节之前,先来了解一些前情提要.yigouyul22.com xucaiz…

1.1 ASP.NET MVC 简介 ASP.NET是一种构建Web应用程序的框架,它将一般的MVC(Model-View-Controller)模式应用于ASP.NET框架. 1.1.1 MVC模式简介 MVC将应用程序的用户界面(User Interface, UI)分为三个主要部分: 模型:一组类,描述了要处理的数据以及修改和操作数据的业务规则. 视图:定义应用程序用户界面的显示方式. 控制器:一组类,用于处理来自用户.整个应用程序流以及特定应用程序逻辑的通信. MVC作为用户界面模式 注…

转载自:http://blog.csdn.net/wangtaomtk/article/details/51811011 1 C10K问题 大家都知道互联网的基础就是网络通信,早期的互联网可以说是一个小群体的集合.互联网还不够普及,用户也不多.一台服务器同时在线100个用户估计在当时已经算是大型应用了.所以并不存在什么C10K的难题.互联网的爆发期应该是在www网站,浏览器,雅虎出现后.最早的互联网称之为Web1.0,互联网大部分的使用场景是下载一个Html页面,用户在浏览器中查看网页上的信息.…

转载:http://blog.csdn.net/wangtaomtk/article/details/51811011 1 C10K问题 大家都知道互联网的基础就是网络通信,早期的互联网可以说是一个小群体的集合.互联网还不够普及,用户也不多.一台服务器同时在线100个用户估计在当时已经算是大型应用了.所以并不存在什么C10K的难题.互联网的爆发期应该是在www网站,浏览器,雅虎出现后.最早的互联网称之为Web1.0,互联网大部分的使用场景是下载一个Html页面,用户在浏览器中查看网页上的信息.这…

0.系列文章 1.使用Typescript重构axios(一)--写在最前面 2.使用Typescript重构axios(二)--项目起手,跑通流程 3.使用Typescript重构axios(三)--实现基础功能:处理get请求url参数 4.使用Typescript重构axios(四)--实现基础功能:处理post请求参数 5.使用Typescript重构axios(五)--实现基础功能:处理请求的header 6.使用Typescript重构axios(六)--实现基础功能:获取响应数据…

0. 系列文章 1.使用Typescript重构axios(一)--写在最前面 2.使用Typescript重构axios(二)--项目起手,跑通流程 3.使用Typescript重构axios(三)--实现基础功能:处理get请求url参数 4.使用Typescript重构axios(四)--实现基础功能:处理post请求参数 5.使用Typescript重构axios(五)--实现基础功能:处理请求的header 6.使用Typescript重构axios(六)--实现基础功能:获取响应数据…

Nginx简介 Nginx(发音同engine x)是一个异步框架的 Web 服务器,也可以用作反向代理,负载平衡器 和 HTTP 缓存.该软件由 Igor Sysoev 创建,并于2004年首次公开发布.同名公司成立于2011年,以提供支持.Nginx 是一款免费的开源软件,根据类 BSD 许可证的条款发布.一大部分Web服务器使用 Nginx ,通常作为负载均衡器. Nginx 的特点 更快: 单次请求会得到更快的响应. 在高并发环境下,Nginx 比其他 WEB 服务器有更快的响应. 高扩…

转自:http://www.uisdc.com/indigo-studio-wireframe-interactive-uis 这套最新的设计工具出自Indigo工作室,永久免费,有mac版本和WIN版本!它能让您快速探索及创造功能,包括动画界面原型.当然了,除了页面原型,时下热门的Mobile Apps 原型一样可以用它创建,请看下方截图.很赞哟!无论你是一个没有开发能力的设计师,或者是一个没有设计资源的程序员,只要你有想法!那么你应该注册试试这款工具! 官方承诺永久免费,下载地址:http:…

经统专业看到预测的packages都是很眼馋的.除了之前的forecast包,现在这个prophet功能也很强大.本packages是由机器之心报道之后,抽空在周末试玩几小时.一些基本介绍可见机器之心的<业界 | Facebook开源大规模预测工具Prophet:支持Python和R> 并不喜欢理论分析,能直接上案例的,一般不码字,力求简单粗暴!! 官网网址:https://facebookincubator.github.io/prophet/ github网址:https://github…

前言: 本人在项目的工作中负责研发,页面及交互基本都是交给前端去做的.以前前端写的东西大概都知道,都是一些JS,CSS和HTML等的一些基本控制,都懂!但是今天前端突然做了一个具有特殊效果的DOM:页面顶部放了5个包裹元素,包裹可以根据鼠标的拖动产生滚动效果,但是并没有使用正常的滚动条那种样式,而且还能默认实现自动动态滚动到第N个包裹的位置显示? 这一系列特殊效果的控制,百思不得其解,后来通过一位美女前端了解到,这里面用到了Swiper这个神奇的JS. 不过SwiperJS还在不断的更新中,在使…

摘自知乎http://www.zhihu.com/question/20326729 来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 首先如果你小团队或者个人开发,当然可以用Xcode,如果大公司跨部门审核调整各种,还是有个快速的原型. 如你要求,可交互.包括常用的Axrue,我试用过下面提到的所有软件,分别完整产出过不同的原型,还有一些市面上的你一看它介绍图还在用ios6的就知道不必了,说明很久没更新了. 下面这些是我按照不同的特点进行了归类,视你的具体情况而定…

Origami 是一个来自 Facebook 设计团队的作品,是 Quartz Composer 的免费工具包,可在无需编程的情况下轻松实现与设计原型进行交互.…

自从 Facebook 的第一行PHP代码,第一句 MySQL 的 INSERT 语句,开源就已经是我们工程哲学中的一个重要的部分. 现在,我们使用.维护并为大量的主要项目做出了贡献——涉及多种领域如手机工具.大数据系统.客户端的web库.后端的运行库和基础架构,也涉及到开放计算项目,服务器和存储硬件. 2013 是我们开源项目具有重要意义的一年,我们拥有大量令人自豪的新项目,为正常运行和维护它们的更新承诺,和使用它们的充满活力的社区一起工作的愿望.仅在我们的Github账户上,我们现在已经有超…

本文由云+社区发表 作者:NaOH 概述 stetho是Facebook开源的一个Android调试工具,项目地址:facebook/stetho 通过Stetho,开发者可以使用chrome的inspect功能,对Android应用进行调试和查看. 功能概述 stetho提供的功能主要有: Network Inspection:网络抓包,如果你使用的是当前流行的OkHttp或者Android自带的 HttpURLConnection,你可以轻松地在chrome inspect窗口的networ…

原型设计的发展历史经历了纸上原型.静态线框设计.到现在的可交互式原型.作为设计过程中最初始的阶段,设计师们对原型设计的要求也越来越高.因此,如今的原型设计工具格局也发生了很大的变化. Sketch对于现代设计师而言,已经成了不可或缺的设计工具之一.各家原型设计工具也在悄悄的发生一些改变,迎合设计师们的需求,纷纷开发出了针对sketch原型的插件.既有传统的桌面端原型工具,也有基于云平台的工具.虽然没有任何一条标准规定你必须使用哪一个工具,然而如何能在众多的sketch+原型工具的组合中找到最适合…

工欲善其事,必先利其器 本文版权归翟士丹(Stan Zhai)和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则保留追究法律责任的权利. 原文地址:http://www.cnblogs.com/jasondan/p/it-memo.html 技术站点 Hacker News:非常棒的针对编程的链接聚合网站 Programming reddit:同上 MSDN:微软相关的官方技术集中地,主要是文档类 infoq:企业级应用,关注软件开发领域 OSChin…

1. Presto 是什么   Facebook presto是什么,继Facebook创建了HIVE神器后的又一以SQL语言作为接口的分布式实时查询引擎,可以对PB级的数据进行快速的交互式查询.它支持标准的ANSI SQL.包含查询,聚合,JOIN以及窗口函数等.除了Facebook这个创造都在使用外,国内像京东,美团等也都有广泛的使用.对于英文不好的同学可以访问由京东创建的这个中文翻译站点:http://prestodb-china.com/,只是这个版本才0.100,现在最新版已到0.15…

动态原型设计 动态的可交互原型产品,是产品经理和界面设计师向开发人员阐释自己设计的最高效工具. 开发人员不须要推測设计师要什么样的效果,照着原型产品做就好了. 非常多创业团队也发现了产品人的这个刚需,做出了诸如Principle.Axure这类著名的原型设计产品. Facebook似乎也深谙此道.专门为安卓和iOS系统开发非常有针对性的交互原型设计工具-Origami Studio. 这是一个免费的工具,并且也能和Sketch互通,所以我选择了它来向大家解说互动原型的设计. 界面介绍 启动Ori…

本文首发于:微信公众号「运维之美」,公众号 ID:Hi-Linux. 「运维之美」是一个有情怀.有态度,专注于 Linux 运维相关技术文章分享的公众号.公众号致力于为广大运维工作者分享各类技术文章和发布最前沿的科技信息.公众号的核心理念是:分享,我们认为只有分享才能使我们的团体更强大.如果你想第一时间获取最新技术文章,欢迎关注我们! 公众号作者 Mike,一个月薪 3000 的杂工.从事 IT 相关工作 15+ 年,热衷于互联网技术领域,认同开源文化,对运维相关技术有自己独特的见解.很愿意将自…

背景: 最近公司准备上一个只有原生登录界面 + H5网页 ,并且支持ios7.0 以上系统的混合app;这可把我难住了,原生的UI界面我可以正写反写各种style把界面搭建起来.而要这个app的难点在于交互,与前端h5 的交互. 经同事推荐,使用webViewJavascripeBridge 这个交互三方神器: 准备工作,把webViewJavascripeBridge 导入到xcode工程中,或用cocoapod管理 废话不多说,上代码 一. 首先是ios端的代码: - (void)viewD…