华为手机如何设置屏幕图标大小

华为手机如何设置屏幕图标大小,第1张

华为手机的屏幕图标大小可以在设置里的显示里模式修改,方法如下:

1、打开手机,找到设置,点击进入,

2、如图,找到显示,点击进入,

3、如图,找到显示模式,点击进入,

4、如图,进入后有小、中、大三个模式,选择大模式即可。

手机app的图标都会有各种分辨率的尺寸,为了在不同的分辨率手机下都能正常显示。

截止2020年1月,手机屏幕分辨率最清晰是4K屏,水平清晰度3840,垂直清晰度2160,宽高比16:9,总约830万像素。但市面上真正在售的只有某尼的Xperia XZ(双4G)手机是这种屏幕。

4K是一种高清显示技术,主要应用于电视行业、行业、手机行业等领域。

扩展资料:

手机图标就像电脑图标一样,是一个程序的标记。如:照相机、设置、信箱、通讯录等。通常为透明背景的如PNG格式。

在手机中一半内置的图标都是经过美化的,后来安装的软件由于是个人制作,一定程度上不是那么完美,包括大小、 尺寸、比例等等,如果嫌不美观, 可以到安装目录比对标准的图标尺寸然后替换,用PHOTOSHOP或者其他绘图软件工具制作。

一、android篇

1、android分辨率

Android的多分辨率,一向是设计师和开发者非常头疼的事儿。尽管如此,对于多分辨造成的复杂问题,也是大家要优先解决的。Android支持多种不同的dpi模式:ldpi 、mdpi 、hdpi 、xhdpi 、xxhdpi 、xxxhdpi

注意,ppi、dpi 是密度单位,不是度量单位 :

dpi主要应用于输出,重点是打印设备上;ppi对于设计师应该比较熟悉,photoshop画布的分辨率常设置为72像素/英寸,这个单位其实就是ppi 。尽管概念不同,但是对于移动设备的显示屏,可以看作ppi=dpi 。

ppi的运算方式是:PPI = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数。即:长、宽各自平方之和的开方,再除以屏幕对角线的英寸数。

以iphone5为例,其ppi=√(1136px² + 640px²)/4 in=326ppi(视网膜Retina屏)

对于android手机,一个不确切的分法是,720 x 1280 的手机很可能接近 320 dpi (xhdpi模式),480 x 800 的手机很可能接近 240 dpi (hdpi模式),而320 x 480 的手机则很接近 160 dpi(mdpi模式)。

2、单位换算方法

android开发中,文字大小的单位是sp,非文字的尺寸单位用dp,但是我们在设计稿用的单位是px。这些单位如何换算,是设计师、开发者需要了解的关键。

简单理解的话,px(像素)是我们UI设计师在PS里使用的,同时也是手机屏幕上所显示的,dp是开发写layout的时候使用的尺寸单位。

为什么要把sp和dp代替px? 原因是他们不会因为ppi的变化而变化,在相同物理尺寸和不同ppi下,他们呈现的高度大小是相同。也就是说更接近物理呈现,而px则不行。

根据单位换算方法,可总结出:

当运行在mdpi下时,1dp=1px :也就是说设计师在PS里定义一个item高48px,开发就会定义该item高48dp ;

当运行在hdpi模式下时,1dp=15px :也就是说设计师在PS里定义一个item高72px,开发就会定义该item高48dp ;

当运行在xhdpi模式下时,1dp=2px :也就是说设计师在PS里定义一个item高96px,开发就会定义该item高48dp ;

当你的app需要适配多个dpi模式的时候,请参考图1的比例进行换算 。

3、设计稿基本元素的尺寸设置

为了适应多分辨率的手机,理想的方式是为每种分辨率做一套设计稿,包括所用到的icon、设计稿标注等。但在实际开发中,这种方法耗时耗力。所以通常会选择折中的方法。

方法一 :在标准基础上(比如xhdpi)开始,然后放大或缩小,以适应到其他尺寸。不足之处是,对于更高分辨率的手机,图标被放大后会导致质量不高。

方法二: 以最高分辨率为基准设计,然后缩小适应到所需的小分辨率上。缺点是,图标等若都最大尺寸,加载时速度慢且耗费流量较多,对于小分辨率的用户也不够好。

