優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

編者按:新的一周開始了~新的設計資源和素材,咱們會在4月的設計圈干貨當中集中更新,今天的周報,咱們一起來看看上周都有哪些新鮮有用的設計趣聞~

1、Android O 新玩法:自適應圖標

需要設計Android 平臺的UI圖標的設計師,要注意了,Android O 推出了自適應圖標的新玩法咯~

簡單來說,自適應圖標就是為了應對圖標規格千奇百怪的Android OEM 廠商而生的。一個標準的自適應圖標能夠良好的一次就兼容不同廠商、不同UI界面不同形狀的圖標輪廓要求。(以版本分裂和熱衷于自定義而著稱的安卓廠商,想必大家都有概念~)

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

在設計自適應圖標的時候,你需要將圖標分割為三個不同的部分,背景層,圖標層,和前景蒙板。

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

背景層要確保能夠覆蓋不同尺寸、不同規格的圖標,中間的圖標層則是圖標的主要視覺元素,按照要求必須得是PNG格式,而頂層的前景蒙板則勾勒出整個圖標的外輪廓,露出的部分要能夠完全覆蓋中間的圖標層,并且小于底層的背景。

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

由于Android 平臺的圖標尺寸標準是 48 x 48 dp ,所以在設計自適應圖標的時候,需要遵循如下規則:

·三個部分的整體尺寸都應該為 108 x 108 dp
·中間圖標應該為 72 x 72 dp,并且在蒙板的視野內
·圖標到邊緣的 36 dp 是提供給廠商自定義,用來創造有趣的、多樣的視覺效果

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

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

2、芬達的品牌重設計

如果你也是橘子味飲料的愛好者的話,那么你一定會在今年年中看到全新的芬達~

誕生于上世紀40年代的芬達,在80年代正式被可口可樂公司收歸旗下,“新鮮”和“興奮”是它的品牌氣質。

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

這次芬達的品牌重設計主要集中在LOGO和外包裝上。相比于之前拙稚童趣的手寫字體LOGO,新版的LOGO設計更加有趣而不羈,剪紙風的新字體設計顯得更加現代而時尚,保持有趣的氣質的同時,還在LOGO的樹葉部分隱藏了一個微笑的表情,比老款的設計個性更加突出。

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

芬達曾經試圖在中國國內注冊“立體品牌”,即是將芬達個性化的瓶身設計也納入品牌體系中來,不過商評委認為,芬達的瓶身設計較為簡單,缺乏特色,不容易與其他的飲料瓶完全區分開來,這大概也是促成芬達重新設計外瓶的原因之一。

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

新的芬達飲料瓶是由Drink Works 團隊所設計,這個不同尋常的瓶身設計耗時2年才最終完成,新包裝的上半部分和可口可樂整個品牌的飲料包裝設計保持一致,而下半部分則采用了獨特的傾斜式螺旋形結構,瓶身上還點綴了大量芬達品牌獨有的小凸起式的設計,特立獨行,抓人眼球。

3、這款復古iPhone7情懷滿滿,就是有點貴

蘋果,包豪斯,現代主義,這些關鍵詞一直都有著緊密的關聯。在上世紀80年代,著名的青蛙設計一直都是作為蘋果的設計顧問而存在的。在這個階段,青蛙設計為蘋果所定制的“Snow White”設計語言,是這個時代工業設計領域最耀眼的明星之一。在很長的一段時間里面,這個名為白雪公主的設計語言,就是蘋果的標識。

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

今天蘋果的工業設計更加現代,也富有科技感,而它在內核上依然延續著白雪公主設計語言的特征。換句話說,今天的蘋果產品的設計再復古一點,就是Snow White。

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

最近,ColorWare 推出了重新定制的復古風 iPhone 7。這款復古風的iPhone 7 在設計上完全緊跟著當年艾斯靈格的設計,當年經典的多彩蘋果LOGO替換了機身背面的鏡面圖案,而機身則替換為經典的米白色設計,一股80年底啊科技風撲面而來。早期蘋果電腦上常見的散熱槽,以圖案的形式重現在iPhone 7 機身兩側,強化了裝飾性,又不失簡約的美感,恰到好處。

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

這款ColorWare 重設計的iPhone7 售價達到了969美元,前25名購買者能夠獲得相應的編號。

ColorWare 在此之前,還曾經推出過同樣風格設計的Macbook,iMac 和iPhone 6s。

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

4、為網頁而生的動畫工具 Keyshape

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

Keyshape是一款2D矢量圖形和動畫編輯軟件,所生成的圖形和動畫都可以到處為SVG動畫或者視頻格式,便于你在網頁中使用。

目前Keyshape 還處于Beta階段,只針對Mac平臺,并且要求系統版本至少是10.11,可以免費使用,所以想要嘗試的同學要抓緊時間下手了~

官網鏈接:戳這里

下載鏈接:戳這里

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

1、PS教程!教你打造2017年最受歡迎的漸變幻彩風格

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

2、線上吐槽大會!10個丑慣了的互聯網設計元素

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

3、PS教程!手把手教你制作大氣的3D熒光燈字體

優設周報 | Android O 的自適應圖標和天價復古 iPhone 7

優設周報·往期回顧】

優設編譯:@陳子木

本文由優設網原創編譯,請尊重版權和譯者成果,轉摘請附上優設鏈接,違者必究。謝謝各位編輯同仁配合。

【優設網 原創文章 投稿郵箱:yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/
設計微博:擁有粉絲量180萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

收藏 1
點贊 1

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。