APP的ui设计与小程序有什么区别？APP和小程序都各有优势和缺点，也有联系和区别。下面，优行者小编就和正在进行ui设计培训的学员们分享一下两者在基础框架方面有哪些区别。

一、弹框

在常规的APP中，一个页面中弹框的优先级是最高的，会强制用户阅读弹框的内容，只有手动关闭弹框才能执行其他动作，但是在小程序中，导航栏与标签栏的层级最高，弹框不能置为最顶层，所以用户依旧可以点击标签栏切换不同的界面。

二、顶部导航栏区域

小程序的导航栏官方指定了2中样式，一深一浅，背景色可以自定义，遵循导航明确，来去自如的原则。导航栏的样式是固定不可更改的，所以，正如ui设计常看到的那样，一些小程序的banner都是在导航栏下方的，一些原本可以安置在导航栏的定位、消息、搜索等模块内容也自动下移。而通常在APP的界面中，整个界面都是可以自定义的，所以顶部的导航区域不受限制，设计自由，可发挥程度非常高，经常会看到导航栏、banner、icon入口结合在一起，这样可以让界面效果更整体，氛围感和沉浸感更好。

三、底部标签栏

底部标签栏是移动端产品的主要导航方式，主要表示用户当前所在的位置，所以会有选中与未选中两种切换方式。在ui设计原生的App产品中，标签栏经常会看到不同的表达形式，例如冲破边界采用自由的异形元素，或者在Tab切换时会有动效切换的效果，非常生动有趣，容易吸引用户的注意力。而在小程序的产品中，Tab切换形式通常比较单一，使用的是常规切换方式，不会有动态效果，主要受制于微信框架的限制。

四、消息推送

很多APP会隔三差五的给用户推送消息，甚至是广告，可以提示用户打开应用，增加启动应用的频率，提升产品活跃度，但是过多的消息推送会对用户产生干扰，造成困扰和麻烦。而小程序是不允许主动给用户推送广告的，仅能回复模版消息，站在不打扰用户的角度来说，产品体验比较好。推荐阅读>>>ui设计注册表单怎么运用灰色文本？

APP的ui设计与小程序设计有何区别？关于APP与小程序基础框架的区别还有其他很多方面，除了区别以外，两者之间更多的是联系和互补，这其中的关系需要我们设计师去慢慢琢磨、思考、把握和运用。

上一篇: 配色的视觉设计要如何达到协调？

下一篇: 小程序的ui应该怎么设计呢？