返回

iOS 设计规范

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

图像展示

酸梅干超人 编辑于 2024-02-0113人正在学
00

为了确保插图在所有受支持设备上保持美观,请了解系统如何展示内容,以及如何以适当的缩放系数呈现艺术感。


分辨率

不同的设备可以用不同的分辨率显示图像。例如,2D设备根据其屏幕的分辨率显示图像。

点(point/pt)是一种抽象的测量单位,无论以何种方式显示,它都能帮助视觉内容保持一致。在2D平台中,一个点可以对应为多个像素,具体多少像素随显示器的分辨率而变化;而在VisionOS中,点是一个角度值,可根据视觉内容与观看者的距离进行缩放。

要确定所创建图像的分辨率,需要指定一个缩放系数。您可以通过考虑不同分辨率的2D设备中每点的像素密度来直观地理解缩放系数。例如,缩放系数 1(也称为 @1x)表示1个点对应到1个像素;1 个点对应到 2 像素(称为 @2x)的缩放系数为 2,1 个点对应到 3 像素(称为 @3x)的缩放系数为 3。

格式

创建不同类型的图像时,应考虑以下建议。


应用指南

  • 在所有受支持设备上为 App 中的所有插图提供高分辨率图像。将图像添加到项目的Asset目录时,通过在其文件名后面添加“@1x”、“@2x”或“@3x”来指定其缩放系数。不同设备支持的缩放系数如下表:
  • 一般来说,基于@1x设计矢量图像,并将其放大导出以创建高分辨率素材。
  • 每个图像应包含一个色彩描述文件,在创建时大多使用 sRGB 色彩
  • 务必在实际设备上测试图像显示效果,设计时看起来很棒的图像在各种设备上查看时可能会被像素化、拉伸或压缩。
点赞
收藏
学会
7790013
下一篇: 动效展示
在所有平台中,美观流畅的动效赋予界面活力,从而传达状态、提供反馈和指示,以及丰富视觉体验。 很多系统组件本身包含动效,让你在整个 App 或游戏中提供熟悉且一致的体验。如果设计自定义动效,请优先选择有意义的动效,以帮助用户确定自身位置和看起来舒适,提供清晰的反馈来响应其操作,以及帮助其了解界面以免不...
笔记 (2)
只看自己
logo
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