優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

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

1、Android O 新玩法:自適應(yīng)圖標(biāo)

需要設(shè)計(jì)Android 平臺的UI圖標(biāo)的設(shè)計(jì)師,要注意了,Android O 推出了自適應(yīng)圖標(biāo)的新玩法咯~

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

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

在設(shè)計(jì)自適應(yīng)圖標(biāo)的時(shí)候,你需要將圖標(biāo)分割為三個(gè)不同的部分,背景層,圖標(biāo)層,和前景蒙板。

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

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

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

由于Android 平臺的圖標(biāo)尺寸標(biāo)準(zhǔn)是 48 x 48 dp ,所以在設(shè)計(jì)自適應(yīng)圖標(biāo)的時(shí)候,需要遵循如下規(guī)則:

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

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

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

2、芬達(dá)的品牌重設(shè)計(jì)

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

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

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

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

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

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

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

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

3、這款復(fù)古iPhone7情懷滿滿,就是有點(diǎn)貴

蘋果,包豪斯,現(xiàn)代主義,這些關(guān)鍵詞一直都有著緊密的關(guān)聯(lián)。在上世紀(jì)80年代,著名的青蛙設(shè)計(jì)一直都是作為蘋果的設(shè)計(jì)顧問而存在的。在這個(gè)階段,青蛙設(shè)計(jì)為蘋果所定制的“Snow White”設(shè)計(jì)語言,是這個(gè)時(shí)代工業(yè)設(shè)計(jì)領(lǐng)域最耀眼的明星之一。在很長的一段時(shí)間里面,這個(gè)名為白雪公主的設(shè)計(jì)語言,就是蘋果的標(biāo)識。

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

今天蘋果的工業(yè)設(shè)計(jì)更加現(xiàn)代,也富有科技感,而它在內(nèi)核上依然延續(xù)著白雪公主設(shè)計(jì)語言的特征。換句話說,今天的蘋果產(chǎn)品的設(shè)計(jì)再復(fù)古一點(diǎn),就是Snow White。

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

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

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

這款ColorWare 重設(shè)計(jì)的iPhone7 售價(jià)達(dá)到了969美元,前25名購買者能夠獲得相應(yīng)的編號。

ColorWare 在此之前,還曾經(jīng)推出過同樣風(fēng)格設(shè)計(jì)的Macbook,iMac 和iPhone 6s。

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

4、為網(wǎng)頁而生的動畫工具 Keyshape

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

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

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

官網(wǎng)鏈接:戳這里

下載鏈接:戳這里

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

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

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

2、線上吐槽大會!10個(gè)丑慣了的互聯(lián)網(wǎng)設(shè)計(jì)元素

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

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

優(yōu)設(shè)周報(bào) | Android O 的自適應(yīng)圖標(biāo)和天價(jià)復(fù)古 iPhone 7

優(yōu)設(shè)周報(bào)·往期回顧】

優(yōu)設(shè)編譯:@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)編譯,請尊重版權(quán)和譯者成果,轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接,違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱:yuan@uisdc.com】

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

收藏 1
點(diǎn)贊 1

復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。