热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

UI设计师必备|Android设计尺寸规范

1、字体使用规范中文字体:思源黑体SourceHanSansNoto(是一个字体,叫法不同而已)英文字体:Roboto注意:安卓的字号单位是SP720×1280常见的

1、字体使用规范

中文字体:思源黑体Source Han Sans / Noto(是一个字体,叫法不同而已)

英文字体:Roboto

注意:安卓的字号单位是SP

720×1280常见的字体大小:

24px、26px、28px、30px、32px、34px,36px等等。记住是偶数的,最小字号20px。

 

2、图标 icons

图标用途

mdpi (160dpi)

hdpi (240dpi)

xhdpi (320dpi)

xxhdpi (480dpi)

xxxhdpi (640dpi)

应用图标

48 x 48 px

72 x 72 px

96 x 96 px

144 x 144 px

192 x 192 px

系统图标

24 x 24 px

36 x 36 px

48 x 48 px

72 x 72 px

196 x 196 px

 

3、应用图标 Product icons

方形 高度:152dp 宽度:152dp

圆形 直径:176dp

垂直长方形 高度:176dp 宽度:128dp

水平长方形 高度:128dp 宽度:176dp

 

4、快捷图标 Shortcut icon

实际面积 高度:44dp 宽度:44dp

总面积 高度:48dp 宽度:48dp

系统图标尺寸 高度:24dp 宽度:24dp

实际面积位置 剩余高度:24dp 剩余宽度:24dp

5、单位和度量 Units and measurements

6、UI组件布局 Element Layout

 

列表 List

 

垂直边框和水平外边距 边框左右外边距各16dp 带有图标或者头像的内容有 72dp 的左边距。

垂直边距 1. 状态栏:24dp 2. 工具栏:56dp 3. 子标题:48dp 4. 列表项:72dp

垂直边框和水平外边距 边框左右外边距各16dp 带有图标或者头像的内容有 72dp 的左边距。

垂直边距 1. 状态栏:24dp 2. 工具栏:56dp 3. 标题和列表项:48dp 4. 子标题:48dp 5. 内容区域间的距离:8dp

7、详情视图 Detail view

8、触控区域尺寸 Touch target size

9、应用栏 App bar


推荐阅读
  • android listview OnItemClickListener失效原因
    最近在做listview时发现OnItemClickListener失效的问题,经过查找发现是因为button的原因。不仅listitem中存在button会影响OnItemClickListener事件的失效,还会导致单击后listview每个item的背景改变,使得item中的所有有关焦点的事件都失效。本文给出了一个范例来说明这种情况,并提供了解决方法。 ... [详细]
  • android 触屏处理流程,android触摸事件处理流程 ? FOOKWOOD「建议收藏」
    android触屏处理流程,android触摸事件处理流程?FOOKWOOD「建议收藏」最近在工作中,经常需要处理触摸事件,但是有时候会出现一些奇怪的bug,比如有时候会检测不到A ... [详细]
  • 本文详细介绍了Android中的坐标系以及与View相关的方法。首先介绍了Android坐标系和视图坐标系的概念,并通过图示进行了解释。接着提到了View的大小可以超过手机屏幕,并且只有在手机屏幕内才能看到。最后,作者表示将在后续文章中继续探讨与View相关的内容。 ... [详细]
  • 带添加按钮的GridView,item的删除事件
    先上图片效果;gridView无数据时显示添加按钮,有数据时,第一格显示添加按钮,后面显示数据:布局文件:addr_manage.xml<?xmlve ... [详细]
  • 今天就跟大家聊聊有关怎么在Android应用中实现一个换肤功能,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根 ... [详细]
  •  项目地址https:github.comffmydreamWiCar界面做的很难看,美工方面实在不在行。重点是按钮触摸事件的处理,这里搬了RepeatListener项目代码,例 ... [详细]
  • 自动轮播,反转播放的ViewPagerAdapter的使用方法和效果展示
    本文介绍了如何使用自动轮播、反转播放的ViewPagerAdapter,并展示了其效果。该ViewPagerAdapter支持无限循环、触摸暂停、切换缩放等功能。同时提供了使用GIF.gif的示例和github地址。通过LoopFragmentPagerAdapter类的getActualCount、getActualItem和getActualPagerTitle方法可以实现自定义的循环效果和标题展示。 ... [详细]
  • 本文介绍了一款名为TimeSelector的Android日期时间选择器,采用了Material Design风格,可以在Android Studio中通过gradle添加依赖来使用,也可以在Eclipse中下载源码使用。文章详细介绍了TimeSelector的构造方法和参数说明,以及如何使用回调函数来处理选取时间后的操作。同时还提供了示例代码和可选的起始时间和结束时间设置。 ... [详细]
  • SmartRefreshLayout自定义头部刷新和底部加载
    1.添加依赖implementation‘com.scwang.smartrefresh:SmartRefreshLayout:1.0.3’implementation‘com.s ... [详细]
  • 详解Android  自定义UI模板设计_由浅入深
    学习安卓已有一些日子,前段时间整理了不少笔记,但是发现笔记不变分享与携带。今天开始整理博客,全当是与大家分享交流与自身学习理解的过程吧。结合最近在做的一个新闻类app及学习中的问题,一点一点整理一下, ... [详细]
  • 在一对一直播源码使用过程中,有时会出现软键盘切换闪屏问题,就是当切换表情的时候屏幕会跳动,因此要对一对一直播源码表情面板无缝切换进行优化。 ... [详细]
  • 涉及的知识点-ViewGroup的测量与布局-View的测量与布局-滑动冲突的处理-VelocityTracker滑动速率跟踪-Scroller实现弹性滑动-屏幕宽高的获取等实现步 ... [详细]
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • Android JSON基础,音视频开发进阶指南目录
    Array里面的对象数据是有序的,json字符串最外层是方括号的,方括号:[]解析jsonArray代码try{json字符串最外层是 ... [详细]
  • 本文介绍了在Vue项目中如何结合Element UI解决连续上传多张图片及图片编辑的问题。作者强调了在编码前要明确需求和所需要的结果,并详细描述了自己的代码实现过程。 ... [详细]
author-avatar
liuningning666223
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有