返回

iOS 设计规范

#设计知识
#知识库
14%
进度
0/5
知识点
0
笔记
概述
iOS 18 最新更新内容
控件(快速访问)
App 启动图标
小组件
iOS 设计基础
界面布局
文字排版应用
文案编写
颜色使用
图标使用
App 启动图标
SF Symbol 图标库
图像展示
材质效果
动效展示
深色模式
品牌化设计
包容性设计
无障碍化设计
从右到左的语言适配
隐私保护
iOS 设计模式
数据图表
协作与共享
拖拽操作
输入方式
反馈设计
文件管理
进入全屏
启动页设计
载入设计
个人账户管理
发送通知
模态化设计
多任务处理
提供帮助
用户引导
播放音频
触感反馈
播放视频
打印
评分和评论
搜索设计
设置管理
撤销和恢复
iOS 设计组件
内容展示
布局和组织
菜单和操作
导览和搜索
呈现方式
选择和输入
状态示意
系统体验
iOS 输出方式
操作按钮
手势控制
陀螺仪和速度传感器
iOS 技术参考
Airplay
Apple Pay
HealthKit
iCloud
App内购买
实况照片
地图功能
照片编辑

图标使用

UX百科编辑部 编辑于 2024-02-019人正在学
00

图标能让用户快速理解产品意图。

App 和游戏使用各种简单图标帮助用户理解其可选取的项目、操作和模式。界面图标与 App 图标不同,后者可使用阴影、纹理、高亮标记等丰富的视觉细节来打造 App 的特色,前者通常使用精简形状和适量颜色来直截了当地传达意图。

你可以重新设计界面图标,也可以从 SF 符号中选取图标,直接照搬使用或根据需要进行自定义。界面图标和符号均使用黑色和明显的颜色来定义其形状,系统可在每个图像的黑色区域中应用其他颜色。


应用指南

  • 打造可识别且高度精简的设计。
  • 保持 App 中所有界面图标间的视觉一致性。
  • 通常使界面图标与相邻文本在线条粗细上相一致。
  • 如有必要,可为自定义界面图标添加内边距以实现视觉对齐。

在此类情况下,你可以稍微调整图标的位置,使其在视觉上达到居中。

在视觉上居中所需的调整通常非常小,但却对 App 的外观影响很大。

  • 仅在必要时才提供界面图标的已选状态版本。

虽然你可能想要使用图标颜色的区别来表示选中和未选中,但更常见的是更改图标的背景来达到这一目的。

  • 打造具有包容性的设计。
  • 在设计中仅表达必要内容。
  • 如果创建自定义的界面图标,请使用 PDF 或 SVG 等矢量格式。
  • 为自定义的界面图标提供备选文本标签。备选文本标签(或辅助功能描述)是不可见的,但可让“旁白”以语音方式描述屏幕内容,从而使视障用户的导览更简单
  • 避免使用 Apple 硬件产品的形象。如果必须显示 Apple 硬件,请仅使用 Apple 设计资源中的可用图像或代表各种 Apple 产品的 SF 符号。
点赞
收藏
学会
412009
下一篇: App 启动图标
一个独特、好记的图标可传达你 App 或游戏的用途和个性,还可帮助用户在 App Store 及其设备上一眼识别你的产品。 精美的 App 图标在 Apple 所有平台上都是用户体验的重要组成部分,对于每个 App 和游戏都不可或缺。 每个平台都为 App 图标定义了略微不同的轮廓,因此你不妨创作一...
笔记 (3)
只看自己
logo
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