2017 年 3 月 28 日

ANDROID O 的自适应图标和天价复古 IPHONE 7

1、Android O 新玩法:自适应图标

需要设计Android 平台的UI图标的设计师,要注意了,Android O 推出了自适应图标的新玩法咯~

简单来说,自适应图标就是为了应对图标规格千奇百怪的Android OEM 厂商而生的。一个标准的自适应图标能够良好的一次就兼容不同厂商、不同UI界面不同形状的图标轮廓要求。(以版本分裂和热衷于自定义而著称的安卓厂商,想必大家都有概念~)

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (1)

在设计自适应图标的时候,你需要将图标分割为三个不同的部分,背景层,图标层,和前景蒙板。

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (2)

背景层要确保能够覆盖不同尺寸、不同规格的图标,中间的图标层则是图标的主要视觉元素,按照要求必须得是PNG格式,而顶层的前景蒙板则勾勒出整个图标的外轮廓,露出的部分要能够完全覆盖中间的图标层,并且小于底层的背景。

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (3)

由于Android 平台的图标尺寸标准是 48 x 48 dp ,所以在设计自适应图标的时候,需要遵循如下规则:

·三个部分的整体尺寸都应该为 108 x 108 dp
·中间图标应该为 72 x 72 dp,并且在蒙板的视野内
·图标到边缘的 36 dp 是提供给厂商自定义,用来创造有趣的、多样的视觉效果

下面是官方提供的特效玩法:

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (4)

2、芬达的品牌重设计

如果你也是橘子味饮料的爱好者的话,那么你一定会在今年年中看到全新的芬达~

诞生于上世纪40年代的芬达,在80年代正式被可口可乐公司收归旗下,“新鲜”和“兴奋”是它的品牌气质。

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (5)

这次芬达的品牌重设计主要集中在LOGO和外包装上。相比于之前拙稚童趣的手写字体LOGO,新版的LOGO设计更加有趣而不羁,剪纸风的新字体设计显得更加现代而时尚,保持有趣的气质的同时,还在LOGO的树叶部分隐藏了一个微笑的表情,比老款的设计个性更加突出。

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (6)

芬达曾经试图在中国国内注册“立体品牌”,即是将芬达个性化的瓶身设计也纳入品牌体系中来,不过商评委认为,芬达的瓶身设计较为简单,缺乏特色,不容易与其他的饮料瓶完全区分开来,这大概也是促成芬达重新设计外瓶的原因之一。

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (7)

新的芬达饮料瓶是由Drink Works 团队所设计,这个不同寻常的瓶身设计耗时2年才最终完成,新包装的上半部分和可口可乐整个品牌的饮料包装设计保持一致,而下半部分则采用了独特的倾斜式螺旋形结构,瓶身上还点缀了大量芬达品牌独有的小凸起式的设计,特立独行,抓人眼球。

3、这款复古iPhone7情怀满满,就是有点贵

苹果,包豪斯,现代主义,这些关键词一直都有着紧密的关联。在上世纪80年代,著名的青蛙设计一直都是作为苹果的设计顾问而存在的。在这个阶段,青蛙设计为苹果所定制的“Snow White”设计语言,是这个时代工业设计领域最耀眼的明星之一。在很长的一段时间里面,这个名为白雪公主的设计语言,就是苹果的标识。

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (8)

今天苹果的工业设计更加现代,也富有科技感,而它在内核上依然延续着白雪公主设计语言的特征。换句话说,今天的苹果产品的设计再复古一点,就是Snow White。

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (9)

最近,ColorWare 推出了重新定制的复古风 iPhone 7。这款复古风的iPhone 7 在设计上完全紧跟着当年艾斯灵格的设计,当年经典的多彩苹果LOGO替换了机身背面的镜面图案,而机身则替换为经典的米白色设计,一股80年底啊科技风扑面而来。早期苹果电脑上常见的散热槽,以图案的形式重现在iPhone 7 机身两侧,强化了装饰性,又不失简约的美感,恰到好处。

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (10)

这款ColorWare 重设计的iPhone7 售价达到了969美元,前25名购买者能够获得相应的编号。

ColorWare 在此之前,还曾经推出过同样风格设计的Macbook,iMac 和iPhone 6s。

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (11)北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (12)北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (13)

4、为网页而生的动画工具 Keyshape

北京网站建设资讯 - ANDROID O 的自适应图标和天价复古 IPHONE 7 - (14)

Keyshape是一款2D矢量图形和动画编辑软件,所生成的图形和动画都可以到处为SVG动画或者视频格式,便于你在网页中使用。

目前Keyshape 还处于Beta阶段,只针对Mac平台,并且要求系统版本至少是10.11,可以免费使用,所以想要尝试的同学要抓紧时间下手了~

官网链接:戳这里

下载链接:戳这里

最新文章

  1. 外贸网站设计应该注意哪些问题
  2. 手机网站需要多少人才能做好
  3. 为什么一个网站的设计非常重要
  4. 北京网站设计需要多少钱
  5. 企业网站建设的时候有哪些步骤
  6. 关键字要怎样正确进行优化
  7. 要提升页面的加载速度有哪些办法
  8. 对网站进行优化的时候需要考虑到哪些因素
  9. 网站改版究竟哪些方面是不能改动的
  10. 网站排名始终上不去的原因有哪些

最新案例