UI图标注工具有很多,UI图标注工具的功能就包含了UI图尺寸测量,UI图标注工具对每个方面的尺寸的设计标准都不一样,比如UI图尺寸测量UI设计师在设计一个作品时最基础的设计规范准则,就是合理按照UI图尺寸规范来,否则一切设计都无用,让我给大家介绍一些UI图尺寸标注工具的设计标准吧!

1. UI图尺寸基础知识

像素密度-PPI

像素密度是指显示屏幕每英寸的长度上排列的像素点数量。

计量单位

iOS 和 Android 平台都定义了各自的像素计量单位。

2. UI图尺寸设计标准

UI图尺寸规范

  • UI界面尺寸大小是:750x1334px

  •  UI主菜单栏其高度为:98px

  • 内容区域为:1334px-40px-88px-98px=1108px

UI图标尺寸规范

  • 导航栏大小是34-36px,图标文字大小为20px

  •  内容区域的文字大小是:20px 24px,26px,28px,30px,32px,34px

  •  设置界面的图标高度和开关滑动按钮的高度:58px

UI图尺寸设计标准

可点击高度规范

88px为普遍的设计尺寸。

搜索栏高度规范

搜索栏的高度规范为58px。

UI元素之间的距离规范

UI元素之间有亲密距离和疏远距离。

5.5英寸屏幕,1242x2208px-@3x的像素分辨率,逻辑分辨率是414x981px-@1x。

物理尺寸是1080x1920px。这个物理尺寸,也是目前最流行的大屏设计稿尺寸。

3. UI图设计标准中的字体

两种不同系统的字体

  • Android

在Android中,英文字体使用Roboto,中文字体使用思源黑体。以前的设计中,中文字体主要是使用微软雅黑,但微软雅黑在界面中不太美观,最后发布了思源黑体作为Android的中文字体,新的思源黑体不仅仅在字形上更易于在屏幕的阅读,并且拥有7个字重,充分满足了设计的需求。

  •  iOS

在英文方面,苹果加入了新的字体San Francisco,该字族包含了有两个字体:为 iOS 和 OS X 设计的 SF,以及为 Watch OS 设计的 SF Compact ,而各自分为Text 和 Display,前者 6 个字重,后者 9 个(多了三个斜体)。

UI图设计标准中的字体

文字的大小规范

  • Android

同时使用过多的字体尺寸和样式可以很轻易的毁掉布局。字体排版的缩放是包含了许多字体的尺寸,并且他们能够良好的适应布局结构。最基本的样式集合就是基于 12、14、16、20 和 34 号的字体排版缩放。这些尺寸和样式在经典应用场合中让内容密度和阅读舒适度取得平衡。

  •  iOS

iOS的系统字体是San Francisco。该字体有两个变种:SF UI Text (用于19pt及以下大小的文本)和SF UI Display(用于20pt及以上大小的文本)。当你在标签和其它界面元素应用了系统字体时,iOS系统会根据字号自动选择最合适的字体样式。它还会根据需要自动改变字体,以满足辅助性功能的设置。在iOS中,通常使用的字体大小就这么几个:11pt、13pt、15pt、17pt、20pt。具体怎么使用并没有限定死,但是最小的字不要小于11pt。

以上就是我给大家介绍的UI图尺寸标注工具的设计标准,希望以上这些能够帮助大家更加了解UI图标注工具的相关内容。