UI——day20.lpad和watch设计规范以及适配

最新推荐文章于 2021-05-30 20:27:08 发布

Tiny_G

最新推荐文章于 2021-05-30 20:27:08 发布

阅读量808

点赞数

分类专栏： UI设计文章标签： ui设计

本文链接：https://blog.csdn.net/qq_45801179/article/details/111059840

版权

UI设计专栏收录该内容

23 篇文章 4 订阅

订阅专栏

ipad的尺寸规范
1. 现如今存在的ipad机型有哪些?
  
  $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Aehifnam-1607752464433)(E:\learning\笔记\img\image-20201211204334104.png)]$
2. 那主流的设计尺寸有哪些呢?
$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2TYqPFr4-1607752464437)(E:\learning\笔记\img\image-20201211205606195.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-3wymKHuy-1607752464438)(E:\learning\笔记\img\image-20201211205728127.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5O5NvTQ4-1607752464440)(E:\learning\笔记\img\image-20201211205746139.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CLeopbS5-1607752464441)(E:\learning\笔记\img\image-20201212130922644.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ucq9KOiH-1607752464442)(E:\learning\笔记\img\image-20201212131944662.png)]$

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uX71QyAk-1607752464443)(E:\learning\笔记\img\image-20201212132020142.png)]$

3.字体规范

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-kGy6c3pX-1607752464443)(E:\learning\笔记\img\image-20201212132118562.png)]$
Apple Watch尺寸规范

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-pJ5cuCJj-1607752464444)(E:\learning\笔记\img\image-20201212132312986.png)]$
1. 首屏图标
  
  80px (38mm)
  
  88px (42mm)
  
  $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ONfJWDcL-1607752464445)(E:\learning\笔记\img\image-20201212132842676.png)]$
2. 长看图标
  
  80px (38mm)
  88px (42mm)
  
  $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-p7qI5n8E-1607752464445)(E:\learning\笔记\img\image-20201212132903299.png)]$
3. 短看图标
  
  172px (38mm)
  
  196px (42mm)
  
  $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lCaaG1y3-1607752464446)(E:\learning\笔记\img\image-20201212132919462.png)]$
4. 文字规范
  
  标题36px
  
  正文标题32px
  
  正文30px
  备注、脚注、辅助文字24px、26px
5. watch设计主题思想
  
  轻量:Apple Watch应用在设计上要注重快速、轻量的交互流程
3.lwatch交互方式
1. watch应用支持的导航方式
  
  一.层级式
  
  $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Ukjd3AEa-1607752464447)(E:\learning\笔记\img\image-20201212133906563.png)]$
  
  二.页面式
  
  $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-1EOLKbnN-1607752464448)(E:\learning\笔记\img\image-20201212133958588.png)]$
2. 手势交互
  
  1.通过纵向轻扫使当前界面滚动。
  ⒉通过横向轻扫在基于页面导航的界面之间前后查看。
  
  3.从屏幕左边缘向右轻扫，可以返回父级界面
  4.轻点选项控件或其他交互元素。
3. 按压
  
  按压用来唤出与当前界面相关的情境化菜单
4. watch的情景菜单
  1. 可以显示一到四个操作按钮
  2. 只作用于当前屏幕
  3. 每个操作按钮都要有图标和标签
  4. 使用是非强制性的
5. 数码表冠
  
  长按会唤起Siri，单击则会返回主界面，双击则会打开最近使用的应用程序精准滚动的实体控件，使浏览长页面等任务变得更加轻松
6. 侧边按键
  
  单次按侧边按键会打开应用菜单，双击会启用Apple Pay服务，长按则会和iPhone—样打开关机菜单
7. watch的快捷视图
  
  快捷视图Glance
  
  $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I38rGw0y-1607752464449)(E:\learning\笔记\img\image-20201212134714562.png)]$
  
  快捷视图Glance的特性:
  
  1.基于模板
  
  2.不可滚动
  
  3.只读
  
  4.非强制
8. watch的列表及按钮
  
  ①列表
  
  $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-o5iK4s0o-1607752464450)(E:\learning\笔记\img\image-20201212134846275.png)]$
  
  列表的特性:
  
  1.支持多行内容展示
  
  2.可滚动
  
  ②按钮
  
  $[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5qm99G3R-1607752464451)(E:\learning\笔记\img\image-20201212135052648.png)]$
  
  按钮的特性:
  
  1.可以设置背景
  
  2.可以设置圆角
  持多行内容展示
  
  2.可滚动
  
  按钮的特性:
  
  1.可以设置背景
  
  2.可以设置圆角

Tiny_G

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
UI——day20.lpad和watch设计规范以及适配

ipad的尺寸规范现如今存在的ipad机型有哪些?那主流的设计尺寸有哪些呢?3.字体规范Apple Watch尺寸规范首屏图标80px (38mm)88px (42mm)长看图标80px (38mm)88px (42mm)短看图标172px (38mm)196px (42mm)文字规范标题36px正文标题32px正文30px备注、脚注、辅助文字24px、26pxwatch设计主题思想轻量:Apple Wa..
复制链接

扫一扫