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

十大界面原型与布局工具

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

趣味撞球VB5应用程序一例 VB如何从"SOUND.DRV"中提取声音 VB如何设定墙纸的显示方式? VB如何用API及MMSYSTEM.DLL播放AVI文件 VB如何知道计算机是否安装声卡? 设计简单的屏幕保护程序 -VB资料 使机箱内的小喇叭发出不同的声音 -VB资料 使用VB设计具有「动感」的命令图标栏 五彩缤纷的清屏效果-VB资料 系统是否支持声音 -VB资料 一个实用的VB屏幕程序 一个自动更换墙纸的小软件-VB资料 VB用 VB 设 计 VCD 播 放 器 VB用API播放 .wav 声音文件 VB用MCI指令进行多媒体编程 用VB5.0编写自己的MP3播放器 用VB6.0编写电脑抽奖程序 用VB6的双通道技术获得影碟片断 用VBScript制作活动主页 用VB编写DirectX7.0游戏(下) 用VB编写FLASH动画播放器 用VB设计VCD播放器 用VB实现队列播放MP3 用VB实现屏幕滚屏保护效果 用VB制作下雪的特技景象 用VB自制屏幕保护程序 用Visual Basic实现多画面播放功能 雨滴式的显示图片 -VB资料 在VB5.0中制作多媒体界面 在VB5中将英文字母及阿拉伯数字旋转任意角度 在VB5中如何使机箱内的小喇叭发出不同的声音? 怎样开、关进程!(不是线程)? 今年高考的一篇旷世奇文 cnn连接怎么单独写出来,让Sub或Function调用?不用每次都写一次连接, 请附上Code ,谢谢 请教multibytetowidechar的用法 请救各位. 关于用nmudp实现传输!up也有分,:)) jcreator的debug模式不是很好用,怎么(黄色小三角)指的位置不对啊? 关于用mscomm编程的问题,请大虾指教 导出数据库和操作时经常出现无法分配共享内存错误. 关于ListBox 重分请教:关于制作自定义报表的问题!!! 请问怎样编程查询一个字符串的五笔字型编码? 我们单位要上ERP,作为公司分管微机这一块的我该准备些什么? 右键菜单问题 d7+ADO+SQL2000,如何判断SQL2000数据库中存在某个表? 想要去清华读研究生,大家帮忙出出意见!!!!!!!!!!!!!!!!!!!!!!!! 大价钱求解小问题 好硕的5460!!!! iwantsay 关于MSComm的output和Chr()函数的问题 好久没来这里了这里的朋友们还在吗? 如何在TreeView的节点中调用一个方法? 关于deploytools 一个有关代理文件操作的问题,困扰很久了!! 如何由资源ID得到资源的句柄 向oracle 中插入纪录,日期格式由问题,见内 查询问题 如何取消验证 关于asp打印的一些设置的请教 dbgrid显示不同小数位数问题 关于用nmudp实现传输!up也有分,:)) 我在WSAD5.0中创建的WAS 5.0Server 为什么总是启动出错???请各位高手指点!!! 关于Apache+mysql 100分求《设计模式-可复用面向对象软件的基础》电子书! 向oracle 中插入纪录,日期格式由问题,见内 在线等候 在企业管理器里附加了一数据库,显示为readonly,为什么!!!! 就要实习了,不知哪些公司比较乐意接受实习生呢 急!!请问如何在WEB自定义控件中响应事件? 本人最近写了一个服务器端文件管理的程序,基本的功能都已经实现,但是下载的功能还是不行,欢迎大家讨论实现。 奇怪的comboBox的数据绑定问题! 为什么不能把记录成批插入到表中? 在VC中操作access:update的where子句中用"and"组织成多个表达式时出错! 在线等候 怎么将数据库中的字段项动态的添加到COMBOX里面去。(我用的是DB2数据库) sql关于多个数据库的问题 散分了! 我也散点分吧 有些话不吐不快!看某不知来历的版主下台后发贴有感 不知道是怎么回事,难道是显示器坏了? 启动windowns2000报错"no language support detected",请问怎么解决? WIN ME下怎么调试 ASP? 闻名中闻的意思 维修卡上 make fold a card first改为否定句 仓鼠怎生下小鼠鼠后,要多久才能玩仓鼠呢?要多久才能分笼呢?我听说母仓鼠受到惊吓后会吃掉小仓鼠.怎么分笼呢? I'm want to cry 的语法是错误的吧!我感觉这是错的.. to be you want to be ran什么意思? 甲乙两个书柜共有书400本,如果把甲柜的本数取出 放到乙柜中,乙柜的本书就是甲柜的3倍,两柜原来各有多少 将错就错的就什么意思? "将错就错"的"将"是什么意思?只解释"将"字 杭州新航道的托福保一百分周末班怎么样 男子车子被福特车挡道 与车主争吵气划小偷溜进医院想偷戒指 被发现后扯破衣以房养老产品或明年一季度推出 首选失周四“立冬” 接下来雾霾可能会是杭州西湖申遗成功两年多 团市委调查西湖保周末杭城雾霾缠身 今天起,弱冷空气或浙江部分行政区划调整绍兴县上虞市撤县伊媒:中伊就220亿石油欠款达成协议法国两名记者命丧马里英15岁少年欲滑雪闯南极德或成“五只眼”新成员国 美德协议分两市拉升翻红沪指涨0.10% 稀土永副教授被曝与女学生不雅照 校方:去年澳媒:G20峰会成中国对外展现领袖地情歌暖男品冠化身暖心奶爸 新单曲儿子第一高价股易主 中价股超七成凸显震荡博易创为登陆资本市场 成新三板泛娱乐潞安集团推进煤制油产业2.0版本民歌演唱家郭颂病逝 《乌苏里船歌》成《父亲的身份》收官 俞飞鸿细腻演技激泰国警方严查带团导游 为中国游客提供新证据显示火星可能曾发生海啸
备案号:鲁ICP备13029499号-2 说三道四 www.s3d4.cn 说三道四技术文摘