1
%
iOS 设计规范
最后更新于 2024-06-12
#知识库#设计知识
iOS 设计规范是苹果官方分享的 App 设计建议大全,会随着产品的更新换代,做进一步规范的更新。
开始学习
62
文章数
91.3K
总字数
5
知识点数
22.8K
学习人数
291
学完次数
77
精选笔记
知识库概述

iOS 设计规范是苹果官方针对 iOS 系统的应用方式、系统规则、设计原则、组件类型、应用技术进行解释的文档。

我们针对现有的规范内容,以及初学者需要了解 iOS 设计规范的目标,重新整理了一遍规范文档,帮助大家可以更快、更有效的学习。我们整理的主要改进点有:

  • 进行内容的聚合和重新排序,便于阅读和记忆
  • 聚焦移动端 APP 相关规范,移除其它系统说明
  • 精简内容,优化语句,更符合日常语言习惯

最后强调,规范内容非常庞大,我们做的主要工作是筛选和优化而不是重写(没办法重写),如果觉得很多语句或者内容奇怪,基本(99%)就是官方原文那么写的,我们还没优化或者不知道应该怎么优化……

iOS 18 最新更新内容
已学会 0/3 · 知识点 0/0
iOS 设计基础
已学会 0/16 · 知识点 0/1
界面布局
安全区和规范 屏幕区域内需要定义一个布局规范,帮助你放置、对齐、分隔内容。 而 iOS 系统有预设好的布局规范,可让你应用标准外边距定义内容,以及限制文本宽度、优化可读性。当然,你也可以自定义该布局规范。 改:布局规范是每个页面区域要有的,他可以帮助你放置、对齐、分割内容。系统预定义的布局规范是可以...
文字排版应用
除了确保文本清晰易读外,你选择的字体排版方式还可协助你阐明信息层级结构、传达重要性。 应用指南 最小字号要确保大多数用户都可以轻松阅读。 根据需要调整字体粗细、字号和颜色以强调重要信息并帮助用户看清信息层次。 尽量减少在界面中使用的字体样式数量。 测试不同环境下的易读性,包括户外强光环境下阅读内容、...
文案编写
App 的措辞方式是用户体验的重要组成部分。 不管是构建用户引导体验、编写提醒图像描述、提供辅助功能,从语言的角度进行设计可帮助用户充分使用 App。 入门指南 确定 App 的措辞风格。思考你在和谁说话,即可弄清要使用的词汇类型。创建一个常用术语列表,并参考该列表以保持语言一致。 力求语气与上下文...
颜色使用
巧妙地使用颜色可以增强沟通,唤起您的品牌,提供视觉连续性,传达状态和反馈,并帮助用户理解信息。 系统定义了在各种背景、显示模式下效果协调的颜色,并可自动适应虚化效果和辅助功能设置。用户熟悉这些系统颜色,所以使用它们可以打造更易于上手的使用体验。 您可能还想使用自定义颜色来增强应用或游戏的视觉体验并表...
图标使用
图标能让用户快速理解产品意图。 App 和游戏使用各种简单图标帮助用户理解其可选取的项目、操作和模式。界面图标与 App 图标不同,后者可使用阴影、纹理、高亮标记等丰富的视觉细节来打造 App 的特色,前者通常使用精简形状和适量颜色来直截了当地传达意图。 你可以重新设计界面图标,也可以从 SF 符号...
App 启动图标
一个独特、好记的图标可传达你 App 或游戏的用途和个性,还可帮助用户在 App Store 及其设备上一眼识别你的产品。 精美的 App 图标在 Apple 所有平台上都是用户体验的重要组成部分,对于每个 App 和游戏都不可或缺。 每个平台都为 App 图标定义了略微不同的轮廓,因此你不妨创作一...
SF Symbol 图标库
SF Symbol 提供了数千个风格一致且可配置性高的图标,这些图标可与 San Francisco 系统字体无缝整合且可自动适配所有粗细和字号的文本。 你可以在显示界面图标的任何地方,例如导航栏、工具栏、标签页栏、上下文菜单和文本中,使用 SF Symbol 来表达物体或概念。 单个图标和功能的可...
图像展示
为了确保插图在所有受支持设备上保持美观,请了解系统如何展示内容,以及如何以适当的缩放系数呈现艺术感。 分辨率 不同的设备可以用不同的分辨率显示图像。例如,2D设备根据其屏幕的分辨率显示图像。 点(point/pt)是一种抽象的测量单位,无论以何种方式显示,它都能帮助视觉内容保持一致。在2D平台中,一...
材质效果
材质可通过模糊和修改底层视觉内容的颜色值来加入半透明效果。 半透明可以提升前景和背景元素的融合性,在视觉上传达层与层之间的分离,帮助用户维持一种场景感。为了增强半透明效果,材质可以与鲜明色相结合。鲜明色可以使色彩从背景透过材质层,从而增强文字、填充色、图标等前景内容的层次感。 注:由于某些组件(如 ...
动效展示
在所有平台中,美观流畅的动效赋予界面活力,从而传达状态、提供反馈和指示,以及丰富视觉体验。 很多系统组件本身包含动效,让你在整个 App 或游戏中提供熟悉且一致的体验。如果设计自定义动效,请优先选择有意义的动效,以帮助用户确定自身位置和看起来舒适,提供清晰的反馈来响应其操作,以及帮助其了解界面以免不...
深色模式
深色模式是一种系统范围的外观设置,使用深色配色表为低光环境提供舒适的浏览体验。 在 iOS、iPadOS、macOS 和 tvOS 中,人们通常会选择暗色模式作为默认界面风格,他们通常希望所有应用程序和游戏都能尊重他们的偏好。在深色模式下,系统会对所有屏幕、视图、菜单和控件使用深色调,还可能使用更大...
品牌化设计
App和游戏在表达其独特的品牌形象时,既要让人一眼就能认出,又要让人感觉在平台上宾至如归,给人带来始终如一的体验。 应用指南 在所有展示的书面表达中使用品牌独特的声音和语气。例如,你的品牌可能会通过使用平实的文字、偶尔使用感叹号和表情符号以及简单的句子结构来传达鼓励和乐观的情绪。 考虑选择一种强调色...
包容性设计
具有包容性的 App 会将用户放在首位,优先考虑尊重他人的交流,并以每个人都能访问和理解的方式呈现内容和功能。 为了帮助你设计具有包容性的 App,请在检查所使用的文字和图像以及所提供的体验时考虑以下目标。 与所有设计一样,设计一款包容性App也是一个反复的过程,需要时间来完成。在整个过程中,要随时...
无障碍化设计
用户使用 Apple 辅助功能将与设备的交互个性化为适合自己的方式。 无障碍 App 或游戏在设计上支持无障碍个性化,无论每个人的能力或使用设备的方式如何,都能帮助他们获得良好的体验。 大约七分之一的人有残疾,影响了他们与世界和设备的互动方式。人们在任何年龄、任何时间段都可能出现残疾,严重程度也各不...
从右到左的语言适配
按需反转界面文字排版方向以匹配不同语言的阅读方向,如阿拉伯语和希伯来语。 当人们为他们的设备(或者只是您的应用程序或游戏)选择一种语言时,他们希望界面能够以各种方式进行调整。 系统提供的用户界面框架默认支持从右到左 (RTL),允许在 RTL 环境中自动翻转系统所提供用户界面组件的方向。如果使用系统...
隐私保护
隐私至关重要:对与隐私相关的数据和 App 所需的数据保持透明至关重要,而保护用户的数据也至关重要。 用户会以非常个性化的方式使用自己的设备,并期望 App 能够帮助他们保护隐私。 当您提交新 App 或更新 App 时,您必须提供有关您的隐私惯例和您收集的隐私相关数据的详细信息,以便 App St...
iOS 设计模式
已学会 0/23 · 知识点 0/1
数据图表
使用数据展示的方式可让信息传达更清晰和更具吸引力。 图表可以有效地传达复杂的信息,同时又不需要用户阅读和理解大量文字。图形化的特性还提供了个性化的使用体验,并为你的界面增添乐趣。 图表可以是提供信息概览的简单图形,也可以是提供丰富交互式体验的数据操作类型。不管是简单或是复杂,你都可以使用图表来帮助用...
协作与共享
简单且快速的协作共享体验,可以让用户专注于内容的同时,与他人进行有效的沟通。 协作开始后,用户可以使用你 App 中的“协作”按钮与他人沟通、执行自定义操作和管理详细信息。此外,在协作者提及用户、更改、加入或退出时,用户可以收到“信息”通知。 应用指南 将“共享”按钮放在工具栏等方便的位置,让用户轻...
拖拽操作
用户可以使用拖拽功能,将所选照片、文本和其他内容从一个位置拖到另一个位置进行移动或复制内容。 若要拖拽,用户需要首先选择好内容,然后将其放在另一个位置。位置可像文本视图那样位于同一容器中,也可像分屏浏览的文本视图,甚至是不同 App 中的文本视图那样位于不同容器中。 拖移操作可能会将所选内容移动到目...
输入方式
需要从用户侧获取信息时,请尽量让用户在不出错的情况下轻松提供信息。 无论用户使用何种交互方式,输入信息都是一个乏味的过程。通过以下方式来改进体验: 预收集尽可能多的信息,以减少用户需要提供的数据量 支持所有可用的输入方式,以便用户选择适合自己的一种 应用指南 尽可能从系统获取信息。 明确你需要的数据...
反馈设计
反馈可帮助用户了解正在进行的操作,发现下一步可执行的操作,理解操作的结果,以及避免错误。 当用户与 App 或游戏交互时,提供清晰且一致的反馈可让体验更直观,并鼓励用户更深入探索。反馈可以传达多种不同信息,例如: 内容的当前状态 重要任务或操作是成功还是失败 对可能产生负面后果操作的警告 纠正错误或...
文件管理
根据不同的使用体验,用户可能希望在 App 内或整个系统中管理他们的文稿和文件。 基于文稿的 App(如 Pages 文稿、Keynote 讲演、“照片”和“备忘录”)可帮助用户创建、编辑和存储文稿和文件,通常会为用户提供自定义方式来浏览他们要在 App 中打开的内容。 根据不同的平台,用户也可能希...
进入全屏
iPhone提供了不受干扰的全屏幕模式,该功能在被用户调出来之前通常会被隐藏。 应用指南 对使用体验有帮助时,支持全屏幕模式。 保持必要的 App 功能可访问,以便用户可以在不退出全屏幕模式的情况下完成任务。 按需调整界面以充分利用全屏幕模式下的扩展空间。 让用户选择何时退出全屏幕模式。 iOS、i...
启动页设计
用户喜欢可帮助其立即开始使用 App 或游戏的流畅启动体验。 应用指南 按照平台需要提供启动屏幕。 仅在必要时请求初始设置信息。 在正确的时间请求隐私数据的访问许可。 在显示补充信息或请求评论之前,先给用户一些时间享受 App。 让 App Store 显示协议和免责声明,以便用户可以在下载 App...
载入设计
内容载入期间,避免显示空白视图或静态内容,这样可能会让用户认为你的 App 或游戏卡顿或无响应。 应用指南 尽快显示内容。如果要让用户等待载入完成后才显示所有内容,用户可能会将内容缺失理解为卡顿。 清楚说明内容正在载入和完成可能需要的时长。 如果载入不可避免地需要较长时间,请考虑向用户提供等待时可观...
个人账户管理
账户可成为用户访问其内容和跟踪个人详细信息的便捷方式。 仅在你的核心功能需要时才请求用户创建账户,否则让用户无需账户也可享受你的 App 或游戏。 应用指南 解释创建账户的好处和如何注册。 尽可能延迟登录操作。如果在执行任何有用操作前被迫登录,用户常常会弃用此类 App。为帮助避免这种情况,请在请求...
发送通知
通知可向用户提供即时的重要信息,无论设备处于锁定状态或正在使用中。 发送任何通知前,你需要获得许可。用户可在设置中更改此决定,同时还可静音所有通知(某些地区的政府警报除外)。 与专注模式整合 用户喜欢收到其关心内容的相关通知,但有时不想被打断。为帮助用户管理体验,系统让用户可指定推送时间和设置专注模...
模态化设计
模态化是一种呈现内容的设计方式,这种模式可阻止与父视图交互且需要进行确切的操作来关闭。 以模态化方式呈现内容可以: 确保用户接收关键信息,并在必要时对其进行操作 提供选项以让用户确认或修改其最近的操作 帮助用户执行明确的小范围任务,同时不会忘记其之前的环境 向用户提供沉浸式体验,或帮助其专注于复杂任...
多任务处理
多任务处理可让用户快速从一个 App 切换到另一个,允许用户在每个 App 中执行任务。 用户希望在其设备上使用多任务处理,如果你的 App 不支持,用户可能会认为出现了问题。每个 App 都需要良好适配多任务处理。 在 iPhone 上,多任务处理可让用户在使用其他 App 的同时使用 FaceT...
提供帮助
虽然最高效的体验是易操作且直观的,但你仍可根据需要提供帮助。 应用指南 根据 App 的任务决定用户可能需要的帮助类型。例如,你可以通过显示简明描述任务的内联视图,来帮助用户执行包含一两步操作的简单任务。另一种情况,如果你的 App 或游戏支持复杂或多步骤的任务,不妨提供教程来指导用户如何实现更大的...
用户引导
理想情况下,用户只需通过体验即可理解你的 App 或游戏,但如果需要用户引导,请提供快速且有趣的流程。 为了减少用户引导的必要性,请首先确保用户可轻松探索你的 App 的主要操作及内容,并确保次要功能均在符合逻辑的可预见位置。如果需要创造单独的用户引导体验,请考虑以下应用指南。 应用指南 设计简单有...
播放音频
用户期待音频可随着设备使用环境的变化而自动调整。 设备可以通过内部或外部扬声器、耳机、使用蓝牙或 AirPlay 的设备无线播放音频。用户可以通过音量按钮、iPhone 上的“响铃/静音”开关、耳机控制、“控制中心”音量滑块来控制设备上的声音。无论声音是在你所打造的体验中属于重点部分还是点缀,都需要...
触感反馈
除了视觉和听觉反馈外,系统还可以提供触感反馈来传达诸如 Apple Pay 交易的确认或 iOS 中的通知消息等信息。 提供触感反馈可调动用户的触觉,并将对现实世界的熟悉感代入 App 或游戏中。 应用指南 使用官方提供的系统触感模式,如果这些触感模式不适用您的 App,则可以使用通用模式或创建自己...
播放视频
无论使用 App 还是游戏,用户都期待在设备上享受丰富的视频体验。 系统为您提供了视频播放器,您可以在 Apple 的所有平台中通过“视频”App 提供您的内容,让用户获得便捷且一致的观看体验。 系统提供的视频播放器支持不同宽高比的播放模式以及适用于大多数平台的画中画 (PiP) 观看模式。尽管用户...
打印
iOS可合理整合系统提供的打印功能,并根据需要显示打印机/文稿特定的自定义选项。 使用指南 将打印功能放在易发现的位置。 仅在有需要时呈现打印选项。 呈现打印的详细选项。如果有必要提供页面范围选择、文件多份打印或者双面打印等选项,且保证打印机支持这些选项,并请使用系统提供的视图来呈现。
评分和评论
用户在下载 App 或游戏前,通常会查看相关评分和评论。 打造良好的使用体验是获得用户正面评分和评论的最好方法,但选择让用户在合适的时间提供反馈也同样至关重要。虽然每款 App 各不相同,但你可以通过查看用户启动 App 的次数或频率、探索的功能数量或者完成的任务数量等指标来获得用户积极的反馈。 用...
搜索设计
用户会使用搜索查找设备上、App 内和文稿或文件中的内容。 为了搜索 App 内的内容,用户通常期望使用搜索栏。如果了解用户与你 App 的交互方式,你可以利用这一点适时提供个性化的搜索体验。例如,你可以显示最近的搜索或搜索历史记录,也可以基于用户之前在你 App 中使用的搜索词来提供搜索词建议、补...
设置管理
用户期望 App 和游戏能够完美运行,同时也希望可自定义使用体验来满足自身需求。 如果可行,你可以在 App 或游戏中根据特定环境提供相应设置,这样用户无需退出当前任务便可进行调整。如果还提供了影响整个 App 或游戏的设置,可以使用自定义设置区域。在iOS中,系统提供的“设置” App 包括了部分...
撤销和恢复
撤销和恢复可让用户轻松反转多类操作,还可在用户了解新的界面或任务时帮助他们安全探索和试验。 用户期望撤销和恢复能够反转最近的操作,这样在内容发生更改前,他们通常才更愿意多次尝试撤销。在这种情况下,用户可能不记得撤销是针对之前的哪一项操作,进而可能导致意外更改并感到失望。为了协助用户继续掌控全局,帮用...
iOS 设计组件
已学会 0/8 · 知识点 0/1
内容展示
图表 以图表形式组织数据可让信息传达更清晰并更具视觉吸引力。 一个有效的图表会突显数据集中的一些关键信息,帮助用户深入了解并制定决策。例如,用户可能会使用图表来: 了解接下来的天气状况可能会如何影响其计划。 分析股价以了解过往的表现并发现趋势。 查看健身数据以追踪其进度并设定新目标。 若要了解如何设...
布局和组织
方框为在逻辑上相关的信息和组件创建了具有独特视觉特征的分组。 方框默认使用可见边框或背景颜色将其内容与界面的其他部分分开。方框也可以包括标题。 应用指南 尽量使方框相较于其包含视图来说相对较小。 考虑使用内边距和对齐来传达方框内的其他分组。 内容 如果有助于阐明方框的内容,请提供一个简洁的介绍性标题...
菜单和操作
活动视图 活动视图通常称为共享表单,呈现用户在当前环境中可执行的一系列任务。 除了快速访问常用 App 外,活动视图还呈现共享活动(如信息收发)和操作(如拷贝和打印)。用户通常在查看页面或文稿或在选择了某个项目后,通过选取“操作”按钮来显示共享表单。活动视图可显示为表单或弹出窗口,视设备和方向而定。...
导览和搜索
导航栏 导航栏显示在窗口或屏幕顶部,帮助用户导航内容层级结构。 导航栏是标题展示的合适位置,帮助用户确定在 App 或游戏中的位置,还可包括影响其下方内容的控件。 应用指南 如果标题区域可提供有用的语境,请使用该区域描述当前窗口。 使用精简的标题。 考虑暂时隐藏导航栏以提供不受干扰的体验。 使用标准...
呈现方式
操作表单 操作表单是一种模态视图,呈现与用户所发起操作相关的选项。 应用指南 使用操作表单而非提醒来提供特意操作相关的选项。 谨慎使用操作表单。操作表单可向用户提供重要信息和选项,但这样做的前提是打断当前任务。 力求标题简短以在一行显示。长标题难以快速阅读,并可能被截断或需要用户滚动查看。 仅在必要...
选择和输入
颜色池 颜色池可让用户调整文本、形状、参考线和其他屏幕元素的颜色。 颜色池在用户轻点或点按时显示颜色选择器。此颜色选择器可以是系统提供的,也可以是你设计的自定义界面。 应用指南 考虑使用系统提供的颜色选择器以实现熟悉的体验。除了让用户存储一组他们可以从任意 App 访问的颜色外,使用内建颜色选择器还...
状态示意
健身圆环 健身圆环显示用户在“活动”、“锻炼”和“站立”目标方面的每日进展。 在 iOS 中,健身圆环元素包含代表活动近似值的单个“活动”圆环;如果已与 Apple Watch 配对,则会包含所有三个圆环。 应用指南 在与 App 用途相关时显示健身圆环。健身圆环是 Apple Watch 体验的重...
系统体验
快捷指令 App 快捷指令是 App 或游戏中容易理解且经常使用的功能,由你提供给系统,以便用户在各种环境中使用。 App 快捷指令适用于 iPhone,用户安装你的 App 或游戏后,便可在几乎任何位置使用 App 快捷指令。系统以各种方式呈现 App 快捷指令以帮助用户快速便捷地使用,包括通过 ...
iOS 输出方式
已学会 0/3 · 知识点 0/1
iOS 技术参考
已学会 0/8 · 知识点 0/1
Airplay
“Airplay”可让用户以无线方式将 iOS、iPadOS、macOS 和 Apple tvOS 设备中的媒体内容流播放到 Apple TV、HomePod 和支持“Airplay”的电视及扬声器。 应用指南 首选系统提供的媒体播放器。 提供分辨率可能最高的内容。 只播放符合用户期望的内容。 支持...
Apple Pay
Apple Pay是一种安全、简单的方式,可以在iPhone、iPad、Mac和Apple Watch以及网站上运行的App中为实物商品和服务以及捐款和订阅付款。 提示:了解 Apple Pay 和 App 内购买之间的区别非常重要。可使用 Apple Pay 在 App 中销售实物商品(如食品杂货...
HealthKit
HealthKit 是 iOS、iPadOS 和 watchOS 中健康和健身数据的中央储存库。 在 App 中支持 HealthKit 时,你可以向用户请求访问许可和更新其健康信息。 重要信息:如果你的 App 并不提供健康和健身功能,请不要请求访问用户的私人健康数据。 隐私保护 你必须请求许可来...
iCloud
iCloud 这项服务可让用户的内容自动同步,从任何设备无缝访问其关心的内容,例如照片、视频和文稿等。 用户不需要知道内容的确切位置,只需相信自己访问的总是最新版本即可。 应用指南 借助 iCloud 让你的 App 简单易用。 避免询问在 iCloud 中保留哪些文稿。 尽可能让内容保持最新状态。...
App内购买
无论你的 App 在何种设备上运行,用户都可以使用 App 内购买,在 App 中安全地为增值内容、数字商品和订阅等虚拟商品付款。 提示:App 内购买和 Apple Pay 是使用的不同技术。可使用 App 内购买在 App 中销售虚拟商品,如适用于你 App 的增值内容以及针对数字内容的订阅。可...
实况照片
实况照片可让用户在声音和动作丰富的互动体验中捕捉美好瞬间,为传统的静态照片增添活力感。 当实况照片功能开启时,“相机” App 可在用户拍照之前和之后捕捉更多内容,包括音频和额外的画面。用户按压照片即可看到栩栩如生的画面。 应用指南 支持对所有帧进行调整。如果你的 App 可让用户对实况照片进行调整...
地图功能
地图显示室外或室内地理数据。 地图要使用用户熟悉的界面,并且要支持相同且普遍的功能,例如缩放、平移和旋转。地图还可以包括注解和显示路线信息,并且你可以将其配置为标准视图、卫星图像视图或两者的混合视图。 应用指南 一般要使地图具有交互性。 选择适合 App 需求的地图高亮样式。有两种高亮样式可供选择:...
照片编辑
照片编辑可让用户使用滤镜或进行其他编辑操作。 编辑内容始终作为新文件存储在“照片” App 中,原始版本会安全保留。 若要访问照片编辑扩展,照片必须处于编辑模式。在编辑模式下,轻点工具栏中的扩展图标将显示可用编辑扩展的操作菜单。选择其中一个扩展将在包含导航栏的模态视图中显示其界面。关闭此视图将确认并...
推荐笔记
UX小学生
2024-07-22
APP图标尺寸的定义
你需要提供一个 1024×1024 个像素的大尺寸版本 App 图标,以显示在 App Store 中。你可以让系统将大尺寸 App 图标自动缩小以生成所有其他尺寸的图标,或者如果你想自定义该图标在特定尺寸下的外观,可以提供多个版本。
UX小学生
2024-07-21
ios字体设计规范
如果使用系统提供的字体,应首选“中黑体”、“中粗体”或“粗体”,避免使用“极细体”、“纤细体”和“细体”,因为尤其当文本较小时,这类粗细的字体会难以看清。一般而言,慎用“常规体”。
UX小学生
2024-06-27
最重要的信息放在最前面
考虑每个屏幕的用途。注意屏幕上元素的顺序,并将最重要的信息放在最前面。
paidx6061
2024-05-28
+2
paidx6061
2024-05-28
用户期望能够限定搜索范围或过滤搜索结果。例如,用户可能想要通过指定创建日期、文件大小或文件类型等属性来搜索项目。
2024-05-14
深色模式下大块的白色会显得刺眼,可以调低白色的明度;深色模式下的色彩选择不是越亮越突出越好,需要格外注意视觉舒适度
柔化白色背景的颜色。如果显示的内容图像包含白色背景,应考虑略微调暗图像,以防止背景在周围的深色模式环境中刺眼。
yuyu
2024-05-10
通知提醒可以做进一步的分级或分类
被动。用户可在有空时查看的信息,如餐厅推荐。 主动(默认)。用户可能希望在送达时就立即知晓的信息,如其喜爱球队的比分更新。 即时。直接影响用户并需要其立即注意的信息,如账户安全问题或快递派送。 重要。与健康和安全相关、直接影响用户并需要其立即注意的紧急信息。重要通知极其少见,通常来自政府和公共机构,或者帮助用户管理其健康或家庭的 App。
yuyu
2024-05-10
线性、面性图标的使用场景
图标变体可协助实现各种设计目标。例如: 如果要在文本旁显示图标,描边变体就能在工具栏、导航栏、列表和其他地方很好实现这一目标。 使用正方形或圆形这样包围形状的图标可在图标较小时提高辨识度。 填充变体中的实心区域可让图标在视觉上更加突出,可完美应用于 iOS 底部导航栏、轻扫操作以及使用强调色来表示所选内容的位置。
小懒
2024-04-03
应用到项目中 答题类
先考虑内容位于工具栏下方时的工具栏半透明效果。
小懒
2024-04-03
区别点
但上下文菜单与大多数其他类型的菜单不同,它不显示键盘快捷键,因为它已经提供了可快速执行任务特定操作的方式。
小懒
2024-04-03
锁近与子菜单使用的舍取
优先使用子菜单而非缩进菜单项。使用缩进与系统风格不一致,且不能清楚表达菜单项之间的关系。
小懒
2024-04-03
实践
如果有多个命令需要使用相同的符号,请考虑为这些命令省略所有符号以避免高频重复使用符号。
小懒
2024-04-03
不同的系统有不同的布局方式
尽量将最常用的菜单项放在用户可能最先遇到的位置。上下文菜单打开时,用户通常会从与其手指或指针调出菜单位置最靠近的部分开始阅读
小懒
2024-04-03
显眼按钮不多用于主流程,
一般应为视图中最有可能进行的操作使用具有可见背景的按钮。 考虑在每个视图中保留一到两个显眼的按钮。 使用样式而不是大小以在视觉上区分多个选项中的首选项。
小懒
2024-04-02
间距拉大
使按钮易于使用。在按钮周围留出足够空间以便用户从视觉上区分它与周围的组件和内容至关重要
小懒
2024-03-27
状态创建
为用户拖移的内容创建半透明表示十分有效。
小懒
2024-03-26
规范还是得一致 不要因为加入视觉、风格化元素,就没有保持一致规范
坚持始终如一地使用标准范式,从而让人感觉舒适。即使是高度风格化的界面,如果能保持人们熟悉的行为方式,也会让人觉得平易近人。
小懒
2024-03-21
把动作放在首位说明
主动语态和清晰的标签
可以给我画一只羊嘛
2024-02-06
使用文字的重点
最小字号要确保大多数用户都可以轻松阅读。 根据需要调整字体粗细、字号和颜色以强调重要信息并帮助用户看清信息层次。 尽量减少在界面中使用的字体样式数量。 测试不同环境下的易读性,包括户外强光环境下阅读内容、在运动时扫视内容、隔一定距离查看内容。 一般而言,避免采用较细字体以帮助保持可读性。例如,如果使用系统提供的字体,应首选“中黑体”、“中粗体”或“粗体”,避免使用“极细体”、“纤细体”和“细体”,因为尤其当文本较小时,这类粗细的字体会难以看清。一般而言,慎用“常规体”。 响应模式下调整文字字号时,优先显示重要的文字内容。