课程专辑
以点破面 专精学习
文章 / 软件下载
行业动态 下载软件
作品/IP合作
赏析作品 IP赋能商业
超职套课
海量好课 单套购买
优质讲师
变得和他们一样优秀
虎课APP
APP下载
AI智能抠图
2步搞定抠图
登录虎课网,享更多学习特权
92000+教程免费学
多端同步学习记录
一课一练作业点评
每日 1 课天天免费
了解更多>企业VIP尊享特权
主账号管理
多人团队协作必备
学习内容管理NEW
及时了解学习进度
报销无忧
正规发票 极速开票
专属客服服务
反馈优先响应
助力企业打造全方位的新职业人才
可搜索课程、软件、讲师、读书、直播
您还没有专辑
开始创建自己的专辑吧
按住画面移动小窗
免费学习即将结束
关闭继续学习>
【实用】Protopie交互+PS样机视频
虎课APP支持视频下载缓存
扫码下载/打开虎课APP
支持视频下载,随时随地学
复制链接
QQ分享
微信分享
关注人数:5667
内容由AI大模型生成,请仔细甄别内容
综合评分: 9.7
使用软件: Protopie、PS(2018)、Adobe XD
难度等级:新手入门
视频时长:36分19秒
1.XD-聊天界面思考和设计
2.XD-电商小程序思路讲解及首页设计
3.XD-图标风格该怎么选择
4.XD-商品页展示形式怎么选
5.XD-内容推荐文章页设计
6.【实用】Protopie交互+PS样机视频
7.XD-下单和支付页面设计
8.XD-个人中心页设计和总结
9.XD-商品详情UI设计和总结
10.XD-卡片式推荐板块设计
本篇教程学习的是Protopie交互+ PS样机视频,喜欢的一起来学习吧。
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一进行解答。
那我们开始今天的教程吧。
1.软件可以在官网下载,打开软件界面后,【导入】是可以直接导入XD或Figma,旁边还有图片和媒体都可以导入,还有一些图形的绘制。
2.文本是可以输入简单的文本,输入是在预览框里单击就会弹出键盘,还有一些设置是配合手机或是多方面协作的时候用到的。
3.还有图层区,主操作区里面可以点击【添加触发】,是Protopie最核心的地方,基本上做交互的时候所能想象的一些场景和触发方式都在这里面,最右边是一些相应的修改参数。
4.新建Protopie文件,把设备改为【iphone x的尺寸】,点击【导入】,选择【XD软件】,画板选择【首页】,尺寸改为【3倍】,点击【导入】。
5.点击【scene】,里面是场景,双击给它重新命名,把其它画板也都添加上,分别命名。
6.先讲它跳转的一个逻辑关系,现在是首页,要跳转到第二页,要单击这个按钮,点击【添加触发】,点击【单击】,点击【+】,选择【转场】,转场选择【全部商品】,点击【预览窗】,就已经跳转过来了。
同学,小虎知道你非常努力的想学习!
老师录制课程真的也很辛苦
您每天可免费学习一个教程。
成为VIP可无限学习 !
成为VIP吧!
您已经免费学习 1 个教程 !
我们录制教程很努力的,赞助下吧 !
您已经学习 5 个教程啦!
我们录制教程很努力的,赞助升级下吧 !
您在当前分类下不是VIP,赞助VIP享受无限下载
您在当前分类下不是VIP,赞助VIP享受无限观看
确认要删除这条评论吗?删除后将无法恢复。
评论提交成功,将在审核通过后显示
当日最多删除五条评论
下载素材/源文件:
AI助教全面体验
1000AI字数,点击立即领取
领取成功
立即体验全新AI助教,让学习更高效便捷
《【实用】Protopie交互+PS样机视频》
作品0个
个赞
学习0天
删除历史记录
导出笔记
笔记导出历史
00:00
您可以与在线客服进行沟通获得帮助
工作日:9:00~22:00节假日:9:00~18:00