专栏名称: Beforweb
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计。
目录
相关文章推荐
51好读  ›  专栏  ›  Beforweb

设计 Widget - 官方学习资源内容拆解

Beforweb  · 公众号  · VR  · 2020-11-09 21:16

正文


设计 Widget
官方学习资源内容拆解

“设计 Widget”系列小更新一篇。日常时不时会发现一些设计师朋友仍然没有通过官方提供的资源来了解小组件设计的基本知识,就不是非常的好。包括 HIG 文档及 WWDC 视频,仔细消化其实很有益处。

这里我列出两个资源,简单拆解了内容架构,还没有认真学习过的朋友可以首先了解这些资源可以带给我们哪些东西,心中有数之后跟进完整学习。🤘

HIG 文档
Human Interface Guidelines


  • 概述
    • 尺寸规格
    • 使用方式
    • 智能叠放与智能轮换
  • 创建有用的、聚焦的小组件
    • 设计目标
    • 功能定义
    • 尺寸选择
    • 动态性与个人化
  • 提供设置与互动能力
    • 提供必要的设置能力
    • 交互设计原则
  • 更新小组件的内容
    • 产品特性与更新频率
  • 设计美观的小组件
    • 品牌识别元素的使用
    • 信息密度
    • 颜色,字体,SF Symbols
    • 预览与占位符
  • 适配不同的屏幕尺寸
    • 小组件与屏幕尺寸关系
    • 圆角样式
    • 内容适配
    • 边距标准

访问 https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/widgets/

WWDC 视频:设计绝妙组件
Design great widgets


  • 全新特性
    • 全新外观与使用方式
    • 情境化
    • 智能叠放与智能轮换
  • 规划阶段
    • 聚焦于关键内容
    • 提供设置能力
    • 提供多种类型
  • 设计阶段






请到「今天看啥」查看全文