Wireland iOS Wireframe Kit - Complete iOS UI Kit Collection for Sketch

DESCRIPTION

Wireland for iOS – is a Complete Wireframe Library Collection optimized to design and structure iOS apps projects really fast and easy while getting great results. This library consist on 144+ ready-to-use screens layouts divided into 18 popular categories.

This Wireframe Kit can be easily adapted to the visual language of the brand of your project, just change the colors and typography in one place and all the screens will update automatically.

FEATURES

• 144+ Screens Layouts
• 18 Popular Categories
• 2,500+ Possible Combinations
• iPhone 8 (resolution 375px x 667px)
• iPhone X (resolution 375px x 812px)
• UI kit base elements
• Markups & Comments Elements
• Atomic Design Implementation
• Symbols Best Practice
• Text styles
• Free Google Font
• Include a set of gestures indicators to better communicate interactions

SCREEN LAYOUTS LIBRARY

1. Splash
2. Walkthrough
3. Login
4. Signup
5. Loading
6. Profile
7. Feed
8. Chat
9. List
10. E-commerce
11. Article / Blog
12. Gallery
13. Menu
14. Settings
15. Map
16. Chart
17. Media
18. Popup
19. Miscellaneous

FILE STRUCTURE

iPhone 8

• 18 categories
• 144 screens layouts

iPhone 10

• 18 categories
• 144 screens layouts

UI Kit Components

• Navigation Bars
• Status Bars
• Tab Bars
• Toolbars
• Buttons
• Segmented Controls
• Table View Cells
• Progress Indicators
• Sliders
• Steppers
• Switch Controls
• Inputs
• Chat Components
• Keyboards: Alphabetic, Numeric, Dictation
• Pickers: Time, Date, Option
• Search Controls
• Cards
• Charts
• Media Controls: Play, Forward, Stop, Tracking, Recording
• Maps
• Icons
• Grids: 1, 2, 3, 4 columns
• Alerts
• Views
• Menus
• Miscellaneous

Style Guide

• Brand Options
• Typography System

Markup, Comments & Gestures

• Connectors
• Pointers
• Dotted Lines
• Solid Lines
• Comments v1
• Comments v2
• Extractors
• Gestures for: Scroll, Swipe, Move, Tab, Press, etc.

Symbols

• Atoms
• Molecules
• Organisms

SOURCES AND CREDITS - Fonts Used You need to install these fonts below before editing the Sketch files (you can find them all at Google Fonts website) Roboto