android 主流分辨率是多少,android 屏幕分辨率问题

article/2025/11/6 18:38:45

f5a5d802fc7468bb98bc16fbef43e0bf.png

iPhone的icon设计就这么简单,iPhone的屏幕只有320×480像素,所以程序没有适配性问题。

Android

在研究Android的icon设计之前,有必要先了解Android的界面是如何适配多样化屏幕的。

适配性

由于同一个UI元素(如100×100像素的图片)在高精度的屏幕上要比低精度的屏幕上看起来要小,为了让这两个屏幕上的图片看起来效果差不多,可以采用以下两种方法:

程序将图片进行缩放,但是效果较差。

为这两个精度屏幕的手机各提供一个图片。

但是屏幕的参数多样化,为每一个精度的屏幕都设计一套icon,工作量大并且不能满足程序的兼容 性要求,势必要对屏幕的分级,如在160dpi和 180dpi的手机屏幕上采用同一套icon,当这套icon在240dpi效果满足不了设计要求,就需要另做一套稍大些的icon。

在 Android 1.5以及更早的版本中,只支持3.2″ 屏幕上的HVGA (320×480)分辨率,开发人员也不需要考虑界面的适配性问题。从Android 1.6之后,平台支持多种尺寸和分辨率的设备,这也就意味着开发人员在设计时要考虑到屏幕的多样性。

为了简化设计并且兼容更多的手机屏幕,平台依照尺寸和分辨率对屏幕进行了区分:

三 种尺寸:大,中,小。

三种精度:高(hdpi),中(mdpi)和低(ldpi)。

程序可以为这三种尺寸的屏幕提供默认资源,如有需要,还可以为各种精度 的屏幕提供资源。在运行时,系统会根据屏幕布局加载正确尺寸或者精度的图片。

Android的icon尺寸

在运行时,程序为最佳显示效果提供了三种方法:

1.图片缩放

基于当前屏幕的 精度,平台自动加载任何未经缩放的限定尺寸和精度的图片。如果图片不匹配,平台会加载默认资源并且在放大或者缩小之后可以满足当前界面的显示要求。例如, 当前为高精度屏幕,平台会加载高精度资源(如图片),如果没有,平台会将中精度资源缩放至高精度。

2.自动定义像素尺寸和位置

如果程序不支持多种精度屏幕,平台会自动 定义像素绝对位置和尺寸值等,这样就能保证元素能和精度160的屏幕上一样能显示出同样尺寸的效果。例如,要让WVGA高精度屏幕和传统的HVGA 屏 幕一样显示同样尺寸的图片,当程序不支持时,系统会对程序慌称屏幕分辨率为320×533,在(10,10)到(100,100)的区域内绘制图形完成之 后,系统会将图形放大到(15,15)到(150,150)的屏幕显示区域。

3.兼 容更大尺寸的屏幕

当前屏幕超过程序所支持屏幕的上限时,定义supports- screens元素,这样超出显示的基准线时,平台在此显示黑色的背景图。例如,WVGA 中精度屏幕上,如程序不支持这样的大屏幕,系统会谎 称是一个320×480的,多余的显示区域会被填充成黑色。

但为了达到最佳的显示效 果,最好的方法还是设计多套图片。那就有必要对于所有的屏幕依据精度值进行分级(高中低),之后再设计三套icon:

先为主流的中精度屏 幕(HVGA)设计一套icon,确定图片的像素尺寸。

为高精度屏幕将图片放大到150%,为低精度屏幕将图片缩小至75%。

将这三套资 源放置到程序的三个文件夹下 :res/drawable-mdpi/ 、res/drawable-hdpi/、 res/drawable- ldpi/。程序在运行时,平台会根据屏幕的精度调取合适的icon。

设计指南

IconGraphic_Icons_i1.png

Android标准icon

Launcher Icon是程序主界面上的功能图标,Android对于各个icon的风格有一定的要求:

符合当下的流行趋势,避免过度使用隐喻。

高 度简化和夸张,小尺寸图标也能易于识别,不宜太复杂。

