开发本机移动应用程序设计的 10 个生活窍门 - 7 - 图片
4)弹出窗口。
当一项操作允许您选择多个项目时,这些弹出窗口非常有用。例如,要回答以下问题:“您从事哪些设计项目?”,您很可能需要选中多个框。
开发本机移动应用程序设计的 10 个生活窍门 - 8 - 图片
搜索栏
默认情况下,搜索栏有两种不同的样式:可见的和最小的。两个版本具有相同的功能。
可见版本很难错过。它通过实心填充(通常是白色)很好地突出显示。只要用户未输入任何文本,占位符文本就会显示在面板内。输入搜索词后它会消失,右侧会出现一个按钮以删除输入的内容。提示用户可以在字段中输入什么内容是个好主意,例如:“输入城市、街道、房屋。”
开发本机移动应用程序设计的 10 个生活窍门 - 9 - 图片
拾取器
选择器用于从列表中选择一个值。有趣的是,您可以在一个选择器中同时使用多种类型的列表。其使用的一个很好的例子是出生日期选择,我们在一个窗口中使用日期、月份和年份选择。
开发本机移动应用程序设计的 10 个生活窍门 - 10 - 图片
字体及其参数
如果专家面临“为 iOS 创建本机应用程序设计”的任务,他将不必选择字体。平台开发者已经注意到了这一点——他们在指南中指出有必要使用他们自己的“San Francisco”字体。
它以两种样式呈现:“SF UI 显示”和“SF UI 文本”。展示”。第一个主要用于标准界面元素,“Text”用于标题和正文文本。习惯上写正文时留一点间距。
主界面元素的字体大小
元素 尺寸(磅) 字体 字体类型
大导航栏标题 34 大胆的 文本
导航栏标题 17 号 半粗体 文本
导航栏按钮 17 号 常规的 文本
搜索栏 17 号 常规的 文本
标签栏按钮 10 常规的 文本
行动表 20 常规/半粗体 展示
当然,您可以使用自定义字体。但这种做法 国家代码 +371,拉脱维亚电话号码 会增加开发商的人力成本。如果这一点无法避免,请小心许可证。
并非所有可以免费下载的字体都具有商业使用许可证(如果有的话)。
另外,让我们提醒您,在选择字体时,重要的是不要过度选择。如果您确实需要使用两种甚至三种不同的字体,请选择一种具有相互匹配的成熟对的字体系列。在这种情况下,您可以使用粗细对比的字母 - 这将增加多样性,同时又不损害常识。
开发本机移动应用程序设计的 10 个生活窍门 - 11 - 图片
如果您确实需要使用两种不同的字体,有一些资源可以帮助您找到适合任何场合的完美字体对。最著名的是Google Fonts ,当您打开字体的详细信息页面时,其理想的字体对会显示在侧栏中。一个有趣的事实是,在这个网站上,您可以完全免费并获得许可证下载其上发布的所有字体。那么,继续吧!
入职 - 了解应用程序和用户对您的工作的第一印象
入门是一组与应用程序交互的规则,使用户对产品有初步的了解。这是第一印象——对您的创作的介绍,以及即使在首次发布阶段也会被吸引的机会。
入职培训可以是有关如何使用该应用程序的教程,也可以是简单的优势演示。
入职用例
问候
引导屏幕建立了用户和应用程序之间的首次接触,这可以成为通信的模仿。设计师经常引入反映与用户沟通流程的特殊字符。
开发本机移动应用程序设计的 10 个生活窍门 - 12 - 图片
通知
入职任务的另一部分是告知用户使用该产品的好处或可用的基本操作。对好处进行正确、简洁的描述非常重要,因为人们不会在入门页面上停留太久。为了让他留下来,你需要用提案和强有力的图形部分来吸引他。
教育
精心设计的教程通过邀请用户尝试有用的应用程序功能来吸引用户,让他们更安全地迈出迈向未知世界的第一步。此外,登录屏幕还可以让您第一眼看到应用程序的风格和外观。根据对目标受众的分析,这可以成为捕获用户兴趣的另一个钩子。
开发本机移动应用程序设计的 10 个生活窍门 - 13 - 图片

