Jump to content
Our response time is longer than usual currently. We're working to answer users as quickly as possible and thank you for your continued patience.

iOS 11 Design Resources

Mithferion

By Mithferion,
in Resources

 Share

Recommended Posts

Mithferion

Mithferion

Posted
Posted

Hi there!

I saw this post about the resources Apple shares for interface design, for Sketch, Phoroshop and Adobe X D. I downloaded the ZIP file provided by Apple and started to make the AFDESIGN version of it. There are several PSD files with pixel images, and I'm trying to make the closest possible to that, but all here is editable and with lovely vectors and shapes.

Here is the first one of the files. I'll update this Topic when I finish more of these files. Hope this be useful!

Note: You still might want to download the ZIP file to get the fonts SF Pro Display and SF Pro Text.

Best regards!

i_OS_Resources.png

 

Template-App.afdesign

Template-App - iPhoneX.afdesign

Template-iMessageApp - Stickers.afdesign

Template-System.afdesign

Template-System-iPhoneX.afdesign

AMD FX 8350 :: Radeon HD 5670 :: Windows 10 ::  http://mithferion.deviantart.com/

Oxygen Icons :: Free Quality Fonts for Commercial Use :: Public Domain Pictures :: iOS 11 Design Resources :: iOS App Icon Template

How to do High Quality Art :: Mesh Warp / Distort Tool Considerations :: Select Same / Object - Suggestions :: Live Glassmorphism Effect

Link to comment
Share on other sites
  • 3 weeks later...
Mithferion

Mithferion

Posted
  • Author
Posted

Hi there.

I uploaded the second file (this one is for the iPhone X layout), and also I re-uploaded the first one (I made some minor corrections).

Best regards!

AMD FX 8350 :: Radeon HD 5670 :: Windows 10 ::  http://mithferion.deviantart.com/

Oxygen Icons :: Free Quality Fonts for Commercial Use :: Public Domain Pictures :: iOS 11 Design Resources :: iOS App Icon Template

How to do High Quality Art :: Mesh Warp / Distort Tool Considerations :: Select Same / Object - Suggestions :: Live Glassmorphism Effect

Link to comment
Share on other sites
  • 2 weeks later...
Mithferion

Mithferion

Posted
  • Author
Posted

Added a new file. This one is about iMessage.

Best regards!

AMD FX 8350 :: Radeon HD 5670 :: Windows 10 ::  http://mithferion.deviantart.com/

Oxygen Icons :: Free Quality Fonts for Commercial Use :: Public Domain Pictures :: iOS 11 Design Resources :: iOS App Icon Template

How to do High Quality Art :: Mesh Warp / Distort Tool Considerations :: Select Same / Object - Suggestions :: Live Glassmorphism Effect

Link to comment
Share on other sites
  • 5 months later...
Mithferion

Mithferion

Posted
  • Author
Posted

Glad to see this is useful. Maybe I will continue this with the other PSD files.

BEst regards!

AMD FX 8350 :: Radeon HD 5670 :: Windows 10 ::  http://mithferion.deviantart.com/

Oxygen Icons :: Free Quality Fonts for Commercial Use :: Public Domain Pictures :: iOS 11 Design Resources :: iOS App Icon Template

How to do High Quality Art :: Mesh Warp / Distort Tool Considerations :: Select Same / Object - Suggestions :: Live Glassmorphism Effect

Link to comment
Share on other sites
  • 2 weeks later...
Uncle Mez

Uncle Mez

Posted
Posted

Hi @Mithferion Whoow nice job, will try one of these days and revert back to you.

Never be the Same Again !
---
Dell Optiplex 3020M 
Intel Core i5-4590T @2.00GHz with 12GiB 1333 MHz DDR3
Intel HD 4500 Series
Windows 11 Pro N x64 21H2 + LibreOffice 7.3.5

My well suited Set of Apps [Production only]
* Affinity Suite [Designer + Photo + Publisher]
* Camtasia 2022 + CorelDraw Technical Suite 2022 + Blender 3.4.0 Alpha

Link to comment
Share on other sites
Mithferion

Mithferion

Posted
  • Author
Posted

Hope you can find theses files useful for you.

Best regards!

AMD FX 8350 :: Radeon HD 5670 :: Windows 10 ::  http://mithferion.deviantart.com/

Oxygen Icons :: Free Quality Fonts for Commercial Use :: Public Domain Pictures :: iOS 11 Design Resources :: iOS App Icon Template

How to do High Quality Art :: Mesh Warp / Distort Tool Considerations :: Select Same / Object - Suggestions :: Live Glassmorphism Effect

Link to comment
Share on other sites
Mithferion

Mithferion

Posted
  • Author
Posted

I added a new file. Not a lot done there, as there were many raster images. And also for iPhone X.

Best regards!

AMD FX 8350 :: Radeon HD 5670 :: Windows 10 ::  http://mithferion.deviantart.com/

Oxygen Icons :: Free Quality Fonts for Commercial Use :: Public Domain Pictures :: iOS 11 Design Resources :: iOS App Icon Template

How to do High Quality Art :: Mesh Warp / Distort Tool Considerations :: Select Same / Object - Suggestions :: Live Glassmorphism Effect

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
 Share
Go to topic listing
×
×
  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept