Wireframes have been used in website design for many years to act as blueprints or frameworks representing the layout of a website. These wireframe layouts leave out graphics, typographic styling and and colors in order to be updated quickly and easily. MuseThemes is excited to bring this concept to the Muse world with our series of pre-built Wireframes!
Wireframes are great for teams, as well as designers looking to provide a functional rough draft to clients. These fully responsive layouts can be re-arranged very quickly as needed. Once finalized, wireframes can easily be turned into completed websites by replacing placeholder images and text copy.
Compatibility: Muse 2015.1 and newer
Supported Devices: Desktop, Tablet, Phone
Version 1.1
Release Log
Hydrogen Layout:
1.2: Grouped navigation hamburger icon bars to improve look on tablet and mobile breakpoints. Updated home page slider for better performance between 320-360px.
Note: this is a general Wireframe Docs page that covers all Wireframe products. The setup steps and tutorial video can be applied to all Wireframes.
Setup
Download the Wireframe bundle from the Wireframes product page. Your download will contain a bundle of Wireframes, arranged in categories. Select the Wireframe of choice and open the .muse file.
If you've worked with our templates, then Wireframes will be familiar to you. When you open the .muse file, you will see an entire site layout. The site is fully functional, and can be previewed in browser immediately.
You may want to make changes to the wireframe before sharing or finalizing...
If Changes Are Needed:
Preview the site in browser to assess the site layout and functionality.
Jump back into Muse to make any changes you like. If you want to start with the "big picture" you can begin in Plan View, where you can make changes to the page structure of the site. You can delete, duplicate, or re-arrange pages as needed.
You may want to update any Master page(s) to reflect changes made in Plan View. If the Wireframe you're editing uses default menu widgets, they should update automatically with proper page names and links.
View any page in Design Mode to make adjustments to the page layout. You can delete, duplicate or move images, slideshows, text boxes, etc.
Sharing:
Once you're happy with the layout and function of your wireframe, you may want to share it with a team or client. Click Publish in the upper right area of the Muse top menu to publish a temporary website to Business Catalyst.
Share the temporary BC link.
If you wish to share the project file, save a new version of the .muse file using the "File > Save As" command and share that with them, along with the temp BC link.
Finalizing:
Once you've received all input from your client or team, you may turn the Wireframe into a finalized website using Muse. Alternatively, if you are using Muse as a prototyping tool and having a developer build your site, you may pass the project to them at this time.
To finalize in Muse, open the Wireframe and:
Update page names as needed.
Replace any image placeholders.
Update text copy with permanent copy.
Load any gallery or slideshow widget with permanent images.
Update any logo or icon as needed.
Add metadata information as needed using Site Properties and Page Properties functions.