移动应用设计案例,移动应用案例教学

移动应用UI设计——导航设计

1、APP 标签式导航——最常见、最保险 标签导航位于页面底部，通常包含5个标签是比较合适的数量。这种导航是非常常见的，如果你的应用需要用户频繁的在不同分页切换，可以采用这种导航。它的缺点是会占用一定高度的空间。

2、Tabbar的导航方式是由谁发明的马海祥不得而知，不过相信大家都同意是由苹果将其传播开来，不仅很多苹果的官方应用采用了这种设计，苹果同样大力推荐应用开发者优先采用这种方式，从某种角度来说，tabbar基本就是导航的标准设计。

3、导航二级菜单显示隐藏 很多网页中的二级菜单栏不直接显示，需要鼠标移动到一级菜单或者点击一级菜单才会展开显示二级菜单。input表单 input表单可以获取用户的信息，做出对应的动作，教程中直观的展示input表单的应用方法。

五种手机移动APP菜单设计方案

APP 抽屉式导航——适合信息层级多的界面设计 抽屉式导航常常与标签导航结合使用。如果一款产品的信息层级非常多，一屏无法将所有内容全部展示，这是便可选择抽屉式导航，将部分菜单隐藏，突出核心功能，节省页面展示空间。

目前，移动端界面的一级导航设计主要有几种：底部布局的标签导航；顶部布局的标签导航；舵式导航；4抽屉式导航；宫格式导航；等等。

列表导航列表式APP导航是我们在APP设计种必不可少的一个信息承载模式。当然作为一个APP的导航也是非常方便的。这种导航模式从原始导航中很好转换，只要将列表左对齐，增加向右箭头表明是否还有下级即可。

常见的如：旅游类APP，图文信息比较多且更新频繁的APP。抽屉式菜单，即点击导航按钮，将二级菜单像拉抽屉一样拉出来。这种形式能极大程度保持页面简洁，节省空间，但由于功能隐藏在子菜单中，比较适合不太重要的功能。

移动应用界面设计的尺寸设置及规范

1、界面尺寸：5英寸（iPhone1/2/3/4/4S）、4英寸（iPhone5/5S/5C）、7英寸（iPhone6/6S）、5英寸（iPhone6 plus/6S plus）等。

2、如果是用PS做设计稿就用750*1334，如果是用SKetch或者XD来设计，常见是用1倍尺寸来说，也就是375*667或者375*812（iPhone X）。

3、注：android规范提供的尺寸单位是dp，若设计稿尺寸设为720 x 1280 ，图标大小需在规范要求的尺寸数字上乘以2。比如操作栏图标32 x 32 dp ，则设计稿上应该是64 x 64 px 。

4、Android界面尺寸：480*800、720*1280、1080*1920。由于安卓设备众多，一个应用程序图标需要设计几种不同大小，如：LDPI（LowDensityScreen，120DPI），其图标大小为36x36px。

5、来分析一下界面的尺寸规范： 首先是状态栏，就是信号电池栏的高度为40px。导航栏部分，就是“设置”栏高度为88px。 而下边的底部栏（导航栏）高度则为98px。 注意这三种尺寸是规定比较死的。

6、IOS界面设计尺寸规范（以iPhone6为例）界面尺寸规范 界面尺寸大小是：750x1334px。

标签：案例移动应用教学设计