从开始到现在其实最头痛的就是UI适配,公司不可能给你提供所有的Android手机机型,那应该怎么办?
我把原来走的弯路带过,直接说现在的UI适配想法。勿喷......
1, Android手机系统硬件配置发展( 2012-08-03 )不是最新
             
            当前手机系统基本上是2.3+以上系统,但2.3会慢慢被淘汰,而且速度应该会很快,过度到4.0+,硬件配置也将大幅度提高
          所以假定认为目前大多数中端手机是要适配的机型,(400*800最低分辨率)不然软件的体验也不好。

2,在假定的前提下必然会牺牲一些什么(低端机...),但是你可以想象低端手机的消费群体(没有任何感情色彩),他们给不到你想要的(钱)。
         所以,我将手机UI用到的图片都放在了drawable-hdpi 文件夹下面,而 xml 放在drawable下面。(减去繁琐 drawable-ldpi 和 mdpi 低配手机的图片)
         其实图片的适配很简单,就是告诉你的美工 怎样制作一张 .9 格式的 .png图片(官方有例子)就可以了。

3,界面XML适配,当整个界面的UI出来原型之后,就应当对UI里面元素的位置进行分析,划清界限。
         分清上,下,左,右,填充区域 RelativeLayout 是最好不过的助手,其次不要忘记android:layout_weight的使用。
      那么整个界面的比例分配会被合理的规划出来。

4,按钮和文字的适配
         首先你的图片是.9格式(按你设计的心意)的,所有它怎样拉伸都不会失真。但必须使用 dp 来处理控件的大小和间距。
          

如上图,黑色区域有红色图标,为防止适配变形,黑色区域是随这屏幕分辨率变化的,但是红色图片永远是wrap_content,而且在中间。底部是.9 红色图标是wrap_content
               这样一来放到任何手机上都不会失真。(可能会想回不会很难看,你可以用两部手机做测试,400*800 和 1280*800的手机上)简直完美适配。
               如果上面是个按钮那按钮的高度最好用dp限制(48-50    h),人手的可正常操作区域是48*48好像。
               文字适配就更简单了 用sp就搞定,有时你可能需要读取本地文件中定义无规律的文字大小,android也提供给你了自适配方法setTextSize(unit, size),完美应战。

5,你会考虑到不同分辨率不同布局的适配,Android手机不是平板,软件在各个手机上的操作方式和结构是一样的,所有可以把    layout 的各种分辨率适配省去,前提是你有合理的UI设 计。 手机就是手 机你放在400*800的分辨率和放在三星1280*800的分辨率上都是一样的,符合手机的操作规范就 行,(不需要考虑 layout 分配出 来的各种分辨 率适配,向drawable一样)

6. Andorid手机的UI适配其实很简单,没有pad这么复杂,主要用几个工具
     .9    图片
     RelativeLayout    布局
     android:layout_weight 布局空间大小
     dp 控件大小

sp  文字大小

安卓app设计规范整理和Android APP设计篇(转)

随着安卓智能手机不停的更新换代。安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等。

以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持“内容才是本质”的设计哲学,重新提炼内容,简化图标设计。

所以,我们在进行安卓APP设计时,需要好好调整之前的设计规范和设计细节。根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范。应该说这是整理出最全面的安卓app设计规范。

25学堂站在不断更新和完善安卓app设计规范为宗旨!利用周末的时间整理了2014年Android APP设计规范教程。

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

3、安卓app设计规范之切图

这块需要按照设计按照下面4篇文章来了解安卓app设计标注和切图的一些规范。这里不做详细解说了。

1、安卓android APP切图规范和.9png制作教程

2、Android尺寸标注设计大全和Android切图规范

3、APP设计和切图基本知识点以及注意事项

4、Android界面设计新手教程和Android设计经验分享

5、安卓APP新手设计教程:19条Android设计经验大全

4、安卓app设计规范之适配和设计图测试预览

(1)尺寸标注工具 MarkMan(马克鳗)

(2)APP快速切图工具:Cutterman

(3)一个可视化的Android UI界面设计工具:DroidDraw

(4)Android图标大全:icon pack for android打包

(5)设计图完成之后,预览工具和在线预览方法介绍:Ps play

(6)在线生成自定义APP图标字体利器:IconVault

 一、关于布局适配

  1、不要使用绝对布局

  2、尽量使用match_parent 而不是fill_parent 。

  3、能够使用权重的地方尽量使用权重(android:layout_weight)

  4、如果是纯色背景,尽量使用android的shape 自定义。

  5、如果需要在特定分辨率下适配,可以在res目录上新建layout-HxW.xml的文件夹。比如要适配1080*1800的屏幕(魅族MX3采用此分辨率)则新建layout-1800x1080.xml的文件夹,然后在下面定义布局。Android系统会优先查找分辨率相同的布局,如果不存在则换使用默认的layout下的布局。

  

  二、关于图片制作

  1、关于设计:

  设计图先定

