As we all know, iOS and Android are two major mobile platforms nowadays. The former adopts Human Interface Design, while the latter adopts Material Design. As designers, especially App designers, they’re always designing in both. It’s a great experience if your product pops up in a flood of apps. You did it. Design changes lives.
Then, how to design a mobile App with an elegant interface?
If you’re designing apps for iOS, this is a good read. We all know that the user interface directly affects the user experience. So in this article, I first carefully selected the 12 best iOS mobile application templates and examples, which have excellent iOS user interface design (iOS design mode) and good user experience, covering life, magazine, sports, weather, online shopping and so on. In addition, this article provides some guidelines for iOS human interface design. I hope I can help you.
1. City App
Category: Navigation
System requirements: iOS 9.0 or higher
City App is an iOS application template and a user-centered information collection software. The City App is used to provide a City guide solution and can display interesting locations in your City with descriptive descriptions. Users can also directly search the location of the picture through the camera photo, a picture is a collection of data. Admin background can centrally manage location data, but you can edit, update or delete it. Beautiful pictures from around the world are the main composition of the interface color, very beautiful.
2. Triibe
Category: Lifestyle
System requirements: iOS 9.3 or later, compatible with iPhone, iPad and iPod Touch
Triibe is a leading new community-oriented iOS app designed specifically for creative people. It provides one of the most concise and intuitive ways to showcase your craft and learn ideas. Any subject of design, including craft, cooking, home, fashion, etc., can be displayed. One of the features of the App is its beautiful interface, where users upload and display their handmade works, with a pure light background that echoes almost any design work.
3. Design Events near you
Category: Activities
System requirements: No restrictions
Design Events, as the name implies, give people an impression of full Design sense. It was designed by Johny Vino, a talented designer from India. It’s a typical iOS app for discovering design activities around you and outdoor activities in your city and nearby areas. It can intelligently recommend interesting activities. The App’s animation interaction and transition are very simple and smooth, with bright color matching, which makes people feel bright.
4. Trove
Category: Podcasting and Fashion
System requirements: iOS 9.0 or higher, compatible with iPhone, iPad and iPod Touch
This is a very cool and stylish iOS app. With Trove, you can find your favorite style anytime, anywhere, get endless inspiration and advice from the world’s top style influencers, and follow top fashion bloggers. Browse “Select” clothing to find and follow blogs that are consistent with your style. In addition, the “My Feed” TAB allows you to view your favorites at any time and add items to your favorites for later purchase or can choose to buy now, all of your choices are free.
5. Nowait Guest
Category: Food and beverage
System requirements: iOS 9.0 or higher, compatible with iPhone, iPad and iPod Touch
Nowait Guest is an iOS App that simplifies your life. Many restaurants, including Chili’s, Buffalo Wild Wings, and First Watch, have started using the App to help customers know their order status in advance. At home, the user can check the current waiting time at the nearby restaurant at any time, and then make a decision whether to visit. The restaurant’s image is very eye-catching, and the whole interface looks mouth-watering.
6. The New York Times
Category: Magazines and newspapers
System requirements: iOS 9.0 or higher, compatible with iPhone, iPad and iPod Touch
It’s a household name app that keeps you up to date wherever you are, and for news lovers and readers alike, it’s an app that’s prettier than books, but just as expressive in words. The app has won awards in the app category alongside the NYT app for the iPhone, iPad and Apple Watch. It features news alerts, multitasking, morning and evening papers, podcasts, and saving articles for later reading on any device.
7. iPhone X – Todo Concept
Category: Magazines and newspapers
System requirements: iOS 9.0 or later. Compatible with iPhone, iPad and iPod Touch
The iPhone X-Todo Concept was designed by Jee-Jeong for Norde. It’s a new prototype based on the iPhone X concept. Both the sketch of the prototype and the PSD model are available for free download. It was designed specifically for the launch of the iPhone X. Its animation transitions and transitions are fluent, and its color choices are bold and infectious. The interface design pattern of white space contrasts sharply with any solid color background, highlighting important information and beautifying the interface.
8. Cloud Music Offline MP3 Music
Category: Music
System requirements: iOS 9.3 or later, compatible with iPhone, iPad and iPod Touch
For those who like to listen to music, this is a music app not to be missed. You can easily download music from the cloud to your device and play it offline. You have an unlimited library of music on your device. Its playlists are fun, with animated and varied action buttons. The whole interface has a pure white background, clean and simple, and users’ attention will stay on their favorite music without distraction. The program supports all the most popular music file formats:.flac.mp3,.aiff,.m4a,.wav, and more.
9. KicksOnFire: Buy Sneakers
Category: Sports
System requirements: iOS 8.0 or higher, compatible with iPhone, iPad and iPod Touch
The app is designed for sneaker enthusiasts and offers special release dates and news about new sneakers. The App is the most downloaded sneaker release calendar App on the App Store. Not only can you get a first hand sneaker consultation, you can also buy your favorite sneaker here. Its push will intelligently make personalized release and price estimation based on your personal information.
10. Airbnb
Category: Travel
System requirements: iOS 9.0 or higher, compatible with iPhone, iPad and iPod Touch
A well-known App, popular all over the world. When you’re ready to travel, start with Airbnb for unforgettable travel experiences. Here, everything about travel gets better, like finding travel adventures, traveling far, or finding a whole new place. Visitors can get vacation home rentals, experience a new experience, and visit places around the world. If you have a place to rent, Airbnb is also a great place to be a good host.
11. Local Weather Radar & Forecast
Category: Weather
System requirements: iOS 9.0 or higher, compatible with iPhone, iPad and iPod Touch
The App is a groundbreaking local weather news App, as well as a transportation App for the U.S. and around the world. With just one click, you can switch status back and forth to check the weather conditions of your friends and family at any time. The app also tracks temperature changes in your area by the hour, creating a unique “temperature change” list.
12. Sofa
Categories: Movies, TELEVISION and books
System requirements: iOS 9.3 or later, compatible with iPhone, iPad and iPod Touch
This is an iPhone App that lets you have a good time immersing yourself in a book, movie or TV show. You can create custom lists of movies, TV shows, books, etc., and add movies, TV shows, and books to any list. When you need to search for an item, you can swipe down to unlock it.
These are the 12 great iOS mobile apps of 2018. Most of them topped the App Store charts and were downloaded and used by a significant number of people. Looking at so many successful iOS apps, have you ever wondered, as a designer, what is the secret of their success?
It’s easy to see how a great user interface and user experience are critical. The iOS design theme will be clarity, respect, and depth, which means that across iOS, text is legible on any size device, ICONS are precise and clear, and fluid animation and interaction, orderly visual hierarchies, and so on are required. To be successful, you need to design an App that meets users’ high expectations for quality and functionality.
So, what are the key points of designing a beautiful and polished iOS mobile interface?
1. The layout
1) the font
Font selection should not be more, more clutter. Just use a single font and use several font variants. Apple uses San Francisco and chooses fonts based on product features. For example, Myriad (Pro) Light was used in iOS 7 and SF-UI was used in iOS 9. In iOS 10, the San Francisco variants are SF UI Text and SF UI Display. You just follow the rules. However, in order to keep your text legible and readable, you need to choose fonts and layout them carefully.
2) Font size
IOS font size has a relatively clear specification, see the following table for details:
2. Color in UI design
The magic of color is self-evident. People are visual animals. Colors convey vitality and information, provide visual continuity, provide feedback in response to user behavior, and help people visualize data. Since iOS 7, Apple has been creating a vibrant palette of colors for its operating system interface and default apps. As for color choices, you can use the default iOS color palette listed below or customize it to stand out from your peers.
Learn more: How to use color wisely in UI design to create perfect UI interfaces?
3. The icon
The iOS icon style is easy to understand and focuses on a feature or information point. Typically, iOS applications require ICONS of different sizes. For example, when you install an App, you may need a smaller icon on the home screen, but that App needs a bigger icon in the App Store. There are clear guidelines for iOS icon size:
4. Updates in iOS 11
1) Bold navigation Settings
This is almost the most impressive change in iOS 11. Using bold headings gives users a quick idea of their current location and a quick TAB switch.
2) Blank areas in the interface layout
IOS 11’s title text contains a set of elements, including images and descriptions, that keep a wide gap between the set of elements. In this case, design elements are kept sufficiently spaced and can be used to distinguish between layers of unnecessary decorative elements.
5. Start with prototyping
In iOS 11, drag-and-drop was also added, allowing users to move selected photos, text, and other content from one location to another using a single finger — even apps on the iPad can do this. Wouldn’t it be just as convenient for App designers to have a drag-and-drop tool to prototype a product? Also, starting with a prototype can save you a lot of money, time, and effort, as well as stimulating and documenting your inspiration. Let’s take a look at how prototyping tools can help you in iOS interface design, and prototyping your entire iOS application.
The first thing I recommend here is Mockplus, the best prototype tool in the country. It is a professional iOS app design prototype design tool. Mockplus provides many powerful features to help you quickly prototype a beautiful and unique interactive mobile iOS application:
1) Sketch import
Interaction is one of the most intuitive ways to show the designer’s logic and thinking in a prototype. Users using Sketch can download and install the Mockplus plug-in after completing the design draft, export the design drawing as MP project file, and use drag-and-drop in Mockplus to conduct interaction design and team collaboration on the design draft, which is very convenient.
2) Mockplus’s Auto Data Fill component supports bulk image addition
The graphics are pretty good for the prototype interface. Humans are visual creatures, and in order to attract attention, designers often use beautiful images to enhance the beauty of the interface. In Mockplus, a data-filling component frees you from adding numerous images to your prototype design in batches with a simple click or drag.
3) Mockplus has over 3000 vector ICONS
As mentioned above, ICONS are a crucial factor in iOS interface design, and the proper use of ICONS can facilitate better communication between the interface and users. Mockplus has just the right amount of ICONS in more than 3,000 different categories, which you can choose from and edit accordingly.
4) Visual interaction design in Mockplus
Mockplus is a great way to add fast interaction. Just use the visible interaction component and drag and drop with the mouse to complete the interaction without any line of code or parameter setting. Mockplus currently supports three types of interaction: page interaction, component interaction, and property interaction. Interactive commands can also be automatically restored with one click.
5) Mockplus has over 300 highly packaged components
Mockplus’s fast interaction and its more than 300 highly packaged components work perfectly together. When prototyping, you simply put these components into a workspace and combine them, dragging and dropping interactive link points to quickly render the prototype. You can use your thoughts on design instead of building a component. In Mockplus, you can quickly create interactive dynamic effects such as sliding, zooming, and so on.
To learn more about Mockplus’s features, check out its website at https://www.mockplus.cn