Let's discuss the buttons now. It's of course, a very widely used control. Since iOS seven. Button started looking super minimalistic, more like a link. So a button performs an app specific action button perform some action. That's it.

So use a button to initiate an action. Wow right. Button objects can be specified as one of the five standard types, a system button, a detail disclosure button, and the info light button and input dark bottom and the contact Add button. The detail disclosure, the info, and the contact app button types are supplied with standard image graphics to indicate their purpose to the user. These images cannot be customized. However, if you want a custom looking button for example, you want to create a custom icon button on your own.

You can start with the system button and make a lot of customizations to it. So let's take a closer look at the system button. They often appear in navigation bars and toolbars. But they may be used anywhere. It has no border, or background appearance by default. It can consist of an icon or text title, or both.

So, as mentioned, it supports custom backgrounds can be just a simple solid colored field, or something more fancy. If you're designing in an iOS standard look and feel, then just use solid fields. When you supply a title for system button, follow these guidelines. Use a verb or a verb phrase to describe the action that the button performs. An action specific title shows that a button is interactive says what happens when you tap it. Use title style capitalization.

Capitalize every word except articles coordinating conjunctions, and prepositions have four or fewer letters. Avoid creating a title that is too long. overly long tax can crowd your interface and may get truncated on smaller screens, which can make it difficult for users to understand it. Consider adding a border or a background only when necessary. Most of the time, you can avoid adding these limitations to a button and just craft a clear call to action title to find the team and provide contextual clues. In some cases, however, it can be appropriate to focus attention on a button by adding a border or a background to it.

In the phone app, for example, border numbers GIS reinforce the traditional model of making a call and above background with the cold button gives users an eye catching target, which is easy to hit. The button control is highly customizable and allows you to style everything from text style, drop shadows and color. You can also prepend an item to the button. There are four available states that you can work with. By default, you should have at least the default and the highlighted states. highlighted is the state of that occurs upon tapping the button.

Here's an example of a design for all four states default highlighted, selected and disabled. highlighted state is by default just a bit darker than their regional. Disabled states should be dimmer, usually, for selected state. In this case, I chose to add a background it's also possible to enable a while glow effect for the highlighted state