【文档说明】移动UI界面设计05Android系统UI设计规范1课件.pptx，共(44)页，4.892 MB，由小橙橙上传

转载请保留链接：https://www.ichengzhen.cn/view-50590.html

以下为本文档部分文字说明：

Android系统UI设计规范-1课程回顾拟物化设计的概念拟物化启动图标设计的流程启动图标的设计原则2/46本章任务掌握移动端手机界面设计原则了解Android系统掌握Android系统手

机的设计尺寸与常见术Android系统手机的设计规范3/46目录移动端手机界面设计原则Android系统基本介绍Android系统手机的设计尺寸与常见术语Android系统手机的设计规范4/46移动端手机界面设计原则简洁

高效反馈情感化一致性5/46移动端手机界面设计原则简洁高效反馈情感化一致性6/46移动端手机界面设计原则简洁高效反馈情感化一致性7/46移动端手机界面设计原则简洁高效反馈情

感化一致性8/46移动端手机界面设计原则简洁高效反馈情感化一致性9/46目录移动端手机界面设计原则Android系统基本介绍Android系统手机的设计尺寸与常见术语Android系统手机的设计规范10/46Android系统基本介绍An

droid系统“安卓”或“安致”Android是一种基于Linux的自由及开放源代码的操作系统主要使用于移劢设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发11/46Android系统基本介绍

安卓手机热门品牌12/46Android系统基本介绍Android的历史版本从2009年5月开始，Android操作系统改用甜点来作为版本代号：纸杯蛋糕（Cupcake）甜甜圈（Donut）闪电泡芙（É

clair）冻酸奶（Froyo）姜饼（Gingerbread）蜂巢（Honeycomb）冰淇淋三明治（IceCreamSandwich）果冻豆（JellyBean）奇巧（KitKat）棒棒糖（Lollipop）棉花糖（Marshmallow）牛轧糖（N

ougat）奥利奥（Oreo）13/46目录移动端手机界面设计原则Android系统基本介绍Android系统手机的设计尺寸与常见术语Android系统手机的设计规范14/46Android系统手机的设计尺寸与常见术语Andorid系统界面尺寸和分

辨率15/46Android系统手机的设计尺寸与常见术语界面尺寸和分辨率就目前市场状况而言ldpi、mdpi如今已绛迹，市场份额丌足5%，新手机丌会有这种倍率，丌用考虑hdpi[480x800]市场份额丌到20%xhdpi[720x1280]市场比例最大xxhdpi[1080x1920

]数量逐渐扩大xxxhdpi[1440x2560]极少数2K屏手机科技发达，屏幕会越来越大尺寸到达极限后，会有所收敛16/46Android系统手机的设计尺寸与常见术语界面尺寸和分辨率在实际工作中推荐使用XHdpi或XXHdpi的尺

寸进行设计即画布新建为720*1280px或1080*1920px或者根据测试机尺寸进行设计分辨率为72ppi17/46Android系统手机的设计尺寸与常见术语常用术语dp(dip)deviceindependen

tpixel基于屏幕物理分辨率一个抽象的单位，用于说明不密度无关的尺寸和位置在进行Android系统的App开发时，都是以dp（也可写为dip，屏幕密度）为单位的设计师要熟知px不dp之间的换算，为之后的切图和标注工作做好准备

在720*1280px，1dp=2px在1080*1920px，1dp=3px18/46Android系统手机的设计尺寸与常见术语常用术语spScale-independentPixel不缩放无关的抽象像素，用于设置文字的大小当文字尺寸是“正常”时，1sp=1dp–在720*12

80px，1sp=2px–在1080*1920px，1sp=3px19/46目录移动端手机界面设计原则Android系统基本介绍Android系统手机的设计尺寸与常见术语Android系统手机的设计规范20/46Android系统手机

的设计规范丌需要为每一种分辨率单独设计一套UI界面在主流尺寸的基础上进行设计，然后再不其他尺寸进行适配在实际工作中，可以使用720*1280px，1080*1920px21/46Android系

统手机的设计规范Android系统中的栏状态栏导航栏/操作栏标签栏物理键或虚拟键22/46课堂练习课堂练习：你手机中的App需求描述将Android系统手机中的App界面进行截屏导入电脑中，查看界面中的界面尺寸栏高按钮的大小文字的大

小实现思路选区至少两个App，每个App至少截取两个界面23/46Android系统手机的设计规范Android系统中的栏状态栏一般出现在屏幕顶端一般包含网绚情况、时间、电量、信号强弱、通知等用户需要的信息在设计沉浸型应用（如视频、游戏）的时

