Protopie交互原型工具-详细零基础教程(二)——将交互原型导入手机

用户头像
北京/UI设计师/1年前/253浏览
Protopie交互原型工具-详细零基础教程(二)——将交互原型导入手机
当在电脑端制作完成demo后,我们需要导入手机等智能设备进行测试。
步骤如下:
Step1:下载ProtoPie Player
Protopie是一款免费的App,用于与ProtoPie Studio一起协同工作,在APP store里可以直接下载。
使用这款App可以轻而易举地在iOS、iPadOS以及安卓设备上查看、体验、测试原型,还可以查看存放在云端的原型、将原型保存到本机上,以及实现其它的一些移动端的功能。
Protopie交互原型工具-详细零基础教程(二)——将交互原型导入手机(图ZMTQ3NzA0MDg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
Collect
Step2:将ProtoPie Player连接到ProtoPie Studio
常用的连接方式有3种:
A.扫描二维码。
B.输入IP地址。
C.使用USB数据线
下面主要讲述第一种“扫描二维码”得方式,最推荐,最方便:
Step2.1: 确保你的电脑和智能手机/平板已连接到同一个Wifi内
Step2.2: 在ProtoPie Player中点击
设备
,在ProtoPie Player中点击
扫描二维码
按钮
Protopie交互原型工具-详细零基础教程(二)——将交互原型导入手机(图ZMTQ3NzA0MTI=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
Collect
Step2.3: 扫描后,在ProtoPie Player上就可以成功显示预览效果
Step2.4: 双指长按,点击
保存
Protopie交互原型工具-详细零基础教程(二)——将交互原型导入手机(图ZMTQ3NzA0MTY=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
保存到本地
Collect
Step2.5: 切换本地tab即可体验
Protopie交互原型工具-详细零基础教程(二)——将交互原型导入手机(图ZMTQ3NzA0MjA=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
查看本地
Collect
Step3: 安装字体
若在电脑端制作的时候,使用了手机端没有安装过的字体,Protopie Player会提示你安装字体包。
Step3.1: 通过微信或者QQ将字体包发送到手机上
Step3.2: 将字体包保存到手机上
Step3.3: 打开ProtoPie Player-点击
设置
-
字体管理器
-右上角“
+
”-选择该字体文件-点击
安装
Protopie交互原型工具-详细零基础教程(二)——将交互原型导入手机(图ZMTQ3NzA0MjQ=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
Collect
Protopie交互原型工具-详细零基础教程(二)——将交互原型导入手机(图ZMTQ3NzA0Mjg=) - 教程 - 站酷设计师油焖小虾米原创素材 - 站酷ZCOOL
Collect
持续更新……
1
Report
|
1
Share
相关推荐
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
大家都在看
Log in