Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
This course reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups with the strong layout and color management tools in Adobe Illustrator. Author and Adobe Certified Expert Justin Seeley covers topics such as building responsive layouts with artboards, producing custom color palettes and swatches for web graphics, and making vector shapes and text that seamlessly scale. The course also explores adding drop shadows and other live effects, setting up interface elements such as forms and tabbed interfaces, optimizing and exporting different types of graphics, and speeding up your workflow with reusable image sprites and Smart Objects.
The web is an ever-changing landscape. As designers, we now have to be cognizant of all of the new screen sizes and devices that are constantly flooding the market. The days of designing a basic desktop version of a web site are over, and as designers, we must adapt. In my opinion, the web isn't necessarily a target by itself anymore; instead, it's becoming more of an overarching category that now encompasses many targets that we must design for. So what's the one thing that all of these targets have in common? Screens. Whether it's a desktop, a laptop, an iPad, or a playbook, we have to know and understand the screens on which our designs are being viewed, so that we can provide a better user experience for the end user.
If you're making the jump from traditional or print design into the world of web, don't be scared. Sure, the web might be something new, but it's also full of new and exciting possibilities. We're able to do things on the web that we never even thought about doing in a print design. That's what makes the web so amazing. Also, in print, there are rules--on the web, not so much. Sure, there are guidelines and best practices, but for the most part it's the wild, wild west out here for us designers. As they say, with great power comes great responsibility, and in web design, it's no different.
Throughout this course, I'm going to reference various ways that you can enhance your designs to be more screen-friendly, and I'll also be discussing things like high-resolution displays-- or Retina graphics--touch interfaces, and mobile layouts. Remember, the game is changing and as designers, we have to keep up so we aren't left behind. So I wanted to take a moment to discuss with you the premise of designing for screens, because as I said, we're no longer just designing for the web; we're designing for individual ecosystems and experiences that our users are going to take going forward using many different devices, and if you're not up to speed with everything that's going on, you're going to leave both yourself and your users out in the cold.
Find answers to the most frequently asked questions about Illustrator for Web Design.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.