尝试抓住程序的主要特征,比如音像作为音乐的icon。

使用自然的轮廓和形状,看起 来几何化和有机化,不失真实感。

Icon采用前视角,几乎没有透视,光源在顶部。

不光滑但富有质感。

IconGraphic_DosDonts-1.jpg

正确和错误的icon

另外,所有的icon都有文字标签,不要在设计时把文字也放到icon中。

Launcher Icon通常是一个较大的标准图标中包含一个小图标,使用一个中性色彩和一个主要色彩,并保持高度的对比,不宜过度饱和。

IconGraphic_Colors.jpg

推荐色值

尺寸和定位

Launcher icons要有多样化的形状和样式,但又要形成统一的视觉风格,其尺寸和定位也用统一:

(Full Asset)红色边框为图标尺寸

(Icon) 蓝色边框是图形尺寸,比图标尺寸稍小,图形之外的空间用于显示阴影和特殊效果。

(Square Icon)橙色边框是另外一种图形尺寸。两种类型的图形尺寸可以达到统一的视觉权重。

Icon dimensions for high-density (hdpi) screens:

IconGraphic_l.jpg

Full Asset: 72 x 72 px

Icon: 60 x 60 px

Square Icon: 56 x 56 px

Icon Dimensions for medium-density (mdpi) screens:

IconGraphic_s.jpg

Full Asset: 48 x 48 px

Icon: 40 x 40 px

Square Icon: 38 x 3

Icon Dimensions for low-density (ldpi) screens:

IconGraphic-a.jpg

Full Asset: 36 x 36 px

Icon: 30 x 30 px

Square Icon: 28 x 28 px

模板

下载Android的标准图标模板,在此基础上绘制icon,后期还要加上阴影效果。

WVGA (高精度) 屏幕的阴影:

IconGraphic_Shadow_WVGA.png

Effect: Drop Shadow

Color: #000000

Blend Mode: Multiply

Opacity: 75%

Angle: 90°

Distance: 2px

Spread: 0%

Size: 5px

另外,还有Menu icon 、Status bar icon 、Tab icon、 Dialog icon 和List view icon的设计教程请查看原文吧。

非常详尽的icon设计教程,一个程序里要放置三套icon,还有Android硬件比较好,不然 内存爆掉

源地址:http://myth2loki.blog.163……105123053460/

给作者打赏,鼓励TA抓紧创作!赞赏


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

相关文章

iPhone手机屏幕大小及分辨率

以前一直找,现在自己保存起来

IPHONE屏幕大小,分辨率解析

相关概念 // 竖屏时,返回的是不带有状态栏的Rect.横屏时,返回整个屏幕Rect [UIScreen mainScreen].applicationFrame);//The natural scale factor associated with the screen(自然比例因子) [UIScreen mainScreen].scale);//The native scale factor for the physical scree…

iPhone 各屏幕尺寸及解析

