绘制app低保真交互原型稿
作者:暂无发布时间:2019年11月07日 10:54

1.绘制app低保真交互原型稿,具体如图所示。


2.设计师互动思维导图,如图所示。


3.绘制尺寸【375*667】大小的页面框架,再绘制一个【高度20】的框架,【高度44】标签栏,【高度50】左右的按钮,按钮处分别输入【消息】【联系人】【发现】【我的】。


4.再绘制一个搜索框架,转化为【母版】,绘制一个【圆形】命名【头像】,再绘制一个框架【像下一层】,标注【设计师名字】【签名】【时间】,选中再【复制】三个。


5.直接拖过来做第二个,按照同样的步骤把【消息】更改为【联系人】,把之前做的【母版】直接使用,在【联系人】栏打字【添加】,把【头像】改为【icon】,【设计师】名称处改为【新的朋友】位置居中,设置【标签】和【群聊栏】,接着做【隔开栏】颜色设为【灰色】输入【A】【B】等如图所示。


6.复制过来做【发现栏】先将【发现】颜色调整为【红色】,把对应的内容删除,把【联系人】改为【发现】,更改位置如图所示。


7.直接拖过来复制做【我的】,直接把内容复制过来,字体向上调节,再打字【签名】,用【占位符】做【二维码】,再依次做【我的作品】【我的收藏】【系统设计】【推荐给好友】【关于app】等框架,如图所示。


8.最终效果如图所示。


点击观看视频教程
UI-绘制APP交互原型稿
初级练习5098人已学视频时长:27:13
立即学习
特别声明:以上文章内容仅代表作者本人观点,不代表虎课网观点或立场。如有关于作品内容、版权或其它问题请与虎课网联系。
500+精品图书
20G学习素材
10000+实用笔刷
持续更新设计模板
立即领取

下载虎课APP

随时随地学技能
APP更方便
每天免费学课程
下载虎课网APP
随时随地学海量会员教程
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服
虎课
积分
免费学习91000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了35,548
并提交了150份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 91000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证