如何在1小时内快速学会APP原型设计?

新知榜官方账号

2023-09-27 02:16:27

如何在1小时内快速学会APP原型设计?

学习APP原型设计需要把握重点和难点,最有效的方式是临摹。在短时间内理解和掌握一个工具的使用,可以通过看实例视频教程,并跟着教程在实例素材上操作。本教程通过一个具有典型性的APP——小红书APP来做实例,结合视频、原型素材和配套文档,让新手能快速学会APP原型设计。

一、基础设置

1.项目类型、尺寸设置:要设计原型,首先需要确定要做什么类型的原型,是iPhone、Android还是iPAD?如果是Android的话,要设置成什么尺寸?

2.APP图标、启动页设置:每个APP都有自定义的图标和启动页。

二、引导页

APP引导页设计:通常一个APP在初次下载打开的时候都会有3-5个页面的引导页。

三、页面设置

1.页面设置:在开始设计页面时,需要解决一些问题:APP的顶栏、底栏怎么固定?怎么更改页面背景色、背景图?怎么做长页面,并让长页面可以滚动?这里我们将会结合小红书APP的首页进行设置讲解。

2.组件固定设置:在APP页面中,按钮悬浮也是一种较为常见的设计。我们将会结合小红书APP的悬浮购物车按钮进行设置讲解。

四、交互跳转

页面跳转设置:交互跳转、返回是可交互原型的一个重要部分。

五、产品导航

APP原型设计中,会涉及到一些常用的产品导航,且这些导航的原型设计操作相对复杂。因为这些导航小红书APP刚好都用到了,所以这里我们将会结合它的几个页面重点讲解一下这些导航如何设计。

1.底部、顶部导航设计

2.侧边滚动(分类)导航设计

3.顶部滚动(分类)导航设计

4.抽屉导航设计

六、其它页面元素

除了导航以外,APP中一般还会有轮播图、滚动消息、弹窗以及视频这些常见页面元素,这里我们同样会结合小红书APP的相关元素进行设计讲解。

1.轮播图、滚动消息设计

2.点击弹窗设计

3.定时弹窗设计

4.视频嵌入

以上就是本教程的内容,快去墨刀官网观看吧!

本页网址:https://www.xinzhibang.net/article_detail-13922.html

寻求报道,请 点击这里 微信扫码咨询

关键词

APP原型设计 快速学习 教程

分享至微信: 微信扫码阅读

相关工具

相关文章

相关快讯