结合友盟的分辨率占比数据、也为了方便换算到android开发中的尺寸单位, 推荐设计稿的画布尺寸选用 720X1280 ,分辨率仍旧为72ppi(像素/英寸)。

在android规范中对于导航栏、工具栏等的尺寸没有明确的规定。但根据48dp原则,以及一些主流的android应用的截图分析,总结一下尺寸要求:

状态栏高度 :50 px

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

主菜单栏高度 :96 px

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

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

4、图标和字体大小(来自官方规范文档)

a、启动图标(home页或app列表页)

整体大小为48 x 48 dp

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,而换算关系是 spppi/160 = px 。所以720 x 1280尺寸的设计稿上,字体大小可选择为 24px 、28px 、32px 、36px ,主要根据文字的重要程度来选择,特殊情况下也可能选择更大或更小的字体。

f、其他尺寸要求

通常把48dp作为可触摸的UI元件的标准。

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

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

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

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

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

二、iOS篇

1、分辨率

iPhone 界面尺寸:

iPad 界面尺寸:1024×768、2048×1536

(以上单位都是像素,至于分辨率一般网页UI和移动UI基本上都只要 72 ppi)

2、单位换算px、pt

这里需要先区分pt、px,pt(磅值)是物理长度单位,指的是72分之一英寸。手机上看来同一大小的字磅值是一样的,但是换算成不同分辨率手机的字号px值不一样。(px=ptppi/72)

iPhone在出retina屏(也就是4S)之前的屏幕像素是320x480px,屏幕密度是163ppi,4S的屏幕像素是640x960px,屏幕密度是326ppi,翻了一倍。iPhone5的ppi没有变化,兼容性方面要增加类似首屏画面等程序上的判断。

在iPhone界面上元素的定位、尺寸是通过一个单位point,而非px,屏幕上固定有320x480pt,retina屏两倍的分辨率改变的只是pt和px之间的比例而已,这样就能实现不改变程序,只上传两套就兼容两个分辨率。

在设计的时候并不是每个尺寸都要做一套,尺寸按自己的手机尺寸来设计,比较方便预览效果,一般用 640×960 或者 640×1136 的尺寸设计。其中设计稿的画布分辨率设为默认的72ppi(此时1px=1pt ),所以设计师可以统一采用px为单位。
开发拿到设计稿时,将上面标注的以px为单位的字号大小、图像尺寸除以2,就是非retina屏上的pt值,这样在retina屏上也可以根据此pt值换算对应的px大小,以确保不同的分辨率下有合适的效果。

3、基本元素的尺寸设置

iPhone的APP界面一般由四个元素组成,分别是:状态栏、导航栏、主菜单栏以及中间的内容区域。

这里取用 640×960 的尺寸设计,那我们就说说在这个尺寸下这些元素的尺寸:

状态栏:就是我们经常说的信号、运营商、电量等显示手机状态的区域,其高度为:40 px

导航栏:显示当前界面的名称,包含相应的功能或者页面间跳转的按钮,其高度为:88 px

主菜单栏:类似于页面的主菜单,提供整个应用的分类内容的快速跳转,其高度为:98 px

内容区域:展示应用提供的相应内容,整个应用中布局变更最为频繁的,其高度为:734 px=960-40-88-98

以上尺寸适用于 iPhone 4、4S,iPhone5/5s 的 640×11136 的尺寸,其实就是中间的内容区域高度增加到:910 px,其他尺寸也同上。

4、常用图像、图标大小(来自官方规范文档)

单位:像素

5、字体大小

iOS交互设计规范文档上,对字体大小没有做严格的数值规定,只提供了一些指导原则:

单位:点pt

– 即便用户选择了最小文字大小,文字也不应小于 22 点。作为对照,正文样式在大字号下使用 34 点字体大小作为默认文字大小设置。

– 通常来说,每一档文字大小设置的字体大小和行间距的差异是 2 点。例外情况是两个标题样式,在最小、小和中等设置时都使用相同字体大小、行间距和字间距。

– 在最小的三种文字大小中,字间距相对宽阔;在最大的三种文字大小中,字间距相对紧密。

