Android界面尺寸规范

article/2025/11/9 9:19:57

这样的手机又vivo智能收款机、三星Galaxy A5、华为荣耀等手机。

这样的手机屏幕尺寸是:5寸 即屏幕对角线是5英寸。

计算方法:1280平方+720平方=2156800,结果再开平方=1468.6048,再÷5,=293.72点每英寸。

在1280*720px的分辨率下,1dp=2px 所有的尺寸具体请参照:Device Metrics

但是 不是所有每一个5英寸的手机的分辨率都是720*1280,也有1920*1080的。切记。

720*1280 即xhdpi 相对于hdpi是2倍。同等于ios 苹果6的切图的2倍图。是可以通用的。

在android规范中对于导航栏、工具栏等的尺寸没有明确的规定。

第一部分:720*1280的布局规范

根据48dp原则,以及一些主流的android应用的截图分析,总结一下尺寸要求:

状态栏高度:  50 px

导航栏、操作栏高度:  96 px=48dp x 2

主菜单栏高度:  96 px

内容区域高度:  1038 px (1280-50-96-96=1038)

Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,高度也和菜单栏一样为:96 px

移动界面尺寸界面设计用户界面设计

第二部分: 图标和字体大小(来自官方规范文档)

a、启动图标(home页或app列表页) 整体大小为48 x 48 dp 没有空白的区域的完整图标。当然也可以是包含空白区域的图标等于48DP.

移动界面尺寸界面设计用户界面设计

同时大家需要看下这个图:48dp代表了触摸的范围:

移动界面尺寸界面设计用户界面设计

b、操作栏图标,代表用户在app中可以使用到的最重要的图标

整体大小为32 x 32 dp ,图形实际区域为24 x 24 dp

移动界面尺寸界面设计用户界面设计

c、小图标/场景图标,提供操作或特定项目的状态。

比如gmail app的星型标记、一些内容展开收起用到的向下向上的图标等。整体大小为16 x 16 dp ,图形实际区域为12 x 12 dp 。

移动界面尺寸界面设计用户界面设计

d、通知图标

如果app有通知,要提供一个有新通知时显示在状态栏的通知图标。整体大小为24 x 24 dp ,图形实际区域为22 x 22 dp 。

移动界面尺寸界面设计用户界面设计

注:android规范提供的尺寸单位是dp,若设计稿尺寸设为720 x 1280 ,图标大小需在规范要求的尺寸数字上乘以2。比如操作栏图标32 x 32 dp ,则设计稿上应该是64 x 64 px 。

e、字体大小

Android规范中的要求如下:

移动界面尺寸界面设计用户界面设计

前面提到Android开发中的字号单位是sp,而换算关系是sp*ppi/160 = px 。所以720 x 1280尺寸的设计稿上,字体大小可选择为24px 、28px 、32px 、36px ,主要根据文字的重要程度来选择,特殊情况下也可能选择更大或更小的字体。

f、其他尺寸要求

通常把48dp作为可触摸的UI元件的标准。 APPUI设计中的48dp定律原则

移动界面尺寸界面设计用户界面设计

为什么要用48dp呢?一般来说,48dp转化为一个物理尺寸约9毫米。通常建议目标大小为7-10毫米,以方便用户手指能准确并且舒适触摸目标区域。

如果你设计的元素高和宽至少48dp,你就可以保证:

(1)触摸目标绝不会比建议的最低目标(7mm)小,无论在什么屏幕上显示。

(2)在整体信息密度和触摸目标大小之间取得了一个很好的平衡。

另外,每个UI元素之间的空白通常是8dp 。

第三部分、android的按钮和弹出层的设计规范参考。

在720 x 1280 px 的设计稿上,有两个按钮(比如登录、注册)并排一行放置,按钮尺寸最小范围均为240 x 80 px ,换算为android开发单位就是 120 x 40 dp 。

移动界面尺寸界面设计用户界面设计

这一次就跟大家分享这些,如有错误之处,欢迎随时在下面留言。这样只是成熟案例下的参考设计因素。


http://chatgpt.dhexx.cn/article/GexISrv9.shtml

相关文章

【移动端】手机界面的设计尺寸

从设计方面来看,做手机界面设计的尺寸一般分为iPhone和Android两种设备。 Android的常用逻辑分辨率: Android的常用逻辑分辨率:参考屏幕尺寸大全 360 * 640 、 360 * 720、 360 * 740、 360 * 760、 360 * 780、 360 * 800 411 * 731 48…

移动界面尺寸!安卓720*1280界面尺寸规范参考

这样的手机又vivo智能收款机、三星Galaxy A5、华为荣耀等手机。 这样的手机屏幕尺寸是:5寸 即屏幕对角线是5英寸。 计算方法:1280平方+720平方=2156800,结果再开平方=1468.6048,再5&…

搭建nginx代理服务器

搭建nginx代理服务器 原理:1、在proxy-1的nginx.conf主配置文件后添加2、修改proxy-1的子配置文件3、修改存储服务器的一些配置4、启动服务测试: 原理: 通过代理服务器进行访问,减小web1和web2的负担 资源是不直接放在web1和web2下的&#x…

node.js搭建代理服务器实现跨域

