界面原型设计工具 - 开源软件库 - 开源中国社区
当前访客身份：游客 [
当前位置：
界面原型设计工具
共有21款 界面原型设计工具开源软件，第1页
软件过滤：
所有编程语言
Objective-C
JavaScript
TypeScript
ActionScript
Delphi/Pascal
Sliverlight
所有操作系统
iPhone/iPad/iPod
Windows Phone/Mobile
Firefox OS
Pencil 是一款开源的原型图绘制工具，手绘风格的，就像自己在纸上画的那样。Pencil 还可以用来绘制各种架构图和流程图，同时还提供 Firefox 的插件（点击这里安装）。
最近更新：
发布于 2天前
Framer 是一个开源原型设计工具，使用 CoffeeScript 编写。支持动画效果和交互操作。
Shireframe 可通过 HTML 实现界面原型的绘制。基于 AngularJS 和 jQuery 驱动，使用 RequireJS 进行模块加载，使用 Bootstrap 进行展示 示例代码： &!DOCTYPE html&
&script src="/tsx/shirefra...
AxureRP 是一个快速原型制作软件，由美国Axure Software Solutions, Inc.公司开发。 Axure RP 能让操作它的人快速准确的创建基于Web的网站流程图、原型页面、交互体验设计、标注详细开发说明，并导出Html原型或规格的Word开发文档。（通过扩展还会支持更多...
最近更新：
发布于 3年前
UIDesigner，简称“UID”，是一款进行软件界面原型设计的工具。 它拥有强大的模板和预制功能，能够快速的搭建起软件界面的高保真原型。可以实现设计师、产品经理、程序开发工程师三者间的快速沟通，减少不必要的工作内耗。
最近更新：
发布于 4年前
Mockup 是一款手绘风格的产品原型设计工具，在短短的几分钟内，用户可以创建一个模型。采用 Vala 语言开发。 应用程序使用从工具条中拖放对象到虚线带白色区。 ubuntu 用户安装，官方ＰＰＡ（支持ubuntu Precise/Quantal/Raring） sudo add-apt-repositor...
Balsamiq Mockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段，低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间，在Balsamiq Mockups出现之前，流程图可以使用Visio，高保真DEMO可以使用Axure，但我们并没有好用的...
最近更新：
发布于 4年前
这是一个用来在浏览器上设计流程图的WEB UI组件，基于Jquery开发。可用来设计各种引擎的流程图、逻辑流图，数据流图，或者是设计某个系统中需要走流程的功能应用。用户体验经本人的不断改良后使得操作界面很容易上手，不仅二次开发人员可用，最终用户也能用...
最近更新：
发布于 4年前
Mockup Builder 是一款原型设计工具，支持网页、桌面应用、移动应用。
Frame Box 并没有多么特别的特色。你可以拖放、设置大小、复制粘贴这些UI组件，但是他的特色在于你可以非常轻松的通过它的拖拽很容易就完成你的原型制作。想要用这个轻量级的免费的工具，也需要注册一下。
在iPhone Mockup里面你可以使用铅笔模式，也可以使用图表模式的编辑器。不管你选择什么，功能都是一样的，都可以很简单很方便的生成iPhone上的应用原型。你也可以分享给别人，就算你更改了设计，别人通过那个链接也一样可以看到。
Origami 是一个来自 Facebook 设计团队的作品，是 Quartz Composer 的免费工具包，可在无需编程的情况下轻松实现与设计原型进行交互。
Indigo Studio 是由infragistics 开发的一款 UI原型设计和交互设计工具。帮助你快速而简单地创建活生生的UI原型。它的每一步都保持以用户体验为中心。有了Indigo Studio你可以用超过100个不同的场景、线框（内置交互控件以及桌面、网站和移动应用的原型）创...
WireframeSketcher是一个Eclipse 插件，用于创建线框图，界面模型和UI原型。 项目正式开发前创建原型可以帮助用户和开发者理解系统，使用WireframeSketcher在Eclipse中创建能够更好的集成进入你的项目开发流程。 WireframeSketcher 如何工作？它提供了一个...
最近更新：
发布于 2年前
fluidIA是一个在线的但是可以下载的富用户界面原型设计工具。它基于面向对象的理念，可以让你快速完善。它设计的基本思想是团队中的任何成员，无论 是设计师还是工程师都可以自由的设计自己的原型。最近fluidIA的更新稍微慢了点，但是它仍是一个非常优秀的...
Quartz Composer 是一款图形化的编程工具，专门用来生成各种动态视觉效果，包括可交互的界面原型。 Quartz Composer 的优势一来在于它生成的交互原型是可操作的，二来它能生成的动态效果灵活丰富，自由度相当高（它可以自定义曲线控制运动速度与轨迹），另...
JustProto是一个在线的网站及桌面应用的原型设计工具，它能让你用高效的方式来处理重要的信息流，能让你的项目进程更加简单、快速和高效。 你能在JustProto上找到每个项目（任何规格）的详细说明，并可以立即处理项目中的功能改进、bug修复或评论信息。它能...
Avocado 是来自 IDEO 的一个开源的交互设计工具箱。设计者可以快速的、无需编码的跟设计原型进行交互。基于 Facebook 的 Origami 框架构建，提供易用的普通来创建完全可定制的原型。
PaintCode 可以将你的绘制的界面元素直接转成对应的编程语言。支持 Objective-C 和 Swift 编程语言。该软件售价 99 美金，提供免费测试版本。
最近更新：
发布于 2年前
Terrarium 是一个给程序员提供的跨平台的 UI 原型工具，基于 QML 语言实现原型开发，你在编辑器中输入的代码可直接渲染出界面原型。Terrarium 通过监控代码编辑框中的变化，并触发通过本地的 HTTP 服务器重新加载数据源并进行渲染。...求一个漫画资源的搜索软件最好给个链接谢谢各位大大_blacklilith吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：3,560贴子：
求一个漫画资源的搜索软件最好给个链接谢谢各位大大
用于搜索大部分的XP模块...
我记得我用第一个漫画软...
布卡被和谐，于是追追布...
盗墓风袭来，千年古墓知多少？
精品贴里有个吧主发的one piece的贴，去看看吧
昨天发的帖介绍软件，被删了。
贴吧热议榜
使用签名档&&
保存至快速回贴提示信息 -
易安卓官方论坛,E4A官方论坛,中文安卓编程论坛,最简单的中文安卓编程工具 -
Powered by Discuz!
后使用快捷导航没有帐号？
抱歉，指定的主题不存在或已被删除或正在被审核
Powered by
Template By设计趋势！如何打造简约的单页网站设计
优秀网页设计联盟-SDC-网页设计师交流平台-听讲座，聊设计，找素材，尽在优设网
& / & & / & 正文
Hi,我是优设小编
设计趋势！如何打造简约的单页网站设计
童鞋们欣赏完后，惊呆了的时候是不是也想自己打造一个呢？那么今天设计师从国外翻译的一篇教程你可得好好瞧瞧了 ^_^
不是每个网站都要很复杂或包含很多页内容信息，有时候一个页面就足够了。不过你打算用一个页面来创建网站，并不意味着它会很轻松。开发一个布局所需要的思考与规划，不比某些更加复杂的网站少。它需要将所有相同的基础元素整合成一个更大的站点，还要让人看起来印象深刻，你得照着预期进行并且怀揣明确的目标。
有数不清的酷炫招式可以帮助你充分设计好。特别为您介绍一下，并推荐相关的热门文章：）
视觉差滚动：滚动特效是单页设计中最盛行”花招”中的一个。轻弹鼠标，用户无需点击或从欢迎页跳转就能来到一个新页面。这种效果可以激励用户继续滚动、阅读、与网站互动，看看接下来会出现什么（你可以在之前的文章中学习更多关于视觉差滚动的知识）。
相关阅读：
移动App欢迎页：创建一个特别的欢迎页面，在用户通过移动设备和平板电脑访问你网站的时候，鼓励他们下载App。这个”广告页面”可以帮助你将网站用户转化为正式的App用户。
相关阅读：
隐藏式导航：鼠标接近时会出现和隐藏的菜单可以在整个设计中节省空间，并且始终在熟悉的位置提供导航（通常是页面顶部）。你也可以试试其他导航特效，比如Jamie Oliver’s Fifteen页面中那样，导航刚开始在屏幕中央，随着鼠标向下滚动移至顶端（并且固定位置）。
相关阅读：
动画特效：如果视觉差滚动不是你的菜，考虑一下用动画或视频背景来增加视觉吸引力。移动物体会诱使用户逗留，看看接下来发生什么。
相关阅读：
本文中我们来看一些精彩的，它远比你想象要流行。在你欣赏这些网站的外观的同时，不妨点击访问，体验一下网站中这些非常棒的用户界面细节。
什么是单页设计？
单页网站建立在单个窗口中，单页网站的概念更多基于滚动而非点击（尽管点击也没有被禁止）来浏览和通读网站与它的内容。
一个单页网站可以简单到像一页纸，恰好吻合浏览器窗口且不需要滚动。但它并非总是如此。单页网站可以滚动（当然也别把网页设计得太长，这非常重要，用户会受不了）。
简单来说，单页网站是不包含域名内的链接并且所有内容都在主界面的网站。
为什么选择单页设计？
有很多注意事项，它并不适合每个项目，
它流行的使用场合：上线前的APP预告、带有email注册表单的网站、作品集展示工具、引导用户跳转的网站、简单展示产品和信息的公司网站。
单页网站通常设计得很赞，因为它们只有一次机会——第一印象——来从杂乱的视觉景观中吸引用户注意力。
这类页面通常都适用于不具备丰富内容的网站：售卖单个产品的网站，用来推销另一个网站、APP或商品的网站，小型作品集或简单的信息。
既然这类网页的设计通常都高度视觉化，文字就得尽可能保持精简。单页网站同时也需要一个清晰易懂的用户界面，用户才能准确知道他们可以用这个网站来做什么
开始设计单页网站时要有清晰的目标。你想让用户在你的网站上做什么？他们浏览时候应该接收到什么信息？
比如说，如果你在预告你一个APP，你可能想要用户提供email地址，这样你可以在发布时告知他们。如果你在出售一套UI工具，你的目标就是将访问量转化为销量，其他行为可能包括：填写表单、观看视频、转到其他站点，或以上都有。
在开始设计之前，了解你想要用户做什么，并且自始至终反复强调。
通往成功的设计秘诀
既然你已经了解自己想让网站干什么，遵从下面的几条秘诀，然后踏上发布之路吧。
一、创造第一印象。你只有唯一的机会来增加新用户。你的网站得通过视觉吸引来迅速告诉用户他们为何来这；
二、保持专注。记住你的目标，去除所有碍事的小花样、设计元素和文案；
三、使用鲜明的视觉风格。无论纯色、图片或漂亮的照片，选择一种很棒的视觉表现，并且大张旗鼓地使用它；
四、开发一个清晰的导航。尽管你可能会怀疑你需要导航干什么——它毕竟只是个单页网站——任何一个包含许多目录、表单和各种形式链接的网站都需要清晰的导航。用来告诉用户不同按钮的用途（尤其他打算下载或购买你的产品）。即便是拥有少量内容的网站，也需要包含一个清晰易懂的指引来发挥作用；
五、精心组织。你绝对没法在单页设计的版面（或空间）中说清楚你的全部所想。信守什么是重要的，并将所有东西根据重要性层级排个序。撰写简单清晰的文案，不断编辑直到措辞简洁明了、切中要害；
设计时玩得开心！
酷炫的花样和效果
和其他类型的设计”花招”或趋势相比，单页网站只有在你内容专为它定制时才有效，这种风格最适合内容有限且视觉鲜明的网站。
原文地址：
译文地址：
================关于优设网================
“优设网“是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
设计讲座：每月邀请国内互联网公司设计前辈及行业总监在群内及YY语音（YY频道：156982）分享实战经验。
设计微博：拥有粉丝量56万的人气微博 ，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航：全球顶尖设计网站推荐，设计师必备导航：
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的”福利”吗？
微信号：【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加：
订阅更新：您可以通过
【推荐！设计师必备网址导航】
我们的团队
大家在关注求英语翻译一体化设计 简约不简单那些用网页，用软件的，我会搜的，自重！那些凭着本事翻译的，我谢谢了！
神天卫5詒的
Integrated design contracted and not simple
Designed unified, simple but not crude.
intergrated design ,simple but not simple
Integral design；Simple but not easy.
Integrated design
contracted and not simple.（楼主，不知道您是需要一句话英语，还是类似于标题的那种，捣腾了一下，还是希望能帮得到您……^_^）
Integrated design turns simpleness into conciseness.
Integrated design simplicity is not simple
为您推荐：
扫描下载二维码