– 标题和正文样式使用一样的字体大小。为了将其和正文样式区分,标题样式使用加粗效果。

– 导航控制器中的文字使用和大号的正文样式文字大小(明确来说,是 34 点)。

– 文本通常使用常规体和中等大小,而不是用细体和粗体。

百度用户体验做过的一个小调查:

单位:像素px

还有个方法就是找你觉得好的APP应用,手机截图后放进PS自己对比调节字体大小。

应用程序图标 (Icon)应当是一个 Alpha 通道透明的32位 PNG 。

由于安卓设备众多,一个应用程序图标需要设计几种不同大小,如:

LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px。

MDPI (Medium Density Screen, 160 DPI),其图标大小为 48 x 48 px。

HDPI (High Density Screen, 240 DPI),其图标大小为 72 x 72 px。

xhdpi (Extra-high density screen, 320 DPI),其图标大小为 96 x 96 px。

建议在设计过程中,在四周空出几个像素点使得设计的图标与其他图标在视觉上一致,例如:

96 x 96 px 图标可以画图区域大小可以设为 88 x 88 px, 四周留出4个像素用于填充(无底色)。

72 x 72 px 图标可以画图区域大小可以设为 68 x 68 px, 四周留出2个像素用于填充(无底色)。

48 x 48 px 图标可以画图区域大小可以设为 46 x 46 px, 四周留出1个像素用于填充(无底色)。

36 x 36 px 图标可以画图区域大小可以设为 34 x 34 px, 四周留出1个像素用于填充(无底色)。

扩展资料:


手机图标就像电脑图标一样,是一个程序的标记。如:照相机、设置、信箱、通讯录等。

通常为透明背景的如PNG格式。在手机中一半内置的图标都是经过美化的,后来安装的软件由于是个人制作,一定程度上不是那么完美,包括大小、 尺寸、比例等等,如果嫌不美观, 可以到安装目录比对标准的图标尺寸然后替换,用PHOTOSHOP或者其他绘图软件工具制作。

注意:一定要名称一样,格式一样或者修改安装表文件,指向你所更换的图标文件,起到一定的美化作用。同时手机图标要有一定的共同性,便于不同品牌的图标的图标功能相近性,便于使用。

手机图标制作:

一、主题风格:

做手机图标先要定好主题,风格,以及表现方式,如:简洁大方;古朴厚重;晶莹剔透;是写实的3D图标还是平面化的图标。这一环是和整个交互界面密不可分的。

二、选定软件:

根据风格定位,可以确定出是用哪种方法:用max建模>渲染>ps处理;用ps直接表现;用AI绘出>再经ps处理(推荐)易修改大小以及之后的调整。

三、注意要点:

由于AI是矢量软件,可以很好的表现出画面图标的细节,尤其是复杂形体的表现,性能远远高于PS去制作,还有一个原因就是在制作手机图标时图标的大小都是很明确的,对于一些级小的细节AI很有优势,如果ps的话不易画出,如果放大制作,再缩小的话,会模糊掉,显得边缘粗糙。

参考资料来源:百度百科  手机图标

android app 界面设计是按7201280的,切图上可以点9切图做到所有手机的适配。

状态栏、导航栏和主菜单栏,以7201280的尺寸来设计,那么状态栏的高度应为50px,导航栏的高度96px,主菜单栏的高度96px,因为是开源的系统,这里的数值也只能作为参考。

Android为了区别于IOS,从40开始提出了一套HOLO的UI风格设计风格,鼓励将底部的主菜单栏放到导航栏下面,从而避免点击下方材料误点虚拟按键,很多APP的新版中也采用了这一风格。

扩展资料:

注意事项:

1、通常情况要定位一个Icon只需给出 上/下边距,左/右边距,标注图标距离只需标到可点击范围外

通用型颜色、字体单独标明一份,通用型模块只需单独标明一份,如导航栏。

2、手机可视区域通常为宽度固定,长度超出边界可滑动,所以标注物体宽度时可按比例说明,如果要标注内容上下居中,左右居中,或等比可不标注。

3、当交付的是一张完整时,不需做机型适配,只需给高清图(19201080)即可,注意进行压缩。