node.js搭建代理服务器实现跨域 前后端分离,本地前端开发调用接口会有跨域问题,一般有以下3种解决方法: 后端接口打包到本地运行(缺点:每次后端更新都要去测试服下一个更新包,还要在本地搭建java运行环境&…

apache 搭建ip代理服务器

前期准备 windows / LinuxApache 这里就不教如何安装apache了,需要的可以查询如何安装。 apache 配置 找到 httpd.conf 文件,apache的安装目录下 Apache2.4.39\conf\httpd.conf 找到下面几行配置,默认是注释了的,你需要把 # 号…

在CentOS 7上搭建代理服务器(Socks 5)

安装环境配置 1. yum install gcc 2. yum install openldap-devel 3. yum install pam-devel 4. yum install openssl-devel 安装Socks 5 wget http://jaist.dl.sourceforge.net/project/ss5/ss5/3.8.9-8/ss5-3.8.9-8.tar.gz 解压ss5-3.8.9-8.tar.gz tar -xzvf ss5-3.8.9…

10分钟搭建linux代理服务器

介绍 关于搭建代理服务器的方法,我也是刚刚接触,从网上找了一些能够行得通的方法来给大家做个分享: 这里我用的是Tinyproxy作为代理服务软件。这个东西很小,并没有几M。 tinyproxy最大的特点就是小,功能简单&#xff…

用nodejs搭建代理服务器步骤

前端开发者在工作中常常遇到跨域的问题,一般我们遇到跨域问题主要使用以下办法来解决: 1、jsonp 2、cors 3、配置代理服务器。 jsonp不是很灵活,只能发送get请求,不能发送psot请求,而cors虽然可以支持多种请求格式,…

关于腾讯云搭建代理服务器的详细过程

腾讯云的规定是一个账号一个地区只能有20个公网IP: 1)点击实例名 2)添加辅助网卡 3)绑定弹性公网ip 4)为辅助网卡绑定安全组 5)修改网卡配置文件 ### 复制eth0的网卡文件 ### [root@VM_1_62_centos ~]# cp /etc/sysconfig/network-scripts/ifcfg-eth{0,1} ### 修改eth1文…

使用腾讯云Ubuntu20.04搭建代理服务器

文章目录 安装配置文件位置云服务器开放端口 添加规则运行停止状态重启连接测试参考 安装 sudo apt-get install tinyproxy配置文件位置 /etc/tinyproxy.conf 或者 /etc/tinyproxy/tinyproxy.conf # 预设是8888 Port, 可以更改 Port 8888 # 将127.0.0.1改成你自己的IP All…

xray搭建代理服务器

xray 代理服务器配置 1.下载xray 2.执行 xattr -c /Users/mac/Downloads/Xray-macos-64.zip 3.配置 log:LogObject  waring 改成debug 2.InboundObject :  protocol:HTTP  settings 设置为如下,address和…

linux搭建代理服务器

最近在做某个项目时,由于机房环境是内网环境,但是有些服务(短信发送、email发送)需要访问外网交互,所以需要搭建代理服务器。 该服务器可以访问外网,所有的内网服务通过该代理服务器访问外网。简易示意图如…

Ubuntu 搭建代理服务器squid

目录 前言 工具准备 安装squid 修改配置文件 重新加载配置文件 查看squid的端口状态 为浏览器配置代理 前言 本来这次的测试是想在校园网环境下 实现无认证通过某个已认证的主机代理上网的! 可后来通过测试我发现只有主机通过校园网认证后才能访问校园网内(局域网)的主机…

mysql的字符集修改_修改MySQL字符集

1.关于MySQL字符集 MySQL的字符集支持(CharacterSet Support)有两个方面: 字符集(Characterset)和排序方式(Collation)。 MySQL对于字符集的支持细化到四个层次:服务器(server),数据库(database),数据表(table)和连接(connection)。 2.查看MySQL字符集 2.1.查看字符集的设置…

mysql 字符集设置

一、 MySQL字符集设置 (1) 系统变量: – character_set_server:默认的内部操作字符集 – character_set_client:客户端来源数据使用的字符集 – character_set_connection:连接层字符集 – characte…

mysql 所有字符集_mysql字符集

mysql字符集 字符集基础 字符集:数据库中的字符集包含两层含义 各种文字和符号的集合,包括各国家文字,标点符号,图形符号,数字等。 字符的编码方式,即二进制数据与字符的映射规则; 字符集分类: ASCII:美国信息互换标准编码;英语和其他西欧语言;单字节编码,7位(bits…

MySQL字符集设置为UTF-8,但控制台仍然出现中文乱码问题

问题描述:MySQL字符集为UTF-8,控制台显示结果的中文字符仍然会出现乱码,如何解决? 详细描述:安装MySQL的时候选择了UTF8的字符集,为了方便数据库维护,所有字符集也都设置了UTF8的字符集&#xf…

mysql服务器默认操作字符集,MySQL 字符集设置

数据库建库时默认是设置的latin1编码,查看系统的字符集和排序方式 show variables like character%; SHOW VARIABLES LIKE collation_%; SET NAMES gb2312; show variables like character%; SET NAMES x 相当于 SET character_set_client = x; SET character_set_results = x…

mysql数据库的字符集设置_mysql数据库的字符集设置

原文链接:http://blog.csdn.net/sin90lzc/article/details/7648439 作者:开浪裤 Notice:文章基于ubuntu系统而写 1.关于MySQL字符集 MySQL的字符集支持(Character Set Support)有两个方面: 字符集(Character set)和排序方式(Collation)。 MyS…

mysql中设置字符集语句_MYSQL字符集设置的方法详解(终端的字符集)

前言 每次利用终端 创建数据库或者创建表的时候,字符集都是latin1,或者进行插入值的时候,显示的是乱码(不指定字符集的时候)如下: 查看当前数据库的字符集 character_set_client:客户端请求数据的字符集 character_set_connection:客户机/服务器连接的字符集 character_s…