号召性用语特点
第一重要的按钮最好完全填充，次要的按钮应该划一划而不填充。
如果按钮在用户执行操作（例如填写表单）之前处于非活动状态，您可以将其设置为中性灰色色调，并且文本颜色不应过于突出。
按钮可以放置在内容的中间（如果这不是屏幕的主要操作），也可以附加到底部边缘。通常，我们在弹出屏幕或内部应用程序屏幕上执行此操作。
CTA 按钮中的图标的标准尺寸为 24 x 24 pt。
建议将号召性用语按钮的大小设置为至少 44 磅。
开发本机移动应用程序设计的 10 个生活窍门 - 18 - 图片
令人惊叹的效果及其使用领域的图示
移动应用程序中的插图长期以来一直流行。每年，它们都受到越来越严格的要求：更加独特、友好、与品牌融合。对于设计师/插画家来说，从照片库中的矢量人物身上汲取灵感已经不够了，他们需要关注风格和信息呈现的趋势。下面我们列出了2019-2020年的几个插画趋势。
明亮的色彩和简单的形状
“简单，但复杂”这句话可以用来描述插画的新趋势。但由简单形式组成的作品并不一定简单。通常，重要的是使用大胆、简单的形状来形成具有鲜艳色彩的复杂复合体。您甚至可以使用渐变。最重要的是不要过于简单，并记住插图应该非常清晰。他们需要引人注目并从人群中脱颖而出。
开发本机移动应用程序设计的 10 个生活窍门 - 19 - 图片
异想天开和抽象
如今，越来越多的插画家混合图像、纹理、形状和线条来创造有趣的抽象设计。如果平衡得当，它看起来会很棒。不要害怕尝试！受到 Google、Facebook、Slack、Asana 等巨头的启发。
开发本机移动应用程序设计的 10 个生活窍门 - 20 - 图片
移动应用中插画的使用范围极其广泛。
入职。
谢谢，带有插图的屏幕看起 国家代码 +371，拉脱维亚电话号码 来更有趣。当用户完成一个操作后，开发者为他们提供这样的好东西时，他们会非常感动。
流程步骤启动屏幕。
应用程序启动后出现的教程。
启动画面 - 应用程序加载屏幕。
以及任何适当的屏幕。
图标 - 可用于设置样式的工具
不要低估图标在移动应用程序开发中的重要性。在风格上，他们扮演着最重要的角色之一。
线条的粗细、颜色、圆角、形状、异常性以及标志的清晰度 - 所有这些都使该应用程序独一无二。尝试尝试 - 用几何图标替换页面上圆形和平滑形状的图标 - 你会立即感受到这对整体图片的影响有多大。
应用程序开发的主编辑器中的工作区组织
如今，当设计师在Photoshop中绘制移动应用程序时，UI 工程师会抓起头大喊：“哇啊啊啊啊啊啊啊啊啊为了什么？”。这并不奇怪，因为很长一段时间以来没有人在开发移动应用程序时使用这个编辑器。
矢量编辑器已经取代了通常的 Photoshop菲格玛,草图、XD等。
Artjoker 设计师的整个团队都非常喜欢 Figma。因此，我们将向您介绍一些有关在其环境中开发移动应用程序的信息。
YouTube 和Figma 本身的 视频教程中详细描述了使用该工具的优点和功能。我们将讨论如何组织您的工作空间。
为了简化大量布局和相同元素的工作，Figma开发人员为用户提供了组件。如果您创建一个元素，例如按钮、组件，那么它的所有副本都将重复其父级的行为。这是一种非常方便快捷的方法，可以一次调整所有按钮，仅更改父按钮。另一方面，如果您为组件的副本设置一些文本，那么当您编辑该组件时，子组件的副本将会更改，但其中的文本不会更改。
试想一下，一位客户突然要求您将三十种布局上的所有按钮的角变圆。更改至少三十个按钮或仅更改一个按钮所花费的时间会有多大不同？
但设计师们并没有就此止步。在 Figma 环境中，您可以创建一个包含组件的单独页面，从而制作一个自动执行工作的 UI 工具包。
您可以通过此链接阅读有关组件的信息。这是一个强大的工具，可以自动进行编辑，并且通常可以创建设计。除了组件之外，您还可以创建文本和颜色样式。您可以在下图中查看我们如何使用它的示例。
开发本机移动应用程序设计的 10 个生活窍门 - 21 - 图片
所有布局、GUI、移动设备和其他设计元素都需要组织在一个文件中，但位于不同的页面上。我们建议您保存旧版本的页面，因为客户经常要求退回旧版本的内容。我们建议将所有可能有用的旧版本和草稿版本保存在单独的“草稿”页面上。
如果没有草稿页，但又需要不惜一切代价把它弄出来，Figma 有一个很棒的功能——版本历史。在免费版本中，历史记录保存最近三十天，而在付费版本中，从创建文件的那一刻起，所有选项都可用。
开发本机移动应用程序设计的 10 个生活窍门 - 22 - 图片
您可以将公司徽标放在首页，那么所有产品将很容易通过项目页面上的徽标识别。
开发本机移动应用程序设计的 10 个生活窍门 - 23 - 图片
PS：该链接提供了免费版本的 UI 套件，该套件由 Artjoker 设计师开发并成功实现。里面的所有组件都配置正确并且是“橡胶”
导航
iOS 中的导航非常容易理解，因为没有汉堡菜单或其他隐藏的方式来导航应用程序。所有主页都应该可以从下部选项卡快速访问，并且导航元素应该直观。
开发本机移动应用程序设计的 10 个生活窍门 - 24 - 图片
我们已经讨论了一些导航元素，但现在我们将更详细地了解它们和其他元素。
为了让用户始终了解他在哪里以及如何到达他想要的地方，开发了一个完整的元素系统，这在潜意识层面上应该被认为是显而易见的。
导航栏。显示在应用程序顶部并附加到状态栏。根据我们所在的页面，导航栏会发生变化。将页面标题放置在层次结构第一级的页面上非常重要，这样才能始终清楚我们所处的位置。在内部页面上，除了标题之外，您还需要添加后退箭头以返回到上一屏幕。您甚至可以标记箭头以使该步骤更加明显。在此面板上放置图标以导航到其他内部页面也很常见。例如，在个人资料主页面上，我们可以在导航栏中添加设置图标，以便快速访问设置页面。
标签栏。与 Android 应用程序不同，iOS 绝不会在隐藏菜单中隐藏其导航。应用程序的主要页面位于下部选项卡中 - 建议不要超过五个。前面我们谈到了面板本身和图标的特点。很可能将自定义元素添加到底部导航面板 - 选择“+”图标，将其放置在将延伸到面板之外的圆圈中（参见下图）。但在执行此选项之前，请与您的开发人员讨论它会花费多少时间。如果您仍然需要添加五个以上的图标，请重新考虑是否可以将该元素放置在导航栏中的某个位置。作为最后的手段，提供滚动图标（但这不是一个很好的情况）。
分段控件是一个非常重要的导航元素，它允许您将一个屏幕分成多个屏幕。当移动到任何部分时，用户仍保留在主页中。大多数情况下，该面板放置在导航面板和屏幕标题（如果有）的所有元素下方，但有时分段控件会放置在某些内容的上下文中。
应用程序图标：注意事项
应用程序图标是为每个移动应用程序添加的唯一图像。用户将首次在 App Store 和 Google Play 上看到该应用程序。在此阶段，用户决定是否想要了解有关该服务的更多信息。如果没有，他会进一步滚动。一个好的图标会引起兴趣，提供信心，并让用户相信该应用程序是有用的。同时，糟糕的图标会让人感到困惑，并对服务的实用性/质量提出质疑。当一个人安装它时，图标的用途会发生变化 - 需要考虑到这一点。现在，它有助于在主屏幕上查找应用程序以及其他图标。但什么让徽章“好”呢？
虽然应用程序图标是品牌的一部分，但它不是徽标。这两个元素有非常不同的目的。然而，有时徽标可以用作图标。
以下是 Artjoker 设计师提供的一些关于如何使您的服务图标清晰且有吸引力的提示
尝试沿着网格绘制图标，或者至少不要超出网格的边缘。
如果您正在为一家徽标众所周知的知名公司开发本机应用程序设计，则值得将品牌名称（如果有）作为产品图标（例如：Behance、Facebook、Twitter 等）。如果公司徽标没有提供短版本，则无需发布整个长度。最好想出一个简单而清晰的标志来传达应用程序的本质，或者企业风格的构图。
根据指南，iOS 的图标不提供阴影的使用，就像 Android 的 Material Design 一样。这里你需要完全专注于平面风格。
传输给开发人员的应用程序图标的尺寸应为 1024x1024 pt。
开发本机移动应用程序设计的 10 个生活窍门 - 26 - 图片
如果您遵守上述所有规则和建议， App Store 和用户 都会更好地感知您的产品。
如果您需要设计开发并且您特别注重质量本机应用程序，Artjoker 团队已准备好深入研究背景并创造优质产品。我们的专家紧随趋势并遵循标准。除了视觉效果之外，我们的专家还可以创建一个ios应用程序以编程方式
