业界动态
Android UI设计规范之知识点手机界面设计「Android UI设计规范之知识点」
2025-01-11 22:35

界面尺寸

android的尺寸众多,建议使用分辨率为720×1280的尺寸设计。这个尺寸720×1280中显示完美,在1080×1920中看起来也比较清晰;切图后的图片文件大小也适中,应用的内存消耗也不会过高。

状态栏高度:50px

导航栏高度:96px

标签栏高度:96px

Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,当然高度也是和标签栏一样的:96px 内容区域高度为:1038px (1280-50-96-96=1038)

 

1、安卓app设计规范之尺寸或分辨率

目前最新安卓手机的屏幕尺寸都是5.5英寸啦。我们都知道安卓机的尺寸很多很杂。而且不同的分辨率对应不同的dpi模式。

Android也支持多种不同的dpi模式:ldpi   mdpi   hdpi     xhdpi   xxhdpi    xxxhdpi(4K分辨率)

关于安卓APP设计的dpi详细解读请查看:

1、Android界面设计专业术语:xxxhdpi和4K分辨率

2、Android APPUI设计师必知:pt sp dp之间的关系以及换算公式

3、Android界面设计适配不同屏幕的尺寸和密度解读

 

目前主流的安卓手机分辨率有以下3种:

hdpi,对应800*480的手机。主流机型,很多。如小米1 ,1s 三星 htc 等

xdpi,对应1280*720的手机。三星Galaxy系列和华为p6.

xxdpi,对应1080*1920的手机。小米手机,华为荣耀手机系列为主加上 htc one。

 

下面是当面流行的安卓手机的屏幕尺寸和分辨率:

小米 3和小米4 屏幕尺寸和分辨率:        5英寸 1920×1080像素

魅族MX2 屏幕尺寸和分辨率:                 4.4英寸 1280×800像

魅族MX3 屏幕尺寸和分辨率:                 5.1英寸 1800×1080像素

HTC  one屏幕尺寸和分辨率:               4.7英寸 1920×1080像素

华为荣耀6屏幕尺寸和分辨率:             5英寸 1920×1080像素

华为p6屏幕尺寸和分辨率:                 4.7英寸 1280×720像素

华为p7屏幕尺寸和分辨率:                  5英寸 1920×1080像素

 

在目前我们的安卓APP设计项目当中,我们并不会去为每一种分辨率去设计一套UI界面。这是一种追求完美和理想的状态。小公司肯定是耗不起这样的。

所以,这个时候我们需要学会变通。为了适应多分辨率,

1:在标准基础(xdpi:1280*720)上开始,然后放大或缩小,以适应到其他尺寸。

2:从设备的最大尺寸(xxdpi:1920×1080)开始,然后缩小,并适应到所需的最小屏幕尺寸。

有些时候我们也会在实际开发过程中,Android和IOS的设计稿若无太大差异,也可从IOS的分辨率(960*640)开始,再调整设计稿的比例,适应其他分辨率。但是这种方法在切图的时候 需要做一些图片的调整。如果不是矢量图的元件需要重新按照1280*720的尺寸设计下。

 

2、安卓app设计规范之字体和字体大小

我们必须知道的安卓设计常识:安卓4.0之后用的字体是Roboto。中文字体:方正兰亭黑体

今天跟大家讲解的是在720*1280的基础上的字体设计大小。

注释最小字体:               12sp  ==  24px

文本字体:                       14sp  ==  28px

文章标题或图标名称:   16sp  ==   32px

导航标题:                       18sp  ==   36px

SP的详细介绍如下:

sp和dp一样,是android开发里特有的单位,设计师在做UI设计的时候通常最初是建立320*480这个尺寸的画布开始的,这个尺寸的画布在android分辨率的分类中称为mdpi,在这个尺寸下,ps里的1px就等于android中的1dp,同样,这个时候1点的字就等于android中1sp,举个栗子:你建立画布的尺寸是320-480,里面的文字是30点,那么它就是30sp。

一般android设置长度和宽度多用dip,设置字体大小多用sp. 在屏幕密度为160,1dp=1px=1dip, 1pt = 160/72 sp  1pt = 1/72 英寸.当屏幕密度为240时,1dp=1dip=1.5px.

 