4、若图标在不同页面重复出现,且尺寸相差不大,直接给出最大一份切图,并在圆形图标明尺寸,程序会根据需求缩放。

5、当背景是纯色时只需给出色值,Android使用16进制色值。

参考资料来源:百度百科-Android

参考资料来源:百度百科-界面设计

参考资料来源:百度百科-状态栏

参考资料来源:百度百科-导航栏

参考资料来源:百度百科-开源系统

参考资料来源:百度百科-切图

参考资料来源:百度百科-UI设计

iPhone界面尺寸
设备 分辨率 PPI 状态栏高度 导航栏高度 标签栏高度

iPhone6P、6SP、7P 1242×2208 px 401PPI 60px 132px 146px

iPhone6 - 6S  - 7 750×1334 px 326PPI 40px 88px 98px

iPhone5 - 5C  - 5S 640×1136 px 326PPI 40px 88px 98px

iPhone4 - 4S 640×960 px 326PPI 40px 88px 98px

iPhone & iPod Touch第一代、第二代、第三代 320×480 px 163PPI 20px 44px 49px

iPhone图标尺寸:

设备 App Store 程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏

iPhone6P - 6SP  - 7(@3×) 1024×1024 px 180×180 px 114×114 px 87×87 px 75×75 px 66×66 px

iPhone6 - 6S  - 7 (@2×) 1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone5 - 5C - 5S (@2×) 1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone4 - 4S (@2×) 1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone & iPod Touch第一代、第二代、第三代 1024×1024 px 120×120 px 57×57 px 29×29 px 38×38 px 30×30 px

iPad的设计尺寸

设备 尺寸 分辨率 状态栏高度 导航栏高度 标签栏高度

iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2 2048×1536 px 264PPI 40px 88px 98px

iPad 1 - 2 1024×768 px 132PPI 20px 44px 49px

iPad Mini 1024×768 px 163PPI 20px 44px 49px

iPad图标尺寸:

设备 App Store 程序应用 主屏幕 Spotlight搜索 标签栏 工具栏和导航栏

iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2 1024×1024 px 180×180 px 144×144 px 100×100 px 50×50 px 44×44 px

iPad 1 - 2 1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px

iPad Mini 1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px

Android SDK模拟机的尺寸

屏幕大小 低密度(120) 中等密度(160) 高密度(240) 超高密度(320)

小屏幕

QVGA(240×320) 480×640

普通屏幕

WQVGA400(240×400)   WQVGA432(240×432)                                                    HVGA(320×480) WVGA800(480×800) WVGA854(480×854) 600×1024 640×960

大屏幕

WVGA800 (480×800) WVGA854 (480×854) WVGA800 (480×800) WVGA854 (480×854)                                  600x1024

超大屏幕

1024×600                           1024×768  1280×768WXGA(1280×800) 1536×1152  1920×1152                                  1920×1200                             2048×1536  2560×1600

Android的图标尺寸

屏幕大小 启动图标 *** 作栏图标 上下文图标 系统通知图标(白色) 最细笔画

320×480 px

48×48 px 32×32 px 16×16 px 24×24 px 不小于2 px

480×800px                            480×854px                            540×960px

72×72 px 48×48 px 24×24 px 36×36 px 不小于3 px

720×1280 px

48×48 dp 32×32 dp 16×16 dp 24×24 dp 不小于2 dp

1080×1920 px

144×144 px 96×96 px 48×48 px 72×72 px 不小于6 px

Android安卓系统dp/sp/px换算表

名称 分辨率 比率 rate (针对320px) 比率 rate (针对640px) 比率 rate (针对750px)

idpi

240×320 075 0375 032

mdpi

320×480 1 05 04267

hdpi

480×800 15 075 064

xhdpi

720×1280 225 1125 1042

xxhdpi

1080×1920 3375 16875 15

主流Android手机分辨率和尺寸

设备 分辨率 尺寸 设备 分辨率 尺寸

魅族MX2 44英寸 800×1280 px 魅族MX3 51英寸 1080×1280 px

魅族MX4 536英寸 1152×1920 px 魅族MX4 Pro未上市 55英寸 1536×2560 px

