Join Nigel French for an in-depth discussion in this video Create a wireframe, part of Designing a Portfolio Website with Muse.
- [Instructor] So we've carefully considered…the purpose of our portfolio, we have corralled…all of our assets, we've looked at various different…graphic designers' websites for inspiration,…we've deconstructed templates to see how…they're put together, and now we're raring to go,…we can't wait to start designing in Muse,…well hold your horses, one more thing we need to do…before we do that and very importantly,…we need to create a wire frame.…Now the wire frame can start out as simple as this,…there's my wire frame, nothing more than a pencil sketch…but as crude as that is, it was very helpful to me.…
This is for you, no one's going to see this.…And then I translated my wire frame into Illustrator…but you could also use Photoshop or InDesign…or whatever you're comfortable with,…just marking out the different regions of the page…and the sizes of those regions.…So this is a very important document which we'll…be referring to throughout the duration of the project…and of course it is going to evolve as the project evolves,…
- Starting a new portfolio website
- Making a header and footer
- Adding navigation
- Including social media icons
- Adding an autoplay slideshow
- Making thumbnail images and buttons
- Creating an About page and a Contact page
- Linking pages together
- Creating an accordion menu
- Adding breakpoints for responsiveness
- Testing and publishing a website
Skill Level Intermediate
Creating Icon Fonts for the Webwith James Williamson3h 56m Intermediate
1. Plan Your Portfolio
2. Set Up Your Site in Muse
3. Display Your Work
4. Add Pages
5. Make Your Site Responsive
6. Publish the Site
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
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.