返回

iOS 设计规范

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

图像展示

UX百科编辑部 编辑于 2024-02-017人正在学
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 色彩
  • 务必在实际设备上测试图像显示效果,设计时看起来很棒的图像在各种设备上查看时可能会被像素化、拉伸或压缩。
点赞
收藏
学会
223007
下一篇: 材质效果
材质可通过模糊和修改底层视觉内容的颜色值来加入半透明效果。 半透明可以提升前景和背景元素的融合性,在视觉上传达层与层之间的分离,帮助用户维持一种场景感。为了增强半透明效果,材质可以与鲜明色相结合。鲜明色可以使色彩从背景透过材质层,从而增强文字、填充色、图标等前景内容的层次感。 注:由于某些组件(如 ...
笔记 (2)
只看自己
logo
© 2023 uxbaike.com All rights reserved
版权声明意见反馈联系我们
weixinlogo
mx-auto
TOP
mx-auto
笔记
mx-auto
点赞