APPUI设计规范-标准规范.docxVIP

/ndroidAPPUI设i觑范5〆 / ndroid APPUI设i觑范 5〆 提示框 提示对话框是用于输送关键信息和提示快速操作。提示应保持最 少文字，退出一定是明显。 l#App,f Would Like to You Notificationssize: 17ptNotifications may include alerts sounds and icon badges. Th configured in Setting13ptDont Allow l#App,f Would Like to You Notifications size: 17pt Notifications may include alerts sounds and icon badges. Th configured in Setting 13pt Dont Allow size: 17pt 分段控制框100 分段控制框 100% Featured Recentsize: 13pt Featured I Recent 滑块开关Airplane ModeAirplane Mode44pt 滑块 开关 Airplane Mode Airplane Mode 44pt 布局标准控件 布局标准控件 ios 1334x750 px lphone6/6s ios 1334x750 px lphone6/6s 由于ios技术开发是以320x640px为标准 开发的，所以此设定尺寸为1,算出各个尺 寸的比例，然后乘以4,各个尺寸都能满足 是整数，可以保证开发时不会模糊。@2px （视网膜屏的到来）切图设计稿尺寸是 640x960px,所以设计时最小的单位尺寸是 8px。 ＞使用8px原理的目的 保证在双平台上大部分机型开发中不会 出现模糊的变形的问题；而且只需设计一套 设计稿，减少设计师的工作量，提高工作效 率。 图标网络 Apple使用黄金分割在它们的一些图标上。这让图标保持良好的比例， 同时确保了美感。虽然这是一个很好的规范，但它不是严格要求。甚至 Apple在很多图标上也省略了它。 标准色#EFEFF4Background#CECED2Lines#FF9500 标准色 #EFEFF4 Background #CECED2 Lines #FF9500 I iBooks I 1 #FF2D55 1 Apple News #FF3B30 1 Calendar 1 1 #8E8E93 1 Settings #000000 1 Text 1 1 #007AFF 1 Links 字体大小、规格 一般的规范是按钮用44pt、小文字用12pt、正文文本用17pt和标题用20pt+。 I0S9中文字体:苹方/PingFang SC I0S8中文字体：常州华文的黑体-简，在mac osx系统中选择黑体-简 IOS 英文、数字:Helvetial 间距和对齐方式 一般的规范最低要求8pt空白或边距。这将有足够留白空间，使得布 局更容易扫描和文本更具可读性。而且在此基础上，UI元素应对齐，文本 应该有相同的基线位置。 8pt 8pt 8pt 3ig waves, big fun i/Vhat a perfect day of surfing. In fact, the only hing better than the waves was getting to see… 偏左对齐 Android界面尺寸 屏幕大小 启动图知 主菜单栏图标 上下文图标 系统通知图标 最细笔画 320*480 48x48 px 32x32 px 16x16 px 24x24 px 不小于2 px 480x800px 480x854px 540x960px 72^72 px 48x48 px 24x24 px 36^36 px 不小于3 px 720x1280 px 96x96 px 64x64 px 32x32 px 48x48 px 不小于4 px 1080x1920 px 144x144 px 96x96 px 48x48 px 72x72 px 不小于6 px 界面尺寸(1280x720px) 状态栏高度： 50 px 导航栏高度： 96 px 标签栏高度： 96 px Android最近出的手机都几乎去掉了实体键，把功能键移到了屏幕中， 当然高度也是和标签栏一样的： 96 px 内容区域高度为： 1038 px (1280-50-96-96=1038) 常用尺寸 一般把48dp作为可触碰UI原件的标准，48dp=72px=9mm,这是一个用户 手指能够准确舒适触碰的最小尺寸。 Android界面默认list的高度是： 48dp=72px； Android界面每个元素之间最小的间距是： 8dp