Creating tabbed interfaces


show more Creating tabbed interfaces provides you with in-depth training on Design. Taught by Justin Seeley as part of the Illustrator for Web Design show less
please wait ...

Creating tabbed interfaces

In this movie, I am going to be exploring how to create these little mockups here so that you can easily insert them into any project that you might be working on. So I've got this finished product here, and over in the Layers panel you'll see that I have three sublayers: one called Tabs, one called Content, and one called Background. So the Background elements, if I target those, it just selects this rectangle in the background. The Content is actually this text right here, and the text has been set up with some area type options to simulate the CSS box model. And if you'd like an in-depth explanation of that, I suggest going back to chapter 6 and watching the CSS box model movie.

Once we have all this stuff in place, we can then add the tabs at the top, and the tabs at the top just correspond to the different areas of content. Now, I only have one content area here, but you could have several different ones that correspond to each tab if you want it to. But in t...

Creating tabbed interfaces
Video duration: 7m 33s 5h 27m Appropriate for all

Viewers:

Creating tabbed interfaces provides you with in-depth training on Design. Taught by Justin Seeley as part of the Illustrator for Web Design

Subjects:
Design Web
Software:
Illustrator
Author:
please wait ...