Web Design: Create Buttons in Photoshop CS6


show more Creating buttons provides you with in-depth training on Web. Taught by Justin Seeley as part of the Photoshop CS6 for Web Design (2012) show less
please wait ...

Creating buttons

Buttons are another aspect of web design where user-friendliness and consistency are extremely important. In this movie, I'm going to be showing you how to create buttons for a web site mockup. One of the things we have to account for is the fact that our content is not just being accessed through a web browser on a computer; people are coming to these web sites on mobile phones, tablet devices, using their fingers, using styluses, all types of different devices and input methods for clicking on the things that we create. Therefore, we have to create things that are both click- and touch-friendly.

So what is the actual target size for a "touch- and click-friendly button?" Well, according to several developer guidelines, a touch-friendly button can be anywhere between 25 and 35 pixels squared, so a 25 x 25 or 35 x 35 square. In my experience, I always err on the side of caution and go towards the 35-pixel size. Now they can be as wide as you want them to be; it&#...

Creating buttons
Video duration: 7m 15s 4h 56m Appropriate for all Updated Oct 04, 2013

Viewers:

Creating buttons provides you with in-depth training on Web. Taught by Justin Seeley as part of the Photoshop CS6 for Web Design (2012)

Subject:
Web
Software:
Photoshop
Author:
please wait ...