• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 优设周报 | Android O 的自适应图标和天价复古 iPhone 7

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

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含优设周报,神器推荐,经验分享,酷站推荐等相关知识,希望在学习及工作中可以帮助到您

编者按:新的一周开始了~新的设计资源和素材,咱们会在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荧光灯字体

【优设周报·往期回顾】

  • 《优设周报丨苹果放出IOS 10源文件、火狐开发社区LOGO改版》
  • 《优设周报 | “远行”的PINTEREST 和年满30岁的AI》

优设编译:@陈子木

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

优设大课堂

您可能想查找下面的文章:

  • 优设周报 | Android O 的自适应图标和天价复古 iPhone 7
  • 优设周报 | “远行”的Pinterest 和年满30岁的AI

相关文章

  • 2018-08-23优设×汉仪字库:适合母亲节使用的中文字体打包下载(个人非商用)
  • 2018-08-23网易资深视觉设计师:24个容易忽略的App设计细节
  • 2018-08-23上亿人使用的唱吧APP V8.6 改版设计过程揭秘
  • 2017-08-06两款网站页面翻译插件分享
  • 2018-08-23春节专题!App 设计系列之提示的概念和设计要点
  • 2018-08-23新手入门教程!送给你1000种名片排版的方法
  • 2018-08-23超全面!正确使用字体的10个黄金规则
  • 2018-08-23解读交互稿模板:如何让设计稿更规范化?
  • 2018-08-23超实用!四招快速提升字体设计能力
  • 2018-08-23作品落地效果不行?你要好好学习印刷基础知识和技巧了!

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 高手的平面课堂!聊聊图文叠加的四种常用技法
    • 设计师作品集网站中,常见的5个误区和解决方案
    • 超实用!通用设计法则解析之「导引手册」
    • 浅谈网页颜色的搭配技巧(前端必看)
    • 腾讯好文!从零开始搭建数据可视化系统的实用指南
    • 浅谈 div 与 table 如何取舍结合利用
    • 响应式设计你需要了解的知识点
    • 618 如何让用户买买买?来看腾讯设计师的总结!
    • 页面包含img src时的重复载入问题
    • 前端开发必备:12款浏览器兼容性测试工具推荐

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有