一.iPhone 各屏幕尺寸表 手机型号屏幕尺寸(inch)像素密度(PPI)逻辑分辨率 (point)物理分辨率(屏幕分辨率)(pixel)缩放因子(scale factor)宽高比(…

各版本iPhone屏幕分辨率尺寸图标

1、3.5(iPhone 4、iPhone 4s): 640x960 2、4.0(iPhone 5、iPhone 5s、iPhone 5C、iPhone SE): 640x1136 3、4.7(iPhone 6、iPhone 6s、iPhone 7、iPhone 8): 750x1334&…

各型号iPhone的屏幕参数 逻辑分辨率 物理分辨率 - iOS Device Display Summary - 更新到iPhone 13系列

详询: iOS设备分辨率 - 逻辑分辨率 - 屏幕参数 - iPhone/iPad/iWatch without Macbookhttps://tools.rudon.cn/electronics/resolution/ios/

EditPlus中文版 安装教程

EditPlus中文版安装教程 1、下载软件压缩包,解压即可。不需要安装,解压后打开“EditPlus中文版”文件夹(软件我会打包好,在文中的最低端找到即可下载;若链接失效了,请告知我一声,我会重新更新链接) 2.打开EditPlus.exe启动软件。 3、设置程序的配置文件目录。 …

安装Editplus软件

1.安装Editplus软件 百度云网盘链接:https://pan.baidu.com/s/1alKZWD_yXUO4be6wUoM5Fg?pwdhykz 提取码:hykz 2.点开下载的软件进行安装,Accept下一步 3.选择自己想要安装的文件目录 4.点击Start Copy进行下一步安装,安装完成后桌面会有Editplus的软件…

EditPlus 5.0.651 中文版

各位网友:4.0 版本以前的注册码在新版本(5.0+)不再有效! EditPlus 是一个著名的代码文本编辑器。目前网上有其他人翻译的版本,但均存在零星的翻译错误。为此,我重新汉化了 EditPlus 的界面。 …

EditPlus4.0汉化+破解注册

1.官网下载并安装EditPlus软件包 https://www.editplus.com/download.html 2.下载官方推荐汉化程序,选择对应版本号 http://www.cnblogs.com/hanzisearcher/archive/2012/09/14/editplus.html 3.将解压缩得到的汉化文件“editplus.exe”直接覆盖至editplus安装目录…

强大的editplus 5.7

EditPlus是一款由韩国 Sangil Kim (ES-Computing)出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器,你甚至可以通过设置用户工具将其作为C,Java,Php等等语言的一个简单的IDE。 EditPlus(文字编辑器&#xff0…

EditPlus 5.0 激活+汉化

EditPlus5.0注册码 注册名 Vovan 注册码 3AG46-JJ48E-CEACC-8E6EW-ECUAW EditPlus5.0汉化 各位网友:4.0 版本以前的注册码在新版本(5.0+)不再有效! EditPlus 是一个著名的代码文本编辑器。目前网上有其他人翻译的版本&…

Editplus下载安装

Editplus简介 Editplus是一款很受欢迎的编辑器。简单的解释editplus软件的话,它就是一款功能更强大的记事本。除了普通的文本编辑之外,还有很多的其他特点。 默认支持HTML、CSS、PHP、ASP、Perl、C/C、Java、JavaScript和VBScript等语法高亮显示&#x…

EditPlus的安装与破解

过程及其简单,就两步: 1,下载 2,安装,反正占用不了什么空间,直接下一步下一步就可以了。 3,破解,记得先到http://www.jb51.net/tools/editplus/生成注册码,再断网输入。…

EditPlus中文版

教程: 1.解压后好选择需要的版本打开,我选择的是英文版,其他版本也可按照下方提示进行安装,打开安装,选accept 2.安装完成打开程序,提示需要注 3.输入如下字符即可完成注册,输入后点击register即可 注册码&#xff1a…

EditPlus下载安装及使用

原文链接:https://blog.csdn.net/weixin_43184774/article/details/98393253 一、下载 官网下载地址:https://www.editplus.com/ 根据自己电脑配置,选择32位安装还是64位安装 二、安装 此处我的电脑是32位操作系统,所以我选择了…

EditPlus下载安装和汉化

一、下载 官网下载地址:https://www.editplus.com/ 根据自己电脑配置,选择32位安装还是64位安装 二、安装 此处我的电脑是64位操作系统,所以我选择了64位的EditPlus版本 1、双击已下载的EditPlus安装包 2、点击“Accept” 3、选择安装路径…

Editplus破解

下载旧版本EditPlus获取破解码https://www.jb51.net/tools/editplus/

HTML期末设计——代码篇

事先声明 这个网页设计也就是用了我学到的知识做的一个中规中矩的网页&#xff0c;可以给以后的大一新生们做个参考&#xff0c;和商业网站的效果肯定是没得比的&#xff0c;期望太高的可以关掉了 引入页 效果图&#xff1a; <!DOCTYPE html> <html><head>…

炫酷的HTML代码

很炫酷的html代码&#xff1a; <!DOCTYPE html> <html xmlns"http://www.w3.org/1999/xhtml" lang"en"> <head> <title>star</title> <script type"text/javascript"> window.onload function () { C Ma…