优设周报 | Android O 的自适应图标和天价复古 iPhone 7 - 优设网 - UISDC

优设周报 | Android O 的自适应图标和天价复古 iPhone 7

2017/03/27 8970评论区

编者按:新的一周开始了~新的设计资源和素材,咱们会在4月的设计圈干货当中集中更新,今天的周报,咱们一起来看看上周都有哪些新鲜有用的设计趣闻~

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

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

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

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

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

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

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

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

2、芬达的品牌重设计

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

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

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

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

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

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

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

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

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

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

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

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

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

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

官网链接:戳这里

下载链接:戳这里

「上周人气最高的3篇文章」

1、PS教程!教你打造2017年最受欢迎的渐变幻彩风格

2、线上吐槽大会!10个丑惯了的互联网设计元素

3、PS教程!手把手教你制作大气的3D荧光灯字体

【优设周报·往期回顾】

优设编译:@陈子木

本文由优设网原创编译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/uisdc-weekly-adaptive-icons

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里