- Mar 12, 2017 - Explore Toshiko Okumura's board 'UX/UI, Templates' on Pinterest. See more ideas about Web design, Interface design, App design.
- Apple Design Resources for iOS include Sketch, Photoshop, and Adobe XD templates, along with comprehensive UI resources that depict the full range of controls, views, and glyphs available to developers using the iOS SDK. These resources help you design apps that match the iOS design language.
I definitely recommend using Sketch over Photoshop because of how integrated it is for mobile development. Here’s why: Scaleable Almost everything in Sketch is a vector which means you can account for different screen sizes and scale your elements.
Subscribe to our blogTo get the latest and most quality design resources!
Thank you for your support!
POPULAR POST
Best Prototyping Tool for Mobile, Web and Desktop Apps.
Get Started for FreeMOCKPLUS CLOUDHandoff Designs with Accurate Specs, Assets, Code Snippets Automatically.
Get Started for FreeStart prototyping and collaboration
Mockplus Sample Design – Sketch (Web, Design tool)
Mockplus Sample Design – Adobe (Web, Design tool)
Mockplus Sample Design – Taste (Web, Food)
Mockplus Sample Design – Typepad (Web, Blogging Service)
Mockplus Sample Design – Starbucks (Web, Coffee Service)
Mockplus Cloud Sample Design – Hello Camera (Mobile, Retouching Tool)
Mockplus Cloud Sample Design – Nest Camera (Mobile, Retouching Tool)
Mockplus Cloud Sample Design – NotePlan (Mobile, Task Management)
Mockplus Cloud Sample Design – Sparks Social (Mobile, Social)
Mockplus Cloud Sample Design – Travelisto (Mobile, Travel)
Mockplus Sample Design – Tesla (Web, Automobile)
Mockplus Sample Design – Rodd & Gunn (Web, E-Commerce)
Mockplus Sample Design – Priceline (App, Traveling Services)
Design Faster. Collaborate Better.
Designing the best user experience. Mockplus does it all!
Painless collaboration
Get Started for FreeWith over 2,400 configurable symbols, SF Symbols is designed to integrate seamlessly with San Francisco, the system font for Apple platforms. Each symbol comes in a wide range of weights and scales that automatically align with text labels, and supports Dynamic Type and the Bold Text accessibility feature. You can also export symbols and edit them in vector graphics editing tools to create custom symbols with shared design characteristics and accessibility features.
Download SF Symbols 2September 22, 2020
macOS 10.15.3 or later (147.6 MB)
macOS 10.15.3 or later (147.6 MB)
Apple Design Resources for iOS include Sketch, Photoshop, and Adobe XD templates, along with comprehensive UI resources that depict the full range of controls, views, and glyphs available to developers using the iOS SDK. These resources help you design apps that match the iOS design language. Icon and glyph production files are preconfigured to automate asset production using Sketch slices or Adobe Generator for Photoshop CC. Color swatches, dynamic type tables, and fonts are also included.
iOS 14 (Beta) Sketch LibraryJuly 29, 2020
iOS 14 (96.1 MB)
iOS 14 (Beta) Download for SketchiOS 14 (96.1 MB)
July 29, 2020
iOS 14 (90 MB)
iOS 14 (Beta) Download for PhotoshopiOS 14 (90 MB)
July 29, 2020
iOS 14 (917 MB)
iOS 14 (Beta) Download for Adobe XDiOS 14 (917 MB)
October 23, 2020
iOS 14 (149.1 MB)
Add iOS 13 Sketch LibraryiOS 14 (149.1 MB)
February 14, 2020 (v33)
iOS 13 (Requires Sketch 58 or greater)
iOS 13 Download for SketchiOS 13 (Requires Sketch 58 or greater)
February 14, 2020
iOS 13 (58.6 MB)
iOS 13 Download for PhotoshopiOS 13 (58.6 MB)
February 14, 2020
iOS 13 (505.8 MB)
iOS 13 Download for Adobe XDiOS 13 (505.8 MB)
February 14, 2020
iOS 13 (81.5 MB)
iOS 13 Download for KeynoteiOS 13 (81.5 MB)
July 29, 2020
iOS 13 (10.9 MB)
iOS 13 (10.9 MB)
To download iOS device frames for use when marketing your app, see App Store Marketing Guidelines.
Apple Design Resources for macOS include Sketch and Photoshop templates for Touch Bar glyphs.
macOS 11 (Beta) Download for Sketch*July 29, 2020
macOS 10.15 (9.3 MB)
*Only icon production templates updated for macOS 11
macOS 10.15 (9.3 MB)
*Only icon production templates updated for macOS 11
macOS 11 (Beta) Download for Photoshop*
August 3, 2020
macOS 10.15 (4.5 MB)
*Only icon production templates updated for macOS 11
macOS 11 (Beta) Download for XD*macOS 10.15 (4.5 MB)
*Only icon production templates updated for macOS 11
October 23, 2020
macOS 10.15 (8.4 MB)
*Only icon production templates updated for macOS 11
Add macOS 10.15 Sketch LibrarymacOS 10.15 (8.4 MB)
*Only icon production templates updated for macOS 11
June 29, 2019
macOS 10.15 (3.4 MB, Requires Sketch 51 or greater)
macOS 10.15 Download for SketchmacOS 10.15 (3.4 MB, Requires Sketch 51 or greater)
June 3, 2019
macOS 10.15 (2.3 MB)
macOS 10.15 Download for PhotoshopmacOS 10.15 (2.3 MB)
June 3, 2019
macOS 10.15 (3.9 MB)
macOS 10.15 Download for Adobe XDmacOS 10.15 (3.9 MB)
July 29, 2020
macOS 10.15 (4.3 MB)
macOS 10.15 (4.3 MB)
Apple Design Resources for watchOS include Sketch and Photoshop dynamic type guides, layout specifications, app templates, Apple Watch bezels, and other UI materials. An installer for SF Compact, the system typeface for watchOS, is also included.
Add watchOS Sketch LibraryJuly 29, 2020
watchOS 5 10.14 (3.3 MB, Requires Sketch 51 or greater)
Download for SketchwatchOS 5 10.14 (3.3 MB, Requires Sketch 51 or greater)
July 29, 2020
watchOS 5 (4.3 MB)
Download for PhotoshopwatchOS 5 (4.3 MB)
July 29, 2020
watchOS 5 (38.9 MB)
Download for Adobe XDwatchOS 5 (38.9 MB)
October 23, 2020
watchOS 5 (9 MB)
watchOS 5 (9 MB)
To download watchOS device frames for use when marketing your app, see App Store Marketing Guidelines.
Apple Design Resources for tvOS include icon and image templates, as well as tools for previewing layered image files and the parallax effect.
Download for PhotoshopJuly 29, 2020 (1.4 MB)
To download tvOS product imagery for use when marketing your app, see App Store Marketing Guidelines.
Use Parallax Previewer to preview layered Photoshop files, assemble individual image layers from PNG files and preview the parallax effect, or preview layered images exported by the Parallax Exporter plug-in.
Download for macOSParallax Previewer requires macOS 10.10.5 or later.
Use the Parallax Exporter plug-in to preview a layered image while working in Adobe Photoshop.
Download for macOSRequires Adobe Photoshop CC 2015.5 or later and macOS 10.9.0 or later.
Download for WindowsRequires Adobe Photoshop CC 2015.5 or later and Microsoft Windows 7 with Service Pack 1 or later.
Use the Add Apple Watch Face button to enable installing Apple Watch Faces from your iOS app, watchOS app or website.
Use the AirPlay glyph when referring to AirPlay in setup or instructional text within your app.
Use the AR glyph and AR badges to indicate and launch AR experiences in your app’s UI.
Sketch App For Ux Design
The Apple Design Resources for CarPlay apps include Sketch and Photoshop type tables, as well as fonts.
Download for PhotoshopJuly 29, 2020 (1.4 MB)
Use the provided Game Center icons when linking to the Game Center dashboard within your game. Use the provided glyphs when linking directly to leaderboard, achievement, and profile sections of the dashboard.
Use the Apple Health icon in your app that supports HealthKit.
Use the HomeKit glyph when referring to HomeKit in setup or instructional text within your app.
Sketch Design App For Uxui For Ios And Web 58 Plus
Use the provided Apple logos to design Sign in with Apple buttons that use left-aligned logos or that display a logo only.
Marketing Imagery
A variety of imagery is available for use when marketing your app. Follow all usage guidelines.
iOS, macOS, tvOS, watchOS
Apple Product ImagesIncludes device frames. Playr 2 4 13.
Apple News
Apple Pay
Music, iTunes, and Podcasts
Wallet
Other
Licensing and Trademark ImageryIncludes device and technology icons.