返回首页 iOS 8 人机交互指南

UI 设计基础

设计策略

iOS 技术

UI 元素

图形设计

网页剪藏图标

对于网页应用和网站,你可以设计一个在被添加到主屏幕后之后显示在主屏幕的的自定义图标。用户通过点击这个图标,就可以直接浏览你的网页内容。你可以创建一个展示网页整体的图标,也可以创建一个展示某一个单独的页面的图标。

iOS 也会在 Safari 的收藏夹中展示网页剪藏的图标,用户在 Safari 中点击 URL 栏或打开一个新的标签页时,这个图标就会出现。

如果你的网页内容可以通过某张图片或易于识别的颜色主题来区分,那么把这些元素包含进图标中。为了确保图标在设备上有较好的呈现效果,你需要遵守这个章节所提供的一些规范。(学习如何为你的网页内容提供一个自定义图标,查阅 Specifying a Webpage Icon for Web Clip。)

关于图标的尺寸信息查看尺寸表

注意
使用正确的命名格式可以避免图标中出现多余的效果,如 apple-touch-icon-precomposed.png。