嗨玩手游网

2017年十大最佳交互原型

高保真交互原型工具ProtoPie 1岁啦!

一年的时间,ProtoPie的名字陆续出现在Dribbble,Behance,站酷等设计作品网站。

作为ProtoPie开发团队,我们自己都没有想到这款工具可以做出这么多炫酷的效果来

如此多优秀作品,只我们自己看太可惜了。所以这篇作品分享文就诞生了!

我们对优秀作品的选取标准是:

独创性

创新性

保真度

用户友好度

下拉关闭

Dribbble - Cooper Crosby

https://dribbble/shots/3827609-Pull-to-close-interaction

理财App

Dribbble - Fluo Soup

https://dribbble/shots/4035441-Finance-App-Concept

注册登录

Dribbble - Jaret

https://dribbble/shots/3270184--Login-Registration-Motion-Design

贷款App

Dribbble - Monty Hayton

https://dribbble/shots/3757290-Loan-Application-Concept

AR扫描照片

Dribbble - Murathan

https://dribbble/shots/3939229-Photo-Scanner-AR-Feature

城市向导

Dribbble - Jae-seong Jeong

https://dribbble/shots/3861169-iPhone-X-City-Guides-Concept

Muzli

Dribbble- Tomas Sebastian

https://dribbble/shots/3928838-Muzli-Interaction-Exploration

天气

站酷 - 山河

http://www.zcool/u/14409892

打车App

Behance - Fluo Soup

https://www.behance/gallery/54887567/Taxitour-App-Concept

小黄人App

站酷 - TanTan

http://www.zcool/u/14276955

如果你也用ProtoPie制作了原型,但没有被我们发现,请看看你的作品是否上传到以上3个平台,且@ProtoPie哦

高保真交互原型工具-ProtoPie,点击原文链接开始你的原型制作之旅!

此外,U妹还有一个重大好消息要告诉各位小伙伴们,U妹已正式成为ProtoPie官方在中国区的合作伙伴,并且已获得官方授权。(此处应该有赞~)

为了让更多的小伙伴可以在自己的Win或者Mac上简单高效的做出自己想要的交互原型,U妹给大家争取到了很大优惠福利,官方价格:99美元,U妹设计铺价格:包你满意

复制下方淘口令后打开手机淘宝

¥TnTd09wNIkb¥

各位小伙伴们也可自行搜索关注U妹的淘宝店铺:U妹设计铺

....................................................................................................

UI妹儿——越努力,越幸运

蓝湖制作交互跳转原型图的步骤

页面的交互效果,通常用的是墨刀原型来制作。然后放到手机上演示。

最近发现,蓝湖也可以制作类似墨刀原型的交互效果,而且制作的原型可以设置长页面的滑动效果。

制作步骤如下:

1.打开蓝湖网站

搜索引擎,输入蓝湖,点击官网,即可进入蓝湖官网。

2.打开具体项目

3.点击页面顶部菜单栏的交互原型按钮

4.用鼠标在页面画出点击区域

5.再用鼠标点击右侧页面列表中的跳转终点页

6.点击演示按钮

7.继续点击,还可以切换演示设备

比如切换到刘海屏

这种页面之间的交互效果,真正做起来,千万不要较真,不用每个可以点击的按钮,都制作出跳转页面的演示流程。这太花时间了,而且也不现实。因为有些按钮,一个按钮,就有好几种情况,每一种逻辑判断,对应的页面是不一样的。

只需要把关键页面的主流程页,做出跳转页面的效果就可以。

具体的就是,【下一步】,【返回】,这个主按钮,需要制作跳转链接。

至于,【筛选】,【标签】,【日期选择】,【弹窗提示】,这些页面,就不用画跳转链接了。

更多资讯
游戏推荐
更多+