App启动页设计实例和技巧启动即让人心动

App启动页设计实例和技巧（启动即让人心动）

作为UX/UI设计使，究竟如何才能巧妙而富有创意的结合简单图片，文字，图标以及logo之类常见元素，设计出让用户眼前一亮，心动而忍不住想要尝试，而非直接离开的web或mobile app启动页呢？以下就跟着小编的脚步，了解和分析12款最新且最具代表性的Web/iOS/Android App启动页设计实例，看看创建此类设计案例原型需要注意和牢记的相关技巧~

​

App启动页，也称闪屏页，最初是为缓解用户等待Web/iOS/Android App数据加载的焦虑情绪而出现，后被设计师巧妙用于品牌文化展示，服务特色介绍以及功能界面熟悉等平台进行设计，被赋予了更加丰富而实际的作用。

然而，即使是简单的使用图片，文字，以及色彩的不同直接展示软件或产品功能文化的启动页，也会给用户带来完全不同的感受和体验。

那么，作为UX/UI设计使，究竟如何才能巧妙而富有创意的结合简单图片，文字，图标以及logo之类常见元素，设计出让用户眼前一亮，心动而忍不住想要尝试，而非直接离开的web或mobile app启动页呢？

以下就跟着小编的脚步，了解和分析12款最新且最具代表性的Web/iOS/Android App启动页设计实例，并结合小编最常用的一款更快，更简单的原型工具­­——Mockplus, 介绍创建此类设计案例原型，需要注意和牢记的相关技巧。希望对大家有所帮助：

1.Splash screen

• 设计师：Luis Alves
• 亮点：结合logo主题色，直观展示品牌，加深用户印象

这款设计虽然看起来十分简单，但却是采用了设计师们最常使用的直接展示软件logo的app启动页设计方法。结合其logo主题色做出相应的配色变化，更加直观的展示软件品牌，加深用户印象。

• 学习点：结合软件，产品或logo主题色，直接展示品牌，加深用户印象

2.Dapprly splash screen animation

• 设计师：Ashish Chauhan
• 亮点：“Logo 动效”的设计方式

静态或动态logo的直接展示或转化，也会是App启动页设计的一个重要变量和切入点。而这款设计就巧妙的添加简单动效，更加直观动态的展示软件logo. 显而易见，相对于案例1的静态展示，此款设计会更具吸引力。

• 学习点：结合其它特效，动态展示启动页logo页设计方法。结合其logo主题色做出相应的配色变化，更加直观的展示软件品牌，加深用户印象。
  • 学习点：结合软件，产品或logo主题色，直接展示品牌，加深用户印象

  2.Dapprly splash screen animation

  • 设计师：Ashish Chauhan
  • 亮点：“Logo 动效”的设计方式

  静态或动态logo的直接展示或转化，也会是App启动页设计的一个重要变量和切入点。而这款设计就巧妙的添加简单动效，更加直观动态的展示软件logo. 显而易见，相对于案例1的静态展示，此款设计会更具吸引力。

  • 学习点：结合其它特效，动态展示启