iOS Human Interface Guidelines
iOS Human Interface Guidelines
The world’s most advanced mobile OS offers everything you need to design beautiful, engaging apps that radiate power and simplicity.
| engage | BrE ɪnˈɡeɪdʒ, ɛnˈɡeɪdʒ, AmE ɪnˈɡeɪdʒ, ɛnˈɡeɪdʒ | 有吸引力的 |
| radiate | BrE ˈreɪdɪeɪt, AmE ˈreɪdiˌeɪt | 散发 辐射 |
| simplicity | BrE sɪmˈplɪsɪti, AmE sɪmˈplɪsədi | 简单 朴素 |
As an app designer, you have the opportunity to deliver an extraordinary product that rises to the top of the App Store charts. To do so, you’ll need to meet high expectations for quality and functionality.
Three primary themes differentiate iOS from other platforms:
Clarity. Throughout the system, text is legible at every size, icons are precise and lucid, adornments are subtle and appropriate, and a sharpened focus on functionality motivates the design. Negative space, color, fonts, graphics, and interface elements subtly highlight important content and convey interactivity.
Deference. Fluid motion and a crisp, beautiful interface help people understand and interact with content while never competing with it. Content typically fills the entire screen, while translucency and blurring often hint at more. Minimal use of bezels, gradients, and drop shadows keep the interface light and airy, while ensuring that content is paramount.
Depth. Distinct visual layers and realistic motion convey hierarchy, impart vitality, and facilitate understanding. Touch and discoverability heighten delight and enable access to functionality and additional content without losing context. Transitions provide a sense of depth as you navigate through content.
To maximize impact and reach, keep the following principles in mind as you imagine your app’s identity.
| deliver | BrE dɪˈlɪvə, AmE dəˈlɪvər | 递送 提供 作出 |
| extraordinary | BrE ɪkˈstrɔːd(ə)n(ə)ri, ɛkˈstrɔːd(ə)n(ə)ri, ˌɛkstrəˈɔːdɪn(ə)ri, AmE ɪkˈstrɔrd(ə)nˌɛri, ˌɛkstrəˈɔrdnˌɛri | 特别的 非凡的 |
| rise | BrE rʌɪz, AmE raɪz | 上升 增加 |
| chart | BrE tʃɑːt, AmE tʃɑrt | 图表 表格 图解 |
| functionality | BrE fʌŋkʃəˈnaləti, AmE ˌfəŋ(k)ʃəˈnælədi | 功能 实用性 |
| differentiate | BrE ˌdɪfəˈrɛnʃɪeɪt, AmE ˌdɪfəˈrɛn(t)ʃiˌeɪt | 区分 |
| clarity | BrE ˈklarɪti, AmE ˈklɛrədi | 清楚 清晰 |
| throughout | BrE θruːˈaʊt, AmE θruˈaʊt | 遍及 整个 |
| legible | BrE ˈlɛdʒɪb(ə)l, AmE ˈlɛdʒəb(ə)l | 清晰的 |
| precise | BrE prɪˈsʌɪs, AmE prəˈsaɪs | 清晰的 精确地 |
| lucid | BrE ˈluːsɪd, AmE ˈlusəd | 明白易懂的 |
| adornment | BrE əˈdɔːnm(ə)nt, AmE əˈdɔrnmənt | 饰物 装饰 |
| subtle | BrE ˈsʌt(ə)l, AmE ˈsədl | 精妙的 巧妙的 |
appropriate A./BrE əˈprəʊprɪət,AmE əˈproʊpriət/ 合适的 B./BrE əˈprəʊprɪeɪt,AmE əˈproʊpriˌeɪt/ 占用
subtly highlight important content and convey interactivity 巧妙突出重要内容并传达交互性
| highlight | BrE ˈhʌɪlʌɪt, AmE ˈhaɪˌlaɪt | 强调 突出 |
| convey | BrE kənˈveɪ, AmE kənˈveɪ | 表达 传达 |
| interactivity | BrE ɪntərakˈtɪvɪti, AmE ˈˌɪn(t)ərˌækˈtɪvədi | 交互 互动 |
| deference | BrE ˈdɛf(ə)r(ə)ns, AmE ˈdɛf(ə)rəns | 遵从 尊重 |
| fluid | BrE ˈfluːɪd, AmE ˈfluɪd | 流畅的 |
| motion | BrE ˈməʊʃ(ə)n, AmE ˈmoʊʃ(ə)n | 运动 动作 |
| crisp | BrE krɪsp, AmE krɪsp | 清新的 |
| interact | BrE ɪntərˈakt, AmE ˌɪn(t)ərˈækt | 交互 交流 相互作用 |
| typically | BrE ˈtɪpɪkli, AmE ˈtɪpɪk(ə)li | 一贯地 通常地 |
fills the entire screen 填充整个屏幕
| translucence | BrE transˈluːs(ə)ns, tranzˈluːs(ə)ns, AmE trænzˈlusns, træn(t)sˈlusns | 半透明 |
| blur | BrE bləː, AmE blər | 模糊 污渍 |
| bezel | BrE ˈbɛz(ə)l, AmE ˈbɛzəl | 边框 |
| gradient | BrE ˈɡreɪdɪənt, AmE ˈɡreɪdiənt | 斜坡 坡度 梯度 |
| shadow | BrE ˈʃadəʊ, AmE ˈʃædoʊ | 阴影 |
| airy | BrE ˈɛːri, AmE ˈɛri | 通风的 |
| ensure | BrE ɪnˈʃɔː, ɪnˈʃʊə, ɛnˈʃʊə, ɛnˈʃɔː, AmE ɪnˈʃʊr, ɛnˈʃʊr | 保证 确保 |
| paramount | BrE ˈparəmaʊnt, AmE ˈpɛrəˌmaʊnt | 至关重要的 首要的 |
| depth | BrE dɛpθ, AmE dɛpθ | 深度 |
Distinct visual layers 不同的视觉层次
| distinct | BrE dɪˈstɪŋ(k)t, AmE dəˈstɪŋ(k)t | 清晰的 确定无疑的 |
| realistic | BrE rɪəˈlɪstɪk, AmE ˌriəˈlɪstɪk | 逼真的 切实可行的 |
| hierarchy | BrE ˈhʌɪərɑːki, AmE ˈhaɪ(ə)ˌrɑrki | 等级制度 等级体系 |
| impart | BrE ɪmˈpɑːt, AmE ɪmˈpɑrt | 传授 传达 赋予 |
| vitality | BrE vʌɪˈtalɪti, AmE vaɪˈtælədi | 活力 |
| facilitate | BrE fəˈsɪlɪteɪt, AmE fəˈsɪləˌteɪt | 促进 加快 |
| discoverability | BrE dɪskʌv(ə)rəˈbɪlɪti, AmE dəˌskəvərəˈbɪlədi | 可发现性 |
| heighten | BrE ˈhʌɪt(ə)n, AmE ˈhaɪtn | 增强 |
| delight | BrE dɪˈlʌɪt, AmE dəˈlaɪt | 愉快 使高兴 |
| additional | BrE əˈdɪʃ(ə)n(ə)l, AmE əˈdɪʃ(ə)n(ə)l | 额外的 附加的 |
| transition | BrE tranˈzɪʃ(ə)n, trɑːn-, -ˈsɪʃ-, AmE trænˈzɪʃ(ə)n, trænˈsɪʃ(ə)n | 过渡 转变 |
| principle | BrE ˈprɪnsɪp(ə)l, AmE ˈprɪnsəpəl | 原则 |
| identity | BrE ʌɪˈdɛntɪti, AmE ˌaɪˈdɛn(t)ədi | 身份 |