Androd手机适配相关推荐

  1. 小米为其他手机适配rom_让小米引以为傲的MIUI,为什么不再给其它手机适配了?...

    说起小米手机,相信大家最先想到的就是小米的性价比路线和他的MIUI操作系统了,而小米的这款MIUI操作系统在一加的氢OS操作系统和华为的EMUI10操作系统出来之前,一直都被人们认为是体验最好,最流畅 ...

  2. Android手机适配,手机尺寸、px、dpi、dp、sp详解

    转载请注明出处:http://blog.csdn.net/z191726501/article/details/50411483 最近一直在学习Android的适配问题,在学习的过程中发现很多博客抄来 ...

  3. 华为鸿蒙适配小米2020,小米OV手机适配华为鸿蒙系统不被看好,魅族员工一针见血!...

    原标题:小米OV手机适配华为鸿蒙系统不被看好,魅族员工一针见血! 来源:机智玩机机 随着国产手机的越来越强大,不仅在国内市场完全抢下份额,只剩苹果三星孤军奋战,在国外市场也是越战越勇,疯狂抢夺份额,不 ...

  4. 小米为其他手机适配rom_为什么小米不给其他手机适配MIUI?答案让友商“痛心了”...

    原标题:为什么小米不给其他手机适配MIUI?答案让友商"痛心了" 这两年小米已经不给其它品牌的手机适配MIUI了,MIUI官网也不再提供针对其它品牌的旧版本的MIUI ROM现在链 ...

  5. linux程序表白,手机适配,点赞效果,程序员表白程序,开放源码,不断更新(第五篇:第三波)...

    源码地址:http://www.bigeone.cn/love/index1.html 今天给第四波的故事一:我们的爱情故事,做了手机适配,后面的故事大多都会做手机适配,毕竟现在的智能机时代. 我做了 ...

  6. 鸿蒙系统进度表,华为鸿蒙OS手机适配进度曝光

    上个月的HDC开发者会大会上,华为正式发布了鸿蒙OS 2.0操作系统,并首次公布了智能手机适配计划.网络上给出了一份鸿蒙OS的适配流程,按照不同的麒麟芯片平台依次推进. 根据这份进度表,麒麟9000平 ...

  7. 小米5miui10android,小米又一款手机适配Android 10!MIUI开发版暂停,米粉别着急!...

    2020年3月看到市场上的智能手机又要迎来一波新形势,更多厂家开始在手机的外观.形态.材质上下功夫. 2月发布的小米10系列,几次开卖总是遇到抢购无货状态,看来雷军的高端手机市场卓有成效. 除了硬件之 ...

  8. 小米Android10兼容性公告,小米又一款手机适配Android 10!MIUI开发版暂停,米粉别着急...

    原标题:小米又一款手机适配Android 10!MIUI开发版暂停,米粉别着急 2020年3月看到市场上的智能手机又要迎来一波新形势,更多厂家开始在手机的外观.形态.材质上下功夫.2月发布的小米10系 ...

  9. 升级底层到Android10,终于来了,魅族再为10款手机适配安卓10底层内测版,你要升级吗?...

    原标题:终于来了,魅族再为10款手机适配安卓10底层内测版,你要升级吗? 因为"厂小"的关系,魅族在新系统的更新换代上并不是特别快.比起大厂来说,总是要慢一拍.此前魅族17系列已经 ...

最新文章

  1. redis读取自增时候指定的key问题
  2. 关于Transformer,面试官们都怎么问?
  3. npm install时报平台不兼容Unsupported platform for xxx的解决办法:npm install -f强制安装(centos7下安装vite2 vue依赖时出现这个问题)
  4. springboot 详解 (四)redis filter
  5. Jmeter之Bean shell使用(二)
  6. activemq网络桥接_ActiveMQ –经纪人网络解释–第3部分
  7. 两个矩阵相乘的乘法次数_C ++程序将两个数字相乘而不使用乘法运算符
  8. 商淘多b2b2c商城系统怎么在个人电脑上安装_企业怎么做好b2b2c商城网站建设?...
  9. cacti实现微信告警功能
  10. 深度学习推荐模型-WideDeep
  11. 迷途指针 new delete
  12. 网页上的文本不让你复制下载?老司机教你几招,轻松免费复制
  13. 桑佛德大学计算机科学,桑佛德大学
  14. php容器下安装gd库
  15. 【MOOC-生物信息学-生物数据库】
  16. 杨校老师课堂之集群内SSH免密登录功能配置
  17. linux执行rm -rf /*命令后的效果原来是这样
  18. Intrinsic Relationship Reasoning for Small Object Detection
  19. AR应用开发--EasyAR初体验(新手向)
  20. 教授专栏54 | 香港科大商学院绿色金融研究小组:借鉴外地经验,培育绿色金融人才...

热门文章

  1. canvas动画科技园_使用 canvas 实现精灵动画
  2. 2020-2021学年第二学期期末考试《道路勘测设计》大作业
  3. COSCon'22第七届中国开源年会火热筹备中,第一波赞助伙伴已集结,一起上车共赴开源盛宴吧~...
  4. SEO篇如何生成site.txt文本文件批量提交url加快百度网站收录wordpress文章
  5. 编译器大神 Chris Lattner 官宣新编程语言:Mojo,比 Python 快 35000 倍!
  6. 机械臂-碰撞检测- 研发记录
  7. D3D10 截图功能 保存Texture到本地
  8. 数字化“战疫”进行时,美创产品打造精准数据底座
  9. 力控和oracle,力控与Oracle数据库的连接
  10. App Crawler