界面尺寸

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设计做出的一个设计信息图总结。

转自:http://www.25xt.com/appdesign/6536.html

Android UI设计规范之知识点的更多相关文章

  1. 2018年IOS/Android UI设计规范

    更多参考: 2017最新设计尺寸及规范 UI : 2018年IOS/Android UI设计规范 转载:https://www.jianshu.com/p/03e5cdd4ffd6

  2. Android UI 设计规范

    1. 基础常识 1.1 主流屏幕尺寸 标识 屏幕尺寸 hdpi 480 * 800 xhdpi 720 * 1280 xxhdpi 1080 * 1920 1.2 图标尺寸 标识 启动图标尺寸 菜单图 ...

  3. 2018最新APP Android UI设计规范

    设计稿尺寸:从目前市场主流设备尺寸来看,我们要用 1080 x 1920 PX  来做安卓设计稿尺寸. 以1080x1920px作为设计稿标准尺寸的原由: 从中间尺寸向上和向下适配的时候界面调整的幅度 ...

  4. Android UI设计规范之常用单位

    px :全称--pixel .像素.例如,480*800的屏幕在横向有320个象素,在纵向有480个象素. 屏幕的分辨率 : 屏幕的长宽方向上像素点的数量. dp(dip) : 全称--Density ...

  5. UI设计规范

    iphone\ipad.android UI设计规范对比 http://blog.163.com/leenell@yeah/blog/static/95840991201302210451710/ A ...

  6. 各种Android UI开源框架 开源库

    各种Android UI开源框架 开源库 转 https://blog.csdn.net/zhangdi_gdk2016/article/details/84643668 自己总结的Android开源 ...

  7. Android UI开发第三十一篇——Android的Holo Theme

    好长时间没写Android UI方面的文章了,今天就闲扯一下Android的Holo主题.一直做android开发的可能都知道,Android 系统的UI有过两次大的变化,一次是android 3.0 ...

  8. Phone APP设计规范/iPad APP设计规范/Android APP设计规范/网页设计规范

    原文链接:http://www.ui001.com/chicun/ ①iPhone的设计尺寸 iPhone界面尺寸: 设备 分辨率 状态栏高度 导航栏高度 标签栏(工具栏)高度 iPhone6 plu ...

  9. Android UI开发神兵利器之Android Action Bar Style Generator

    版权声明:本文为博主原创文章,未经博主同意不得转载. https://blog.csdn.net/x359981514/article/details/26283129 ActionBar是3.0后的 ...

随机推荐

  1. let块级作用域

    let是es6中新加的作用域,即块级作用域. var申明的变量要么全局,要么函数级,而let允许把变量的作用域限制在块级域中,这里的块级可以是()内,或{}内. 示例: code_1: "u ...

  2. GCD HDU - 1695 莫比乌斯反演入门

    题目链接:https://cn.vjudge.net/problem/HDU-1695#author=541607120101 感觉讲的很好的一个博客:https://www.cnblogs.com/ ...

  3. 「caffe编译bug」python/caffe/_caffe.cpp:10:31: fatal error: numpy/arrayobject.h: No such file or directory

    在Makefile.config找到PYTHON_INCLUDE,发现有点不同: PYTHON_INCLUDE := /usr/include/python2.7 \         /usr/lib ...

  4. Tutorial 7: Schemas & client libraries

    转载自:http://www.django-rest-framework.org/tutorial/7-schemas-and-client-libraries/ Tutorial 7: Schema ...

  5. jQuery常用事件方法详解

    目录 jQuery事件 ready(fn)|$(function(){}) jQuery.on() jQuery.click jQuery.data() jQuery.submit() jQuery事 ...

  6. shell视频

    本帖最后由 Shell_HAT 于 2014-04-18 16:51 编辑 尚观全套RHCE视频http://pan.baidu.com/s/1pJvzVR1 马哥网络班-中级视频内容http://p ...

  7. C++卷积神经网络实例(一)

    跟着这位博主来学习C++的卷积网络实例,因为作者一直在更新代码,所以新的代码和这位博主的分析有所不同:这位博主写的东西太泛了,没有讲到实质, 可以参考下他分析的类与类之间的关系图.. 前四节:http ...

  8. IDEA添加其他项目为库文件的方法

    IDEA添加其他项目为库文件的方法 2014年1月23日星期四 20:46 问题:如果我通过引用项目修改了被引用库项目的源代码,他没法自动编译,所以不会立即反应到引用项目. 在Eclipse中,很简单 ...

  9. 深度学习方法(十二):卷积神经网络结构变化——Spatial Transformer Networks

    欢迎转载,转载请注明:本文出自Bin的专栏blog.csdn.net/xbinworld. 技术交流QQ群:433250724,欢迎对算法.机器学习技术感兴趣的同学加入. 今天具体介绍一个Google ...

  10. Android学习笔记(四) 定时器Timer

    Android考虑到线程安全问题,不允许在线程中执行UI线程. 所以在线程中不允许有UI操作 可以利用Handler机制来接收Timer每隔一秒发出的信息,也可以直接利用handler机制的 1.方法 ...