轉(zhuǎn)自beforweb

上周破例發(fā)了一篇iOS7體驗(yàn)報告， 而今次仍是與常規(guī)的風(fēng)格有所不同。我確實(shí)很少做這種資源匯總一類的東西，除非是對自己很熱、很有實(shí)際用處的玩意兒，那這次就是這樣了。參考了幾篇國外的相 關(guān)介紹，另外到dribbble逛了逛，簡單匯總了一些目前市面上比較過的去的iOS7免費(fèi)設(shè)計(jì)資源，拿過來分享給各位，也留給自己平時找起來方便。資源 包含圖標(biāo)、界面及控件、重設(shè)計(jì)mockup三個方面。

圖標(biāo)

1.iOS7應(yīng)用圖標(biāo)模板(PSD，用于Photoshop和Sketch)。

由設(shè)計(jì)師Rob Sim創(chuàng)建，文件中的應(yīng)用圖標(biāo)模板包含以下規(guī)格：iTunes展示、iTunes展示@2x、iPhone、iPhone@2x、iPad、iPad@2x、系統(tǒng)設(shè)置、系統(tǒng)設(shè)置@2x、Spotlight搜索結(jié)果、Spotlight搜索結(jié)果2@x。查看詳情或點(diǎn)擊下載。

2.三款iOS7應(yīng)用圖標(biāo)黃金分割網(wǎng)格模板(AI、PSD、PNG)

來自設(shè)計(jì)師Steffen Nørgaard Andersen的Ai模板文件，查看詳情或點(diǎn)擊下載。

來自設(shè)計(jì)師Denis Shoomov的PSD與PNG模板文件，查看詳情或點(diǎn)擊下載。(PSD、PNG)。 

來自設(shè)計(jì)師Heath Gerlock的PSD文件，查看詳情或點(diǎn)擊下載。

3.Rebound Icon模板(PSD)。

設(shè)計(jì)師Marcos Paulo Pagano仿照一款Reminder圖標(biāo)制作的PSD模板文件，你可以直接拿去解構(gòu)和訂制化。查看詳情或點(diǎn)擊下載。

4.iOS7功能圖標(biāo)第一集(PSD、AI、EPS，多尺寸)。

一系列用于標(biāo)簽欄、工具欄和導(dǎo)航欄的iOS7風(fēng)格圖標(biāo)，包括系統(tǒng)自帶及自定義圖標(biāo)。試著在你的iOS7重設(shè)計(jì)中使用它們吧。查看詳情或點(diǎn)擊下載。

5.iOS7功能圖標(biāo)第二集(PSD、AI、EPS，多尺寸) 。

查看詳情或點(diǎn)擊下載。

 6.iOS7風(fēng)格圖標(biāo)(PNG，多尺寸)。

來自Icons8，包含540個iOS7風(fēng)格的常用圖標(biāo)。尺寸方面，從25x25到512x512，PNG格式。查看詳情或點(diǎn)擊下載。

 7.iOS7風(fēng)格功能圖標(biāo)(矢量化PSD)。

基于矢量圖形的iOS7風(fēng)格功能圖標(biāo)，來自設(shè)計(jì)師Johan Jonsson。查看詳情或點(diǎn)擊下載。

8.iOS7風(fēng)格功能圖標(biāo)(矢量化PSD、PNG)。

共48款，60x60像素規(guī)格，made with love! 來自設(shè)計(jì)師Llja Miskov。查看詳情或點(diǎn)擊下載。

界面及控件

1.iOS7 GUI模板(PSD)。

來自大家最熟悉的好基友，Teehan和Lax——基于iOS7 Beta1制作，Retina規(guī)格，大量系統(tǒng)控件樣式，包含iPhone5黑白兩款機(jī)型模板。查看詳情或點(diǎn)擊下載。

2.Applidium的iOS7 GUI模板(PSD)。

能是迄今為止最全面的免費(fèi)iOS7 GUI資源，包含幾乎所有原生按鈕和UI布局，PSD格式。查看詳情或點(diǎn)擊下載。

3.基于矢量圖形的iOS7 UI模板(PSD)。

也許沒有其他模板那么全面和復(fù)雜，但這套來自設(shè)計(jì)師Andreas Hellqvist的矢量圖形模板是可以縮放的。查看詳情或點(diǎn)擊下載。

4.可編輯的系統(tǒng)首屏(PSD)。

分層、全部可編輯的iOS7系統(tǒng)首屏PSD文件。查看詳情或點(diǎn)擊下載。

重設(shè)計(jì)Mockup

1.Spotify。

包含5個界面的mockup，展示了設(shè)計(jì)師Ruban Khalid所做的Spotify iOS7重設(shè)計(jì)。查看詳情。

2.Nike Running App。

設(shè)計(jì)師Mike Brisk帶來的Nike跑步應(yīng)用的iOS7重設(shè)計(jì)，將現(xiàn)有的擬物化設(shè)計(jì)方案打造的更加簡潔易讀。查看詳情。

3.Path。

Path的扁平化風(fēng)格Mockup。比較有意思的是，我們可以看一看Beasty Design的設(shè)計(jì)師是怎樣將原有的大量圖標(biāo)及界面效果通過非3D的形式表現(xiàn)出來的。查看詳情。

4.iOS內(nèi)置通訊錄重設(shè)計(jì)。

設(shè)計(jì)師Angel Bartolli嘗試重新設(shè)計(jì)了iOS原生的通訊錄應(yīng)用，界面簡潔、清晰、性感；另外還包含了一些很有意思的交互理念(見詳情當(dāng)中的幾個Rebound版本)。查看詳情。

總結(jié)

以上就是這次匯總的一批iOS7免費(fèi)設(shè)計(jì)資源，希望各位用的到。如果你手頭有iOS7的redesign項(xiàng)目，或是UI、圖標(biāo)習(xí)作，方便并希望得到展示，愿意在Beforweb上與大家分享你的作品，那么不妨聯(lián)系我，我會進(jìn)行必要的挑選，并且不定期的進(jìn)行匯總展示。