您现在的位置:   首页 >> 优客智库 >> 产品设计

**iOS设计规范八|3大图标和图像规范(Icons and Images)

发布人:www.yunke.ai 发布时间:2021-01-01 123 次浏览

编辑导语:了解iOS操作系统对互联网应用开发者来说十分重要,对其有所了解,将有助于产品工作的推进,并进一步保证用户体验的优化。上篇文章里,作者对iOS系统中的视觉规范作了介绍。本篇文章作者继续对图标和图像规范进行介绍,一起来看一下。

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师,都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率,保证用户良好的体验。

iOS设计规范系列共10篇。本文是第8篇,介绍图标和图像(Icons and Images)。

**iOS设计规范八|3大图标和图像规范(Icons and Images)

一、图片尺寸和分辨率(Image Size and Resolution)

iOS屏幕上放置内容的坐标系统,是基于以点为单位的测量值,该测量值是映射到显示器的像素。

标准分辨率显示器的像素密度为1:1(或@1X),其中一个像素等于一个点。高分辨率显示屏具有更高的像素密度,提供2.0或3.0的比例因子(称为@2x和@3x)。因此,高分辨率显示需要更多像素的图像。

**iOS设计规范八|3大图标和图像规范(Icons and Images)

例如:假设你有一个100px×100px的标准分辨率(@ 1x)图像。该图像的@ 2x版本为200px×200px,@ 3x版本为300px×300px。为所有支持的设备,提供所有图标/图片的高分辨率图像。

根据设备的不同,你可以将每个图片中的像素数乘以特定的比例因子来实现这个目的。

**iOS设计规范八|3大图标和图像规范(Icons and Images)

本页面均来此互联网页面如有触犯其他或者第三方利益请联系站长删除 137865155@qq.com