Join Justin Seeley for an in-depth discussion in this video Adding input elements to your page, part of Illustrator for Web Design: Aesthetics.
- During the wireframing portion…of Illustrator CC for Web Design Series,…you learned a little bit about creating a UI library…that you can easily drag-and-drop out…from the Library panel, so that you can add things…like form fields to your design.…But the problem with the form fields that we used there…is they're very generic, like the one that you see here.…It's just white, kind of out of place,…it's got this gray border that surrounds it,…and it just doesn't look all that great.…So in this movie, what we're going to do…is we're going to customize this a little bit…using the template of this one right here.…So first thing I'm going to do…is I'm just going to create myself and new artboard…just by grabbing the artboard tool…and clicking and dragging an artboard right along here.…
This is just going to give me a temporary place to work…so that I can see what's going on.…And also at the same time,…transforming this into something a little bit more…eye pleasing.…So what I'm going to do is I'm going to…first look up in Transform panel and see exactly…
- Finding color inspiration
- Applying color
- Choosing the right typeface
- Using character and paragraph styles
- Optimizing graphics in Photoshop
- Placing photos and vector artwork in Illustrator
- Creating buttons and other UI elements
- Organizing and sharing your project
Skill Level Intermediate
Illustrator for Web Design: Core Conceptswith Justin Seeley1h 33m Intermediate
1. Working with Color
2. Working with Text
3. Working with Images
4. Creating UI Elements
Designing your navigation4m 57s
5. Last Steps
Taking the next step1m 42s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.