Material Design Wireframe Example: Compose Email


This is a material design wireframe example for email composing, created using the best material design wireframe software. It involves three wireframes. The first wireframe shows a contact list (with active selection). The second wireframe shows a number of option buttons for different sharing options (e.g. Gmail, Hangout, etc). The third wireframe is the email composing screen. It contains a number of fields for recipient and message body.

Create your wireframe by using this template as a starting point. Customize the diagram for your solution. No prior registration required.

What is wireframe?

Wireframing is a way to design a website. A wireframe shows the lay out and functionality of web pages with user needs and journeys taken into account. Very often, wireframes are used at the early phase of a development process to establish a common understanding of web page between the team and the end users before visual design and content are developed.

How to draw a Material Design wireframe?

Want to create wireframes for your website? Try Visual Paradigm, a top-rated online diagramming software that features all the Material Design wireframe tool, symbols, examples and templates you needed.

  1. Create a Material Design wireframe.
  2. Form your Material Design wireframe with the symbols you need. Simply select the wireframe shapes from palette and put them on the canvas. Resize them to fit your need.
  3. Save your finished work (File > Save as) to our cloud repository for future access. You can also export your work into image (JPG, PNG, PDF, SVG, etc) and share it with your co-workers.

Keen to try VP Online?

No limitations, no obligations, no cancellation fees.

Start a Free Trial

We use cookies to offer you a better experience. By visiting our website, you agree to the use of cookies as described in our Cookie Policy.