三星GALAXY Note 4 57英寸 1440×2560 px 三星GALAXY Note 3 57英寸 1080×1920 px

三星GALAXY S5 51英寸 1080×1920 px 三星GALAXY Note II 55英寸 720×1280 px

索尼Xperia Z3 52英寸 1080×1920 px 索尼XL39h 644英寸 1080×1920 px

HTC Desire 820 55英寸 720×1280 px HTC One M8 47英寸 1080×1920 px

OPPO Find 7 55英寸 1440×2560 px OPPO N1 59英寸 1080×1920 px

OPPO R3 5英寸 720×1280 px OPPO N1 Mini 5英寸 720×1280 px

小米M4 5英寸 1080×1920 px 小米红米Note 55英寸 720×1280 px

小米M3 5英寸 1080×1920 px 小米红米1S 47英寸 720×1280 px

小米M3S未上市 5英寸 1080×1920 px 小米M2S 43英寸 720×1280 px

华为荣耀6 5英寸 1080×1920 px 锤子T1 495英寸 1080×1920 px

LG G3 55英寸 1440×2560 px OnePlus One 55英寸 1080×1920 px

主流浏览器的界面参数与份额

浏览器 状态栏 菜单栏 滚动条 市场份额(国内)

Chrome 浏览器 22 px(浮动出现) 60 px 15 px 421%

火狐浏览器 20 px 132 px 15 px 1%

IE浏览器 24 px 120 px 15 px 34%

360 浏览器 24 px 140 px 15 px 28%

遨游浏览器 24 px 147 px 15 px 1%

搜狗浏览器 25 px 163 px 15 px 38%

系统分辨率统计

分辨率 占有率 分辨率 占有率

1920×1080

138%

1366×768

102%

360×640

79%

1440×900

77%

720×1280

64%

1024×768

51%

320×568

37%

1600×900

35%

1080×1920

33%

375×667

32%

一、应用程序图标 (Icon)应当是一个 Alpha 通道透明的32位 PNG 。由于安卓设备众多,一个应用程序图标需要设计几种不同大小。

例如:

1、LDPI (Low Density Screen,120 DPI),其图标大小为 36 x 36 px。
2、MDPI (Medium Density Screen, 160 DPI),其图标大小为 48 x 48 px。
3、HDPI (High Density Screen, 240 DPI),其图标大小为 72 x 72 px。
4、xhdpi (Extra-high density screen, 320 DPI),其图标大小为 96 x 96 px。
二、建议在设计过程e799bee5baa6e997aee7ad94e4b893e5b19e31333332633034中,在四周空出几个像素点使得设计的图标与其他图标在视觉上一致。

例如:

1、96 x 96 px 图标可以画图区域大小可以设为 88 x 88 px, 四周留出4个像素用于填充。
2、72 x 72 px 图标可以画图区域大小可以设为 68 x 68 px, 四周留出2个像素用于填充。
3、48 x 48 px 图标可以画图区域大小可以设为 46 x 46 px, 四周留出1个像素用于填充。
4、36 x 36 px 图标可以画图区域大小可以设为 34 x 34 px, 四周留出1个像素用于填充。

扩展资料:


手机的日常使用维护:

1、 让手机尽量远离有铁屑的环境。因为手机喇叭是有磁性的,如果手机经常放在有铁屑的环境中, 手机喇叭出声孔处难免会有铁粉吸入,长时间下去轻者会造成听筒声音变小,严重会听不到声音。

2、 要有一个良好的携带手机习惯。因个体差异,人们在携带手机的方式上也大不相同,一个良好的携带习惯可以使手机增加使用寿命,然而不好的携带方式则会增大手机损坏率。

3、要给自己的爱机加个防护套(即外壳)。加一个外壳其实就等于给手机增加了一层防护措施,如果不幸运手机摔地也能够有效的减轻手机的伤害值。

4、 手机在什么环境下使用也是很重要的。其实每部手机上面都有细缝或小孔,在水汽很重的环境下使用手机,水汽很容易进入手机而导致电路板侵蚀。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13400361.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-29
下一篇 2023-07-29

发表评论

登录后才能评论

评论列表(0条)

保存