说三道四技术文摘-感悟人生的经典句子
说三道四 > 文档快照

十大界面原型与布局工具

HTML文档下载 WORD文档下载 PDF文档下载
原型设计能起到有效沟通的作用,漂亮,直观的原型图更是让人赏心悦目。本文罗列了2013年最新的10大界面原型与布局工具以帮助设计师和开发者创建出更加优秀的产品。

创建网页或者程序不仅要关注主页的排版以及与主题想匹配的图片,还应注重视觉设计,这是因为它更能吸引用户进而提升搜索量。因此,项目开发首先需要确立良好的设计,创意是必不可少的。所以,项目经理、Web设计师、开发者在线框和原型工具方面需要具备一定的功底。

本文罗列了2013年最新的10大界面原型与布局工具以帮助设计师和开发者创建出更加优秀的产品。

1. Solidify


Solidify允许用户在模型、线框或者草图中获取原型图。此外,你还可以快速地查看屏幕界面原型。如果在桌面、计算机或者手机上运行Solidify还能轻易地测试出项目原型。如果你没有太多的时间花在这上面,你也可以共享给其他测试人员,随时随地获取反馈意见。

2. PowerMockup


专为设计师准备的PowerMockup在创建PowerPoint时为线框提供模板。包含各式各样的模板,包括菜单、表格、文本框、按钮和标签。当你在创建PPT时你可以轻易的将这些模板拖入使用。另外,用户还能在库中添加自己的条目,只需选择PPT的外形,然后点击“添加模板”标签,一款自定义的模板即可轻松创建。

3. Antetype


当你创建大型的且连续性的项目时,Antetype是最佳选择,这是因为它允许开发者创建一整套的构件库。该构件库可收集各小部件,在原型中方便易用。此外,每个小部件都有一定数量的定制和默认状态可单独或者同时进行编辑。

因此用户在编辑时无需使用不同的副本,Antetype可适应不同项目的需求。

4. UXPin


UXPin是为那些不擅长UX设计的开发者而开发的。经验丰富的UX设计师为UXPin提供了一整套的完整的工具包。

在UXPin上用户可以为自己的项目找到所需要的模板。他们通过上传UX和项目文件来获取模板,比如Project Canvas、Project Kick Off、Business Model Canvas、Personas等等。

此外,用户无需来回收发邮件,因为在这里任何项目都可在一起工作。UXPin旨在帮助项目经理开发适应任何一款分辨率和设备的响应式线框和原型。

5. QuirkTools


QuirkTools让网站创建更加简单和便捷。

利用QuirkTools构建Web应用可帮助用户创建属于自己的一款应用。Wires就是典型的例子,该应用帮助用户创建基于桌面、移动手机或平板电脑的线框模型。此外,QuirkTools还能让开发者与同事、客户共同协作打造最完美的设计。

6. Wireframe.cc


利用Wireframe.cc即可轻易的创建线框。Wireframe.cc支持有限的调色板和模板,以简洁为主。有两个模板供选择:移动手机和浏览器窗口,前者包含景色和垂直风格;后者则是纵向和横向风格。有了Wireframes.cc用户可清晰的看到整个创建过程。

7. Easel


Easel是一款基于浏览器的Web设计工具,允许用户记录模型和创意。其功能包括按钮、表和文本框。这款工具还集成了Twitter Bootstrap库贯穿其他额外的图标和颜色。此外,Easel 让用户在Web中设计保持最佳像素,用户可以使用先进的工具比如CSS3、Web字体,无需在浏览器和文本编辑器之间来回查看,告别繁琐的过程,轻松创建应用。

8. InVision


InVision让你以高水准的级别快速创建令人印象深刻的原型。利用这款工具,用户可在很短的时间内链接到UX草图、设计以及线框,还能与其他团队分享该项目。InVision使设计演示更加轻松方便,用户可以在项目中进行实际演示,在浏览器中加载或者以SMS形式连接到移动设备上。

该工具还支持追踪功能,让你轻松查看项目进度。

9. Proto.io


Proto.io这款工具完美适合设计师在触摸屏幕上的小工具。支持主流的移动触摸风格和手势,包括swipe、pinch、tap、zoom、tap-hold。此外,还能整合动画屏幕转换比如,幻灯片、旋转、流、翻转等等。

