8个手机设计的精美屏幕
为了理解应用程序的价值并享受其功能，现代web程序需要有一个安装过程。这不仅仅是一时兴起。这是一个至关重要的因素，为良好的用户体验提供了坚实的基础，并确保了整个企业的成功。
你可以拥有有史以来最好的产品。然而，如果你的观众不知道如何使用它，你所有的努力都将白费。因此，入职应该经过深思熟虑，精心制作，名副其实。
入职培训的任务是教用户如何操作界面并充分利用产品。因此，您可以使用各种老派技巧来有效地传递消息。你可以选择有引导的动画、短途旅行、交互式界面，甚至是内容密集的方法。
无论你想用什么方法，都不要忘记启发观众的最有效工具之一：随行的视觉材料。它总是节省时间。
让我们探索一些有代表性的例子，在这些例子中，艺术有助于用户的集成。
集群卡车
ClusterTruck的入职过程正是我们所谈论的。在这里，每个屏幕有两个部分：描述功能的内容和用适当的视觉提示支持这一说法的插图。
有趣的是，这两者相辅相成。如果没有这些图片，屏幕会感觉枯燥乏味，即使精心突出的标题传达了正确的信息。如果没有这些内容，作者想要告诉我们的东西就不会立即显现出来。因此，这两者创造了完美的共生关系，使入职过程符合观众的需求。
入职培训
我们探索艺术入职示例的第二站是入职培训。
虽然铭牌本身就说明了这一点，但亲眼看到它不是很好吗？此外，并不是每个人都知道照顾宠物的所有现代方式。因此，这次入职非常有启发性。
Marta Więckowska创作了几个杰出的插图，揭示了主要的美容服务。你甚至不必阅读这里的内容，因为视觉材料说明了一切。
请注意，信息框是如何平滑地融入到带有插图的屏幕中的。它们是画面的组成部分，而不仅仅是独立的单元。入职看起来像一部真正的杰作。
Readmind公司
与上一个示例非常相似，这里的插图和内容齐头并进。文本和导航巧妙地融入到如画的背景中，让人感觉你在与一件艺术品互动。
手绘相当简单，甚至在某种意义上是质朴的。然而，它确实无可挑剔。虽然这个应用程序是为了处理心理健康问题而创建的，但是这样一个愉快而舒缓的欢迎信息会点亮气氛，当然也会把观众带到你身边。
POS登录屏幕由Ardias Elga Kurnia制作
POS机安装屏幕背后的团队使用插图——不仅是为了增强信息，也是为了营造适当的氛围。在这里，矢量图完全符合公司的理念，散发出严肃和正式的氛围。
每一个细节，从图形开始，以导航结束，都坚持这一主题，从门口建立信任。
Erfan Rohmat Arif的空气质量应用程序的登机屏幕
首先映入眼帘的是，插图非常详细。我甚至会说得过分了。虽然大多数类似的解决方案更倾向于采用更多的图解方法，但这些矢量图是精确而精细的。毫无疑问，他们会偷走你一些宝贵的时间，因为你不能把目光从他们身上移开。
与ClusterTruck的情况非常相似，在这里，插图和内容都是构成整个画面的屏幕的两个组成部分。更重要的是，每一个都遵循传统模式，将屏幕划分为可消化的功能部分。
Shilpa Shree MV的入职屏幕
这些屏幕与其他屏幕的区别在于，这里的插图是相互关联的。我的意思是从字面上讲是相互联系的——因为一个屏幕通过晾衣绳通向另一个屏幕。
感觉就像你在讲故事。只有三页，插图非常原始和示意性——尤其是与上一个示例相比。然而，这足以引起我们的注意，增强信息，让印象变得重要。简单但精彩。
迪士尼的一个应用程序的上线
为了向大家展示这种方法确实有一些现实基础，我们还为迪士尼的一个应用程序加入了一个插件。虽然没有任何服装线条，但创意团队巧妙地利用背景为我们连接了这些点。多亏了平滑的形状，这种连接感觉流畅而轻松。
Ming的入职流程
有一个领域，如果没有艺术方法，入职就无法生存，这就是为儿童创建的应用程序。你希望你的年轻人阅读所有的信息框吗？即使可以，他们也肯定不会这么做。此外，没有人能做到这一点。因此，一个经过深思熟虑、能吸引人们兴趣的插图是必不可少的。
孩子的注意力跨度很短，即使是最微小的事情也很容易分散他们的注意力。所以，准备好让这些插图引人入胜。考虑一下Ming的入职流程，看看这些天是如何做到的。
使用可爱的卡通风格，团队创造了一个有趣的吉祥物，跟随孩子们完成入职过程。它是完全动画和互动。
当一个孩子选择这个选项时，他或她可以看到它意味着什么。当然，他们仍然需要阅读问题。然而，他们是一个发挥，承诺带来一些行动的一部分。谁能抗拒呢？
上车
艺术作品的伟大之处在于，设计师将信息视为一件艺术品。我们收藏的每一件作品都是一件杰作，让我们大饱眼福。
在某些情况下，它们是纯粹的装饰，而在另一些情况下，整个美学和整体氛围都在影响着它们。有时它们只是支持标题的简单示意图。或者它们可以是高度详细的图片，本身就价值千言万语。
更重要的是，你可以使用静态图片，也可以使用完全动画和互动的东西。天空是极限。
来源：https://speckyboy.com/8-beautifully-illustrated-onboarding-screens-in-mobile-design/
