首页 > 编程知识 正文

ui设计培训哪里比较好,安卓ui设计图标

时间:2023-05-03 21:56:15 阅读:55993 作者:1606

安卓的第一个开发者预览版终于发布了。 除了各种新功能外,最引人注目的是新的用户界面设计。 目前,关于Android p的争论也基本集中在用户界面风格上。 安卓的用户界面设计是如何一步一步发展到现在的呢? 本文回顾了Android从1.0到9.0(p )的UI设计变化,并介绍了现代智能手机UI的发展轨迹。

第1阶段:安卓1.0至1.6

从2008年9月23日到2009年9月15日的一年中,Android经历了4个大版本: 1.0、1.1、1.5杯蛋糕和1.6甜甜圈。 他们的UI风格几乎一样。

Android1.0 (照片来自Malavida () ) )。

Android1.1 (照片来自the 1960开机自检() ) ) ) )。

Android1.5 (照片来自the 1960开机自检() ) ) )。

Android1.6 (照片来自GIZMODO () ) ) )。

这个时期正好是键盘机的末期,安卓的系统界面和图标形状等设计还没有完全摆脱诺基亚塞班和微软Windows Mobile的影响。 充满了各种3D头像和界面元素。 值得注意的是从1.0开始,安卓上有主画面的谷歌搜索栏。

第2阶段:安卓2.0到2.2

安卓2.0/2.1松饼和2.2果冻酸奶于2009年10月26日至2010年5月20日期间发布。 这个时期是安卓发展的第一个zxdyb。 HTCHero、HTCLegend、HTC Desire、索尼爱立信Xperia X10等经典机型应运而生。

Android2.0 (照片来自Malavida ) )。

Android2.1 (照片来自维基百科() ) ) )。

与第一阶段相比,第二阶段最大的UI设计改变是减弱“伪像风格”,使视觉元素的“深度”更浅。 例如,通知栏的图标和字体像第一阶段那样的“圆鼓”的感觉变少,整体的线条变得更尖锐。 使用图标可以使其更清晰。

(Android2.2 (照片来自维基百科,GIZMODO ) ) ) ) ) ) )。

例如,第一阶段的安卓“谷歌市场定位”图标是立方体购物袋,有明显的阴影。 第二阶段“谷歌市场”图标的3D头像样式被严重破坏。

第3阶段:安卓2.3

Android 2.3姜饼于2010年12月6日发布。 2.3在保持第二阶段设计风格的基础上,改变了一些界面元素。 其中最明显的是通知栏。

Android2.3 (照片来自GIZMODO () ) ) )。

从1.0到2.2,安卓顶部的通知栏一直是中央突起的3D白色长条。 到了Android 2.3,通知栏变成了黑色,减弱了凸出宽度。 另一个明显的变化是,主屏幕下方的“二级菜单”按钮部分降低了透明度,减小了突起宽度。

第4阶段:安卓3.0到4.4

人工智能3.0蜂巢、4.0冰淇淋三明治、4.1果冻豆、4.4奇巧巧克力于2011年2月22日至2013年10月31日发布。 3.0是平板电脑专用系统,虽然从未用于手机,但与4.x共享相同的设计风格。

Android3.0 (照片来自维基百科() ) )。

Android4.0 (照片来自cubet ) ) ) )。

(Android4.1 (照片来自维基百科) () ) ) ) ) ) ) ) ) 652 ) )

Android4.1 (图来自计算机世界) )。

Android4.1 (照片来自GIZMODO () ) ) )。

(Android4.4 (照片来自绿色bot ) ) ) ) ) ) ) ) ) ) ) ) )

(Android4.4 (照片来自绿色bot ) ) ) ) ) ) ) ) ) ) ) ) )

(Android4.4 (照片来自绿色bot ) ) ) ) ) ) ) ) ) ) ) ) )

第四阶段的主题是“扁平化,广泛使用简洁锐利的白线”。 最明显的例子是主画面的“二次菜单按钮”附近、虚拟时钟和虚拟键(只能从4.0开始)的线。 第四阶段几乎完全实现了用户界面扁平化。

第5阶段:安卓5.0到8.1

在2014年6月25日召开的谷歌I/o大会上,谷歌发布了新的设计语言“Material Design”。 材料设计应用于同年11月发布的Anderial 5.0棒棒糖。 随后的6.0棉花糖、7.0牛轧糖、8.0/8.1奥利奥对UI进行了小范围修剪,均为标准材料设计。

Android5.0 (照片来自tech.blorge ) ) ) ) ) ) )。

Android5.0 (照片来自更新() ) ) )。

与追求“扁平化”的微软Metro Design不同,谷歌ma

terial Design把扁平色块和有立体感的光线/阴影结合到了一起,形成了一种“立体的扁平感”。灵感来源于纸张和墨水。

▲安卓6.0.1

▲安卓6.0.1

▲Nexus上的安卓7.1

▲Nexus上的安卓7.1

Material Design的另一个重点是有着轻快、互动感强但不花哨的操作动画。

▲Nexus,左:安卓8.1,右:安卓8.0

▲Nexus上的安卓8.1

▲Nexus上的安卓8.1,下拉通知栏和8.0颜色不一样

Material Design设计师Matías Duarte说:“和真实纸张不一样,我们的虚拟材料(Materia)能够“聪明地”展开或变形。材料有实体的表面和边缘。接缝和阴影能让你知道应该按哪里。”

第六阶段:安卓9.0

一周前,安卓终于放出了9.0的第一个开发者预览版。9.0最大的变化就UI设计,它使用了新设计语言“Material Design 2”。

▲安卓9.0 DP1(图片源于droid-life,CNET)

相比于第一代Material Design,Material Design 2的主要变化体现在圆润线条增多和色彩更加缤纷上。其实在安卓7.0时,“圆润化”就已经开始,尤其是在Pixel系列手机上。这一改变明显是为了迎合Pixel系列手机及其它谷歌硬件产品“圆润化”的机身造型。

▲左:Nexus的安卓7.1,右:Pixel的安卓7.1

▲左:Nexus的安卓8.1,右:Pixel的安卓8.1

另外,安卓9.0也沿用了安卓8.0开始的大量白色背景,包括通知栏和设计界面。

结语

从2008年到2018年,从安卓1.0到安卓9.0,安卓系统UI风格的转变呈现了一个从3D拟物化到简洁扁平化再到拟物扁平化的路线。作为市场份额最大的手机操作系统,安卓的设计转变也是科技界UI风格发展的缩影。给众多第三方厂商的定制UI和第三方APP界面产生了深远的影响。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。