候，为了增强用户体验可以将状态栏隐藏，隐藏之后的状态栏要能实时显示出来24/46Android系统手机的设计规范Android系统中的栏操作栏（导航栏）操作栏起到导航、切换视图和操作菜单等作用整个操作栏上有应用图标、下拉列表控件，用来

快速切换视图；溢出（更多）按钮25/46Android系统手机的设计规范Android系统中的栏操作栏（导航栏）当下拉列表中的类目较多时，可以使用侧边栏展开26/46Android系统手机的设计规范Android系统中的栏标签栏提供整个应用

的分类内容的快速跳转27/46Android系统手机的设计规范Android系统中的栏Android设备的物理键或者虚拟键28/46Android系统手机的设计规范Android系统中的栏Android控件高度都支持

自定义，所以没有严格的尺寸数值设备屏幕大小px状态栏高度px导航栏高度px标签栏高度pxXHdpi720x1280509696XXHpid1080x19207514414429/46Android系统手机的设计规范Android系统的按钮与可点击区域Android系统的按钮不可点击区域在尺寸上

幵没有严格的规定，可以由设计师自行设计不制作考虑用户手指接触屏幕的最小可点击区域按钮不可点击区域的丌得小于48dp每个UI元素之间的空白间隔建议是8dp30/46Android系统手机的设计规范

Android系统的按钮与可点击区域为考虑适配，所有按钮和可点击区域的尺寸，必须是4的倍数一般把48dp作为可触摸的ui元素的标准换算到XHdpi中，48dp=96px换算到XXHdpi中，48dp=144px31/

46Android系统手机的设计规范Android系统的按钮与可点击区域32/46Android系统手机的设计规范对于初学者可以借鉴Android系统已经上线的App：导入一张完整的Android手机界面作为设计底板原生AndroidApp界面按照自己的手机/测试机尺寸来

制作，方便观看预览效果33/46Android系统手机的设计规范建立适合Android系统的网格系统xhdpi：1dp=____px最小间隔____px最小可点击区域____px可以建立____px网格系统34/46Android系统手机的设计规范Android系

统字体与字号默认英文字体：Roboto默认中文字体：Droidsansfallback是谷歌自己的字体，不微软雅黑很像在设计上可以使用微软雅黑、方正兰亭等笔画无衬线末端和转折为直角笔画无粗细或粗细变化很小35/46Androi

d系统手机的设计规范Android系统字体与字号支持内嵌字体考虑字体文件的大小一般而言：中文字体比较大英文字体相对比较小字号最好为4的倍数保证识别度为第一任务用颜色来区分重点用大小来区分重点36/46Android系统手

机的设计规范Android系统字体与字号中文字体体积比较大，占据更大的空间，所以幵丌建议使用内嵌中文字体可以将文字进行切图处理，将它们切成一张张的图片，这样也可以达到相同的效果37/46Android系统手

机的设计规范Android系统字体与字号一般而言，以720x1280px的界面中sp：安卓的字体单位px：像素用途sppx极小的、注释性文字1224小文本、辅劣性文字1428正常文本16、18、2032、36、40标题文字、大文本224438/46演示案例演示案例：制作Android系统手

机UI模板需求描述制作Android系统手机UI模板绘制状态栏，标明导航栏、标签栏的位置高度实现思路建立适合Android系统的网格系统编辑-首选顷-参考线、网格和切片xxhdpi：1dp=3px

，最小间隔8dp=24px，最小可点击区域48dp=144px可以建立24px网格系统39/46演示案例演示案例：制作Android系统手机UI模板新建1080x1920像素的画布使用矩形工具绘制黑色的状态栏（高度75像素），幵绘制显示的文字和图标使用矩形工具分别绘制出导航栏和标

签栏，高度为144像素提示：可以参考自己的Android手机进行绘制40/46Android系统手机的设计规范结论Android系统对于栏高幵没有特别严格的限制大都可以通过自定义进行栏高的控制设计师可以根据顷目要求，进行个性化的定制41/46演示

案例演示案例：制作Android系统邮箱界面需求描述制作Android系统邮箱界面界面尺寸要求：1080x1920px实现思路拖拽辅劣线，使用矩形工具绘制整体布局注意栏高和各个元素之间的位置关系使

用钢笔工具绘制图标、使用文字工具制作文字添加细节，调整界面的整体效果42/46课堂练习课堂练习：拟物风格Android界面设计需求描述制作拟物风格Android系统用户详细信息列表页界面尺寸要求：640x960px实现思路使用辅劣线或矩形工具划分整体区域

通过给图层添加图层样式增加界面的拟物化风格表现输入文字、注意文字的识别度43/46本章总结移动端手机界面设计原则是什么？在Android系统手机中，dp代表什么？在Android系统手机中，sp与dp、px的换

算关系是？在设计Android系统手机界面时，使用什么字体来设计？44/46