由于小程序本身的特殊性，导致 UI 设计师不能够如同设计 App 一般自如。为了后续 UI 设计师和小程序前端开发能减少沟通，返工成本，蓝橙小编将在这里和大家聊聊 App UI设计和小程序UI设计的差异，以及差异具体的表现。

      一、弹框

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

      二、顶部导航栏区域

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

      三、底部标签栏

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

      四、消息推送

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

以上就是小程序和 App UI设计的差异，各大企业还是要以自身需求来做出选择，蓝橙视觉是一家专业的UI设计公司，无论是app还是小程序UI，都拥有专业的设计团队，欢迎咨询在线客服！