Join James Williamson for an in-depth discussion in this video Creating mockups, part of Applied Responsive Design.
There's been a tremendous amount of effort lately to find just the right mockup and prototyping…tool for building responsive designs.…I've seen a lot of people advocating traditional programs that they normally use, like Adobe's…Fireworks, Photoshop, and the program you are seeing here, which is Illustrator.…I've also seen a lot of nontraditional programs like Apple's Keynote and Adobe's InDesign…that allow you to simulate responsive features and functionalities and some animation stuff…being used a lot as well. And there is really a growing number of online tools designed…to allow really rapid prototyping of responsive design sites.…
Now, rather than dedicate what would really end up being an entire chapter to demoing…prototyping tools, I really want to discuss how planning response sites requires you to…adopt maybe a slightly different perspective and workflow on the planning a mockup phase.…So I think the best way to show this is just to simply show you my own process.…So I have the file desolve_ mockup opened from the 01_02 folder.…
- Creating mockups
- Structuring page regions
- Defining default styles and media queries
- Building desktop, tablet, and mobile layouts
- Structuring and styling menus
- Dynamically replacing menus
- Creating a responsive image gallery
- Adding phone functionality
- Testing responsive sites
Skill Level Intermediate
1. Planning Responsive Designs
2. Building Responsive Layouts
3. Responsive Navigation
4. Creating Responsive Media
5. Enhancing Sites for Mobile
6. Managing Resources
Additional resources4m 10s
- 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.