设计时候,我们还需要遵循48dp定律。

48dp作为安卓可触摸的UI元件的标准。

一般来说,48dp转化为一个物理尺寸约9毫米。建议的目标大小为7-10毫米的范围,这是一个用户手指能准确并且舒适触摸的区域。

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

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

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

而每个UI元素之间的空白通常是8dp.

 

 

 下面是某个安卓APP设计师对android设计做出的一个设计信息图总结。

 

 

 

    以上就是本篇文章【Android UI设计规范之知识点手机界面设计「Android UI设计规范之知识点」】的全部内容了,欢迎阅览 ! 文章地址:http://keair.bhha.com.cn/news/6615.html 
     文章      相关文章      动态      同类文章      热门文章      栏目首页      网站地图      返回首页 康宝晨移动站 http://keair.bhha.com.cn/mobile/ , 查看更多   
最新文章
AGM X3手机怎么样?AGM X3防摔手机全面详细评测agm手机「AGM X3手机怎么样?AGM X3防摔手机全面详细评测」
作为一款户外手机,除了防水防滑防划,防水同样是它的本分,AGM X3在防水方面的表现令人惊喜,据了解,这款手机拥有全纳米防水,
2023年最佳手机农场游戏排行榜:畅游轻松愉快的农场世界手机游戏排行榜「2023年最佳手机农场游戏排行榜:畅游轻松愉快的农场世界」
在现代社会中,手机游戏已经成为了人们生活中不可或缺的一部分,特别是农场类游戏,以其轻松愉悦的玩法和美丽的画面吸引了大量玩
5.5英寸+双卡双模 三星Note Ⅱ N719热卖中关村手机对比「5.5英寸+双卡双模 三星Note Ⅱ N719热卖」
(中关村在线频道行情报道)2013年1月18日,电信版三星Note Ⅱ N719(行货)今日在商家“中关村手机专卖店”处报价5300元。该机
android浏览器对比评测,11款手机浏览器性能横向评测手机浏览器「android浏览器对比评测,11款手机浏览器性能横向评测」
近日国外媒体Android Authority就对全球使下载最大的11款手机浏览器进行了性能方面的横向评测,相信在看完后,你能
1加3手机怎么样 值得买吗1加手机「1加3手机怎么样 值得买吗」
  在介绍今天的产品之前,小编先问大家一个问题:国产手机品牌中大家知道多少?喜欢哪一个品牌的呢?可能大多数人都会说:华为、
5.0英寸移动4G手机 双核华为G716评测手机外观「5.0英寸移动4G手机 双核华为G716评测」
  【PConline 评测】随着互联网的迅速发展,对于手机上网速度的要求也日益提高。如今4G网络时代也将到来。4G网络是目前最快速
899的锤子坚果正式发布 Smartisan 2.0 OS系统牛X坚果手机「899的锤子坚果正式发布 Smartisan 2.0 OS系统牛X」
今日晚间,罗永浩的锤子科技正式发布了旗下第二款手机产品,命名为坚果U1。由于碰到了不可想象的技术困难,发布会推迟了40分钟,
5.0.1(安卓版本5.1)手机版本「5.0.1(安卓版本5.1)」
你是否想了解更多关于5.0.1和安卓版本5.1的知识?在本文中,小编将为您详细介绍这两个话题,帮助您更好地理解。刷机前:先去个手
2000年代12款奇葩的手机你用过吗?看完我眼界大开摩托罗拉翻盖手机「2000年代12款奇葩的手机你用过吗?看完我眼界大开」
【手机中国】千禧年之后,手机再也不是只有着按钮、麦克风和扬声器的砖头般大小的塑料盒子。功能机 iPhone和Android操作系统开创
2024年最佳手机评选:谷歌Pixel 9 Pro引领潮流谷歌手机「2024年最佳手机评选:谷歌Pixel 9 Pro引领潮流」
在日常使用中,Pixel 9 Pro展现出超强的多任务处理能力。快速的应用加载速度和流畅的用户界面,使得用户在游戏、视频通话和社交
相关文章