该工具不仅仅是为了生产先进的屏幕转换,还能允许用户学习和应用最基本的动画技能比如在原型创建中的移动、缩放、旋转等等。

10. POP


有了Prototyping on Paper (POP)创建iPhone原型不再是难事,其提供了一个传统的高科技线框技术。没有复杂的软件,所有的用户需要在纸上或者笔记本上绘画或绘制出线框。

该线框仅通过摄像头拍摄,利用POP确保草图能自动调节对比度和亮度,然后通过“链接点”连接到草图来设计模板。首先确保任何事情都在完美状态,用户只需点击“play”并模拟接口即可。

最后:

在设计网页或程序之前,需要把界面给“画”出来成为原型设计,就像动画片要画分镜头、手稿一样。原型设计能起到有效沟通的作用,漂亮,直观的原型图更是让人赏心悦目。有了这些工具,原型和线框变得更加简单和方便,即使是初学者也可设计自己的网站或者应用,赶紧尝鲜吧。

当然,原型工具还有很多很多,欢迎与我们分享。

原文出自:Designmodo

filter(expression) -JQuery API find(expr) -JQuery API is(expr) -JQuery API next(expr)-JQuery API not(elems)-JQuery API not(expr)-JQuery API not(el)-JQuery API parent(expr)-JQuery API parents(expr)-JQuery API prev(expr)-JQuery API siblings(expr)-JQuery API Events事件-JQuery API bind(type,data,fn)-JQuery API blur(fn) -JQuery API blur() -JQuery API change(fn) -JQuery API click(fn)-JQuery API click()-JQuery API dblclick(fn) -JQuery API error(fn) -JQuery API focus(fn)-JQuery API focus() -JQuery API hover(over,out)-JQuery API keydown(fn) -JQuery API keypress(fn)-JQuery API keyup(fn)-JQuery API load(fn)-JQuery API mousedown(fn)-JQuery API mousemove(fn)-JQuery API mouseout(fn)-JQuery API mouseover(fn)-JQuery API 一个比较低级的问题-vb里面的回车换行孵的ASCII码是多少?? 奇怪!!!奇怪!!!奇怪!!!奇怪!!!快来看看! 谁知道windows的按文件名排序是怎么回事阿? ie问题 如何从一个框架调用另一个框架的方法?有办法吗?(在线) 突然觉得计算机语言有个误区 请问我用depends打开了dll文件,看到了里面的函数,但是参数表和返回值类型没有啊 水晶报表急问,大家帮帮忙看看! 请教文件查找的问题。 谁知道windows的按文件名排序是怎么回事阿? oracle难学吗 <jsp:getProperty name="userInfor" property="*"/> 出错!!(在线等待) 如何在vb中设置Combo的默认值?立刻给分 点击按纽,打开应用程序文件,并获得应用程序的窗口标题,怎么实现??? Linux遇到CORBA问题——高分有送! 新的IBM 60G硬盘(7200转)在PII上检测不到(硬盘没问题,在其他上能正常使用,有没有解决办法?) 21世纪合格人材必备7大技能 对加密感兴趣的同志请进,介绍一下有关书籍和代码。 word中的特殊数学符号无法在Authorware中显示 windows 下刪除文件是怎麼刪除的用什麼函數??? 找一部电影,《国家的敌人》 高分送高人:一个OLE和数据库的小问题 父子表的更新怎么办? 电话拨号程序,给点提示 关于调用存储过程的问题!在线,搞定就结 求问,关于BEA weblogic 7.0 100分求助Windows Server 2003 的cdk! 那位大侠帮忙谢谢! hello 大家好!不好意思又有问题了 我一直想学会的一个简单问题,谢谢! 问一个参数传递的超菜问题? 怎样才能将资源文件中的 图片 二进制文件 保存到磁盘上 请教这句是什么意思? 关于页面设计的问题?高手请教!! 100分求助Windows Server 2003 的cdk! 那位大侠帮忙谢谢! matlab s-矩阵(若回答满意加100分,每题25分) 关于页面设计的问题,求助? TListView中某一行字体的大小、字体的颜色如何改变? 各位高手给小弟指点指点吧!(DELPHI请教) fastreport中Picture控件的问题? DataGrid动态添加列的问题?? 在线等待...... 如何在视图中排除重复记录? 总是报错,但是又查不出是哪里的问题,各位帮忙看看 如何根据当前日期求出上一周的第一天和本周的第一天? 新人的COMBOBOX问题 女孩在记事单上写"恋爱"两个字,有什么含义啊…… 小问题,接分~~ 请教一句sql语法 请问,把繁体转成简体用什么软件? 有南京的朋友一起考scjp的吗? 一个表单的问题 真理属于客观范畴 还是主观范畴 2个8欧姆50W的喇叭并联后是多少欧姆多少W的? 造成陆地自然带景观地区差异的主要原因是A植物B气候C动物D地形 有首歌有句歌词:离开你我好舍不得 叫什么歌名谁唱的? 三个4欧姆的喇叭串联再并联之后阻抗是多少欧姆我把,怎么上图啊 精品的精字是什么意思 “林子大了什么鸟都有”含义请说出深层意思,最好把“贬义”的意思表达出来. 藤野先生课后习题第四大题答案400字 精打细算的精字是什么意思? 英语时态99/93 为什么选那个答案,不是有in the year么? 已知梯形ABCD,角C等于100度,叫D等于115度,求角A,B的度数.梯形AB在上 谁知道这句古话的出处和原文?大概意思是和一个品行好的人同在一屋檐下,久而久之也变好,和品行不好的人呆一块,久不闻其臭出处应该不是诗,是文言文,请将原文翻译下谢谢! 英语时态99/104为什么不能选B? 什么动物像鸟 一个石子从足够高处释放做自由落体运动,它在2s内的位移大小为20m,第2s内的平均速度大小为多少m/s 英语时态98/97A,B两个的用法区别是什么为什么选A?翻译下句子 必修一地理.季风降水的特点,19,20题, 一个饲养场共养鸡和鸭1500只,已知养鸡只数的1/3与养鸭只数的50%相等,一个饲养场养鸡和鸭各多少只? 英语时态96/61 - -为什么选A解释下句子的意思 马克思是神吗东西? 已知点A(2,3)B(-4,8),直线l经过原点,且A、B两点到直线l的距离相等,求直线l的方程 英语时态96/63 - -为什么用过去进行时?解释下句子的意思 动物修成的“仙家”,在佛教里怎样解释? 等腰直角三角形ABC斜边AB所在直线3x-y+5=0的直角顶点C坐标(4,-1),求两直角边所在的直线方程 我要篇作文是写关于春节的欢乐的,500字左右 已知反比例函数图像上有一点P(m,n),且m+n=5,试写出一个满足条件的反比例函数式.反比例函数熟的拜托教教我= =我就这一张不会.快抓狂了= =考试还要考! 已经N久没有学过数学了, “林子大了,什么鸟都有”这句话是什么意思 已知反比例函数Y=1/X的图像经过P(M,N),则简化(M-1/M)(N+1/N)的结果 放言五首其三周公恐惧流言日 中的 日 字, 林子大了,什么鸟都有.21657 反比例函数y=k/x的图像上有一个点P(m,n),已知m+n=3且P道远点的距离为根号13,则反比例函数的表达式() 设函数f(x)=1/xlnx(x>0且x≠1)1:求函数f(x)的单调区间2:已知2^1/x>x^a对任意x∈(0,1)成立,求实数a的取值范围. 上面一个除号,下面一个减号,这个符号怎么打 马克思辨析题 普遍联系只存在思想之中 放言五首 其三 阅读答案 放言五首(其三)1.诗一开头就说要告诉人一个就狐疑的办法,而且很郑重,用了一个 ‘赠’字强调—————— .这个办法是——————————.他的意思是—— 2个英语上的疑问这句,Dolly's DNA is exactly the same as that of the sheep she was cloned from.里面为啥会要突然出现个of ?去掉of不行么?还有What is ink used for ? It's used for writing in. 为啥句尾要有个in ?麻烦 巾帼女英雄人和事例~ 为什么高中文科也要读数学 q b是什么意思 第二亚欧大陆桥沿线自然带具有明显的变化规律,这种地域差异应属什么?为什么 放言五首其三的翻译(急)谁能告诉我这诗的翻译!急求 在线 汤姆·索亚历险记《当海盗去》 本章主要运用了什么描写方法?1.《当海盗去》 本章主要运用了什么描写方法?2.《“海盗”生活》本章描写了大自然三个时期景色,是哪三个时期?分别具有什么 W Y W M Z Y Q.. 有四只电阻分别是1欧姆2欧姆3欧姆4欧姆,因已无标注,现需将其测出,请只用二次欧姆表测出其阻值,问怎么测? 林子大了什么鸟都有,这句话是不是骂人的话?我的一个朋友说是骂人的话! 俗语:林子大了,什么鸟都有 的意思 [佛]家中放动物标本好不好?如果要渡这些动物应该怎么做? 与林子大了,什么鸟都有相同意思的句子 自然带从沿海向内陆的分布规律最显著的地区是? 一个现代女英雄的故事100字 隋唐时期有哪些盛世除了开皇之治,贞观之治,开元盛世,那武则天的“政启开元,治宏贞观”算不算也是一个盛世? 从沿海向内陆的地域分布规律的形成原因是什么?形成基础是什么?地球上最典型的地区在哪里?如何分异? 已知自由落体经过的路程S米与时间t秒的函数关系是S=2分之1gt²,其中,g约等于9.81(米/秒²)是常数.若石子从200米高的悬崖上以自由落地的方式落到地面上,需经多长时间?(保留三位 真理究竟是客观的还是主观的? 56.Many Europeans ________ the continent of Africa in the 19th century.A) explodedB) exploredC) exposedD) expanded57.The police are ________ the records of all those involved in the crime.A) looking intoB) looking afterC) looking outD) looking on58.B 离散数学的证明题,若f:A→B是双射,则f-1:B→A是双射若f:A→B是双射,则f-1:B→A是双射,要有证明过程,考试用的 欲把西湖比西子 淡妆浓抹总相宜的英文怎么翻译 再帮我找个喇叭等效于三个8欧姆10的三个喇叭并联的来? 证明:映射f:X→Y是双射当且仅当对于X的任一子集A有f(X-A)=Y-f(A) 奥巴马敦促国会通过移民改革法 称有利日媒:五艘中国军舰穿过日本冲绳本岛与韩媒称韩高官暗示将引进美国“萨德”反奥斯卡影后赞与查尔斯王子跳舞比“亲热韩国法院:研究低估三星芯片厂对人体的马达加斯加总统选举开始 或有望解决该美研究称已婚者比单身汉更长寿 但容易男子用数百公斤大南瓜造船 划水距离创韩国前科技官员称福岛土壤污染可通过微俄外交官被指在美国招募间谍 美联邦调外交部:中印重申双方不将其军事能力用日民主党前干事长年内成立新团体 被疑日本拟在多个城市开设赌场 年收入可达美国十岁男孩弑父案即将宣判 孩子去处贝卢斯科尼女友否认系同性恋 索赔千万杭州市市管领导干部任前公示通告俄外交官被指在美国招募间谍 美联邦调法国研究员:想象力丰富者比较能拒绝眼韩军警在韩日争议岛演练登陆 旨在抵御伊核问题引美以分歧 美同意合法保留以贝卢斯科尼女友否认系同性恋 索赔千万长沙灵活就业人员也可缴存住房公积金大佬入局 搅动“信用商城”积木盒子读秒贷款利率是多少同名不同校:台湾清华与大陆有何渊源信用卡分期消费,是你踏入陷阱的第一步4.7午评:油价持续走多,行情震荡观重磅:A股还有一潜在利好,即将来袭!不说你可能不知道 车越贵可能越省油眨眼就能拍照!三星获智能隐形眼镜专利Supreme x The NortVR烧遍娱乐圈 黄晓明掷10亿筹拍电一根筋完全按指示来,那些耿直不已的外文件柜有哪些类型与作用《愤怒的小鸟》开发商去年运营亏损千万2v2实时乾坤斗法奖励介绍及积分算法安宁西路122号房产及房基下土地使用最不擅长告白的星座爸爸已经找隔壁阿姨洗完了第二季[第十一集]慕尼黑1860德甲夺冠50周年纪念球这部韩国今年最好的悬疑电影,为你揭秘
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