UI 设计规范 课件

UI设计规范UI设计规范教程简介手机移动端UI界面尺寸图标分类以及设计规范文字规范色彩规范UI排版布局保命设计技巧UI设计规范手机移动端UI界面尺寸UI设计规范PPI：PixelsPerInch也叫像素密度，所表示的是每英寸所拥有的像素数量。因此PPI数值越高，即代表显示屏能够以越高的密度显示图像。当然，显示的密度越高，拟真度就越高。视网膜屏幕：分辨率超出人眼识别极限的高分辨率屏幕。UI设计规范IOS系统UI设计规范

PPI≈160

@×1；PPI≈320

@×2；PPI≈480

@×3UI设计规范UI设计规范UI设计规范UI设计规范UI设计规范UI设计规范UI设计规范状态栏（40PX）导航栏（88PX）标签栏（98PX）内容区Iphone6750PX1334PXUI设计规范UI设计规范安卓系统UI设计规范安卓系统设备屏幕大小状态栏高度(px)导航栏高度(px)标签栏高度(px)Xhdpi720*1280509696XXhdpi1080*192075144144UI设计规范超高屏幕：320dpi720px*1280px超超高屏幕：480dpi1080px*1920px安卓主流手机屏幕尺寸UI设计规范教程简介手机移动端UI界面尺寸图标分类以及设计规范文字规范色彩规范UI排版布局保命设计技巧UI设计规范图标分类以及设计规范UI设计规范启动图标功能图标启动图标与功能图标UI设计规范IOS1024*1024圆角：180PXAndroid512*512圆角：90PX启动图标的设计尺寸UI设计规范设置中的APP图标:58px半径：10px导航栏中的图标:44px标签栏中的图标:44pxUI设计规范教程简介手机移动端UI界面尺寸图标分类以及设计规范文字规范色彩规范UI排版布局保命设计技巧UI设计规范文字规范UI设计规范Android官方字体：中文思源黑体【NotoSansCJK】

英文RotoboIOS官方字体：中文苹方

英文SanFranciscoUI设计规范UI设计规范导航栏：36-42PX导航栏：36-42PX导航栏：36-42PX主题副标题说明性文字提示性文字偶数偶数偶数UI设计规范字间距：默认；行距是文字的1.5倍，而且遵循偶数原则。分隔线：1PX百分之10的黑色不透明度或者#dddddd分隔条：高度20px，颜色采用底板背景色，如：#f5f5f5UI设计规范教程简介手机移动端UI界面尺寸图标分类以及设计规范文字规范色彩规范UI排版布局保命设计技巧UI设计规范色彩规范UI设计规范背景颜色：#f5f5f5#eeeeee#efeff4UI设计规范文字颜色：#333333#666666#999999UI设计规范教程简介手机移动端UI界面尺寸图标分类以及设计规范文字规范色彩规范UI排版布局保命设计技巧UI设计规范UI排版布局保命设计技巧UI设计规范Q:标签栏图标和文字如何排版？A:先文字后图标，文字约26-28px，图标约44px，图标和文字上下排版，图标宽度大小

约占据两个文字的大小。UI设计规范Q:当文字和图标左右排版时该如何调整图标与文字的大小？A:先文字后图标，文字约28-32px，图标和文字