用户可以在实际交互之前自定义应用程序。例如,在安装带有音乐的应用程序时,在入门时您可以选择您最喜欢的流派,在下一步中您可以选择您最喜欢的艺术家,以创建最令人愉悦的播放列表。
还有一些创建入门的技巧
切勿插入太多此类屏幕。显示三四个就足够了。这不会让人感到疲倦,并且只会在了解该应用程序时留下最愉快的情绪。
使用引人注目的插图来传达信息的含义。使用单个图像尽可能清晰地传达文本的本质非常重要,因为如果屏幕显得无聊,用户通常会跳过学习曲线。尝试以流行风格绘制或选择插图。无论如何,努力保持简约。
动画是你的朋友。如果您只是画一个能够传达整个屏幕含义的入门插图,那就太好了。但这并不总是可能的。有时,插图不足以显示应用程序的功能流程,或者只是与用户交互。在这些情况下,图片可以是动画的,引导会变得更加有趣和生动。
显示分页,以便人们了解他们还需要查看多少页。
不要让用户选择跳过入门,这样他们就不会感到被迫。为了不被错过,请使用上面的提示使视觉效果变得有趣。
开发本机移动应用程序设计的 10 个生活窍门 - 14 - 图片
使用颜色的基础知识、实施某些颜色解决方案的软件困难
在开发应用程序设计时,错误的颜色选择可能会导致消费者产生丰富的情绪,包括删除应用程序。您需要选择的颜色不仅要相互结合,还要符合产品的主题。您需要清楚地了解,某些颜色可能默认与特定操作相关联 - 如果使用不当,它们会误导用户。
开发本机移动应用程序设计的 10 个生活窍门 - 15 - 图片
开发 iOS 应用程序时使用颜色的技巧
使用醒目的颜色来表明该元素是可点击的。
互补色是你最好的朋友。
使用有限数量的颜色,最好是两种或三种主要颜色,其中一种颜色将负责应用程序的按钮和活动元素。
不要使用传统上等同于某些操作的颜色来误导用户。应明智地使用红色、绿色、蓝色和中性色调。例如,不要用绿色填充“删除”按钮,用红色填充“继续”按钮,因为每个人都知道红色是破坏性行为,绿色是积极行为,灰色表示不活动。
如果正在开发应用程序的公司有徽标和/或指南,则值得使用可用数据,以免破坏与品牌的联系。
应用程序主要元素中的梯度使程序员的工作变得非常复杂。如果任务是使用渐变,请尝试使其尽可能简单,并且不要使用不寻常的旋转 - 它们很难在软件中实现。
iOS 应用程序设计中按钮的类型及其使用的非标准示例
按钮是移动应用程序中重要且最复杂的组件之一。 iOS 容纳了大量类型的按钮,但它们可以分为几类。
系统按钮
创建系统按钮的一些技巧
始终在按钮标题中使用动词,以便用户将其视为号召性用语,而不仅仅是标题。
使用活动元素的颜色突出显示按钮。您甚至可以将样式设置得更大胆。
标题应该很短。
如果系统按钮位于应用程序主体中(不在导航栏中),则标题可以使用大写字母而不是粗体。
避免向系统按钮添加框架或背景。
开发本机移动应用程序设计的 10 个生活窍门 - 16 - 图片
分段控制
分段控件 - 由两个或多个分段(选项卡)组成的面板。每个都显示自己的信息或功能。这个想法是,当切换选项卡时,内容会发生变化,而用户将保留在当前页面上。
活动段必须与其他段区分开来。这通常通过浇注来完成。同时,非活动部分用与活动部分相同颜色的轮廓表示。有时,笔划是中性颜色,以使活动选项卡更加突出。请注意,没有人禁止制作自定义细分,但是移动应用程序开发因此,这将需要更长的时间。
使用分段控件面板时,每个分段都可以视为一个单独的按钮。您可以在此处添加自定义图标并调整舍入。
开发本机移动应用程序设计的 10 个生活窍门 - 17 - 图片
号召性用语 (CTA)