恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
iOS与 Android的发展史及规范
0.0°
2018-09-09 原创文章 规范/资料 举报 2764 18 9 0




上周我们分享了iOS的发展史及规范,还包括个人的一些观点,。这周让我们一起来探讨一下Android的发展史及规范吧!


Android篇


一、Android是什么?


Android是一种基于Linux的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由Google公司和开放手机联盟领导及开发。


二、Android发展史



1、安卓命名(安卓除了拥有版本名称外,还有一个代号名称;代号名称一般会以食品命名)


Image title


2、安卓的发展史



①2008年10月22日,HTC(T-mobile)G1正式在美国上市,来开了Android的序幕。这款手机采用了独特的滑动屏幕设计,屏幕下隐藏着QWERTY全键盘,像iPhone一样支持多点触控功能。当然它也带来了一些至今Android仍然沿用的设计元素,包括:下拉通知窗口、主屏小插件、深度Gmail整合、Android Market


Image title


②1.5版本开始,Android启用了甜点作为版本代号,可以说十一个里程碑。在界面方面,1.5相比1.1更为光滑、细腻、时尚,抛弃了最初很多粗糙的元素,比如谷歌搜索栏插件开始具有半透明效果。屏幕虚拟键盘。这是虚拟键盘首次出现在Android上,意味着未来记性可抛弃笨重的全键盘设计。


Image title


③Android 2.0的变化是巨大的,成功地实现了“以软件带动硬件”。屏幕分辨率的升级是一大亮点,从320*480升级到480*854像素,让摩托罗拉成功凭借Droid系列翻身。Android2.1还成功地带出了另一个王牌硬件系列——Nexus。Nexus One成为2010年可与iPhone 4相媲美的高端机王。以下是Android2.0/2.1的主要升级点:支持多个账户、谷歌地图导航、虚拟键盘改进、动态壁纸、语音识别、新的锁屏



Image title

③2.3界面设计变化包括使用了“灰、绿”色的风格,看上去更简洁,实际上谷歌的主要目的是为了减少Nexus S AMOLED老化情况做出的妥协,其它改进方面包括支持前置摄像头、更好地电池管理工具、输入法及复制粘贴增强,另外还开始支持Nfc功能,主推移动支付业务,但至今容方兴未艾。


Image title


④3.0是谷歌专为摩托罗拉XOOM平板推出的专属系统,也意味着Android开始从手机进军平板领域。其实现在来看,3.0更像是4.0的“平板预览版”。当然,Android 3.0的改变还是十分大的,基本上奠定了4.0的风格:主色调更改为蓝色系。重新设计的主屏幕的小插件。不在采用物理按键。改进的多任务处理。


Image title


⑤Android 4.0随着三星的第二款Nexus手机——Galaxy Nexus一同推出,并带来了巨大变化。它延续了3.0的蓝色风格基调,并针对高分辨率屏幕重新设计了字体。Android Design设计语言公布,相机加入全景模式。桌面插件大小可调整(手机)。滑动关闭应用后台中的程序。系统字体改换为Roboto,加入了面部解锁功能及数据流量监控功能。


Image title


⑥Android 4.2便推出了,依旧采用“Jelly Bean”代号,意味着他并非重大更新。界面的变化包括新的控制面板、锁屏可开启相机等等,另外增加了Miracast五险传输标准,与苹果AirPlay进行抗衡。


Image title


⑦Android 4.4的到来,“Jelly Bean”终于完成使命,进化到“KitKat”,Nexus 5也随之推出。除了来自雀巢公司的代号,4.4还拥有全新的扁平化设计、更现代的配色风格,UI界面做了很多的透明化处理(渐渐看到了Android 5.0的影子)


Image title


⑧Android 5.0 系统使用一种新的Material Design设计风格。从图片上就能看到一些全新的设计。从图片上看,这套设计图对 Android 系统的桌面图标及部件的透明度进行的稍稍的调整,并且各种桌面小部件也可以重叠摆放。虽然调整桌面部件透明度对 Android 系统来说并不算什么新鲜的功能,但是加入了透明度的改进。界面加入了五彩缤纷的颜色、流畅的动画效果,呈现出一种清新的风格。采用这种设计的目的在于统一 Android 设备的外观和使用体验,不论是手机、平板还是多媒体播放器。



2、Android界面发展


Image title


3、Android规范


①常用术语及说明


Image title

Ldpi(120ppi):240 * 320px


Mdpi(160ppi):320 * 480px(1dp=1px)


Hdpi(240ppi):480 * 800px


Xdpi(320ppi):720 * 1280px(1dp=2px)


XXdpi(480ppi):1080 * 1920px


ppi的运算方式是:


PPI = √(长度像素数² + 宽度像素数²) / 屏幕对角线英寸数


dp:Density-independent pixels,以160PPI屏幕为标准,则1dp=1px,


dp和px的换算公式 :


dp*ppi/160 = px。比如1dp x 320ppi/160 = 2px。

 

sp:Scale-independent pixels,它是安卓的字体单位,以160PPI屏幕为标准,当字体大小为 100%时, 1sp=1px。


sp 与 px 的换算公式:sp*ppi/160 = px



②常见的屏幕分辨率及尺寸


Image title


③图标规范


Image title


④字体


英文:Roboto


中文:方正兰亭黑、方正黑体简、方正中等线


12sp:小字提示


14sp(桌面端13sp):正文、按钮文字


16sp(桌面端15sp):小标题


20sp :大标题


34sp/45sp/56sp/112sp :超大号文字



⑤布局


顶部状态栏高度:24dp


Appbar最小高度:56dp


底部操作栏高度:48dp


悬浮按钮尺寸:56 x 56dp / 40 x 40dp


用户头像尺寸:64 x 64dp / 40 x 40 dp


小图标点击区域:48 x 48dp


侧边抽屉到屏幕右边的距离:56dp


卡片间距:8dp


分割线上下留白:8dp


大多元素的留白距离:16dp


屏幕左右对其基线:16dp


文字左侧对齐基线:72dp



⑥基准网格


所有组件都与间隔为8dp的基准网格对齐。排版、文字与间隔为4dp的基准网格对其。在工具条中的图标同样与间隔为4dp的基准网格对齐



⑦设计图尺寸


设计图尺寸一般为720*1280px


电池电量条:50px


顶部操作栏:96px


底部操作栏:100-120px


字号:10sp、12sp、14sp、16sp、18sp、20sp(1sp=2px)



推荐网站:http://www.materialup.com/



谢谢!

更新:2018-09-09

收藏

18人已收藏

Bymou

处女座精神

  • 15

    作品

  • 60

    粉丝

  • 6

    关注

  • 优秀设计网站(持续更新)
  • 小黄人临摹练习(附ps源文件)
  • 毛玻璃制作思路及细节把控
  • icon临摹练习(附ps源文件)

    猜你喜欢

      2018-09-09 原创文章 规范/资料 举报 2764 18 9 0

      iOS与 Android的发展史及规范

      0.0°

      你确定要举报iOS与 Android的发展史及规范

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年11月06日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      9
      18
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录