BeFor Web
为网而生 - 原创译文博客 - 关注移动、VR及互联网产品的用户体验设计

夏日清凉福利 - iOS7免费设计资源汇总

夏日清凉福利 - iOS7免费设计资源汇总

过去一周多的时间里连续跑去影院看掉了White House Down、环太平洋、速度与激情6这三部片子。对我来说,看电影和看Live没什么区别,只要够爽,够响,肝儿颤,就是极好的。说起来,还有8天的时间就可以去看Metallica了,还有16天的时间就可以去看Aerosmith了。不坏。你知道8天时间或16天时间里能发生多少事情?我不知道。

然则过去几周的时间里几乎一直沉浸在iOS7的事情当中,这也是事实,常来这边的朋友们也看的出来。我真的是越来越爱这东西了。btw,不觉得Beforweb博客皮肤本身就有点7的意味吗?...

上周破例发了一篇iOS7体验报告,而今次仍是与常规的风格有所不同。我确实很少做这种资源汇总一类的东西,除非是对自己很热、很有实际用处的玩意儿,那这次就是这样了。参考了几篇国外的相关介绍,另外到dribbble逛了逛,简单汇总了一些目前市面上比较过的去的iOS7免费设计资源,拿过来分享给各位,也留给自己平时找起来方便。资源包含图标、界面及控件、重设计mockup三个方面。

图标

1.iOS7应用图标模板(PSD,用于Photoshop和Sketch)

由设计师Rob Sim创建,文件中的应用图标模板包含以下规格:iTunes展示、iTunes展示@2x、iPhone、iPhone@2x、iPad、iPad@2x、系统设置、系统设置@2x、Spotlight搜索结果、Spotlight搜索结果2@x。查看详情点击下载

01-app-icon-templates-ios7-free-design-resources.jpg

2.四款iOS7应用图标黄金分割网格模板(AI、PSD、PNG)

来自设计师Steffen Nørgaard Andersen的Ai模板文件,查看详情点击下载

02-app-icon-grid-templates-ios7-free-design-resources.gif

来自设计师Denis Shoomov的PSD与PNG模板文件,查看详情或点击下载。(PSDPNG)。

03-app-icon-grid-templates-ios7-free-design-resources.png

来自设计师Heath Gerlock的PSD文件,查看详情点击下载

04-app-icon-grid-templates-ios7-free-design-resources.png

3.Rebound Icon模板(PSD)

设计师Marcos Paulo Pagano仿照一款Reminder图标制作的PSD模板文件,你可以直接拿去解构和订制化。查看详情点击下载

06-reminder-psd-app-icon-templates-ios7-free-design-resources.png

4.iOS7功能图标第一集(PSD、AI、EPS,多尺寸)

一系列用于标签栏、工具栏和导航栏的iOS7风格图标,包括系统自带及自定义图标。试着在你的iOS7重设计中使用它们吧。查看详情点击下载

07-tab-bar-icon-templates-ios7-free-design-resources.jpg

5.iOS7功能图标第二集(PSD、AI、EPS,多尺寸)

查看详情点击下载

08-tab-bar-icon-templates-ios7-free-design-resources.jpg

6.iOS7风格图标(PNG,多尺寸)

来自Icons8,包含540个iOS7风格的常用图标。尺寸方面,从25x25到512x512,PNG格式。查看详情点击下载

09-tab-bar-icon-templates-ios7-free-design-resources.png

7.iOS7风格功能图标(矢量化PSD)

基于矢量图形的iOS7风格功能图标,来自设计师Johan Jonsson。查看详情点击下载

09-b-tab-bar-icon-templates-ios7-free-design-resources.png

8.iOS7风格功能图标(矢量化PSD、PNG)

共48款,60x60像素规格,made with love! 来自设计师Llja Miskov查看详情点击下载

09-c-tab-bar-icon-templates-ios7-free-design-resources.png

界面及控件

1.iOS7 GUI模板(PSD)

来自大家最熟悉的好基友,Teehan和Lax——基于iOS7 Beta1制作,Retina规格,大量系统控件样式,包含iPhone5黑白两款机型模板。查看详情点击下载

10-ui-elements-uikit-templates-ios7-free-design-resources.png

2.Applidium的iOS7 GUI模板(PSD)

可能是迄今为止最全面的免费iOS7 GUI资源,包含几乎所有原生按钮和UI布局,PSD格式。查看详情点击下载

11-ui-elements-uikit-templates-ios7-free-design-resources.png

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

也许没有其他模板那么全面和复杂,但这套来自设计师Andreas Hellqvist的矢量图形模板是可以缩放的。查看详情点击下载

12-ui-elements-uikit-templates-ios7-free-design-resources.png

4.可编辑的系统首屏(PSD)

分层、全部可编辑的iOS7系统首屏PSD文件。查看详情点击下载

13-home-screen-ui-elements-uikit-templates-ios7-free-design-resources.png

重设计Mockup

1.Spotify

包含5个界面的mockup,展示了设计师Ruban Khalid所做的Spotify iOS7重设计。查看详情

14-spotify-redesign-ios7-free-design-resources.png

2.Nike Running App

设计师Mike Brisk带来的Nike跑步应用的iOS7重设计,将现有的拟物化设计方案打造的更加简洁易读。查看详情

15-nike-running-redesign-ios7-free-design-resources.png

3.Path

Path的扁平化风格Mockup。比较有意思的是,我们可以看一看Beasty Design的设计师是怎样将原有的大量图标及界面效果通过非3D的形式表现出来的。查看详情

16-path-redesign-ios7-free-design-resources.jpg

4.iOS内置通讯录重设计

设计师Angel Bartolli尝试重新设计了iOS原生的通讯录应用,界面简洁、清晰、性感;另外还包含了一些很有意思的交互理念(见详情当中的几个Rebound版本)。查看详情

17-contact-redesign-ios7-free-design-resources.png

我说

以上就是这次汇总的一批iOS7免费设计资源,希望各位用的到。如果你手头有iOS7的redesign项目,或是UI、图标习作,方便并希望得到展示,愿意在Beforweb上与大家分享你的作品,那么不妨联系我,通过微博或邮箱coda7210艾特gmail.com都OK,我会进行必要的挑选,并且不定期的进行汇总展示。

译文代表原作者观点。欢迎发表评论,或到译者微博进一步交流探讨。

本站原创编译文章。如需转载,请注明:本文来自Be For Web
译者信息: C7210 - 交互设计师、UX热爱者、VR探索者、译者、猫奴、吉他手、鼓手,现就职于腾讯
评论 (15)
太有帮助了~ 感谢T0T
有用就好
下载不下来,是过期了吗
诶?之前下载还是OK的
收了不少,感谢分享!
希望有用,谢谢支持=)
Good job~~~
感谢分享~
嘿嘿
又来发干活了,马克.
>:D
感谢,好资源,全收了,慢慢消化。
希望用的到
这期好,多实用呀,我嗖(收)~~
嘻嘻
发表评论