The Complete Guide to UI/UX Wireframing
This free online course provides the skills used to create paper and digital wireframe designs using various software.Publisher: Aleksandar Cucukovic
Share This Course And
CertificationView course modules
Wireframing is the process of careful planning and designing of the layout of screen elements for a project. It is the most important step in the design of a screen. It allows you to carefully and strategically design the information hierarchy, making it easier to position the layout according to how you want your user to process the information. Wireframing also provides a visual understanding of a webpage or any other project before you complete the page. This practice is used mainly by user interface and experience (UI/UX) designers in their projects. This course covers all the elements of wireframing, providing the necessary information and skills to create an easy-to-understand and well-defined wireframe for any project, whether it’s a website, mobile or desktop app.
First, we will introduce you to the two kinds of wireframes, paper and digital. You will learn about the most common and essential elements placed in a wireframe, like buttons and images. Then, we examine the various resources required to create paper wireframes. We demonstrate some examples and show how to use a template to design paper wireframes. The following section focuses entirely on digital wireframes. We share a list of the various tools like Wireframe CC that you can use to create digital wireframes. We provide a comprehensive explanation of each tool with the help of various examples and illustrations. You will discover the various features offered by each tool and the level of complexity involved in working with each.
The final section will focus on Photoshop. Photoshop is a graphics design program used by UI/UX designers all around the globe. It offers impressive features to create all sorts of graphic work and illustrations. This section features the processes involved in creating a wireframe in Adobe Photoshop. Furthermore, we explain the various tools and artboards in Adobe Photoshop and Adobe XD. We intend to provide you with all the necessary information and the practical skills to create intelligently designed and sophisticated wireframes. If you are keen on getting involved in the UI/UX design field or are a curious and creative person who wants to learn something new and exciting, then take advantage of this opportunity and enrol on this course today.Start Course Now
By the end of this course, you will be able to:
- Explain the purpose of wireframing a project
- List the various types of wireframes
- Indicate the various benefits of wireframing
- List the equipment required for paper wireframing
- Recall some tools used for creating digital wireframes
- Explain the process of creating a wireframe using Adobe Photoshop
- Discuss the various benefits of using templates for wireframing
All Alison courses are free to enrol, study and complete. To successfully complete this Certificate course and become an Alison Graduate, you need to achieve 80% or higher in each course assessment. Once you have completed this Certificate course, you have the option to acquire an official Certificate, which is a great way to share your achievement with the world. Your Alison Certificate is:
Ideal for sharing with potential employers - include it in your CV, professional social media profiles and job applications
An indication of your commitment to continuously learn, upskill and achieve high results
An incentive for you to continue empowering yourself through lifelong learning
Alison offers 3 types of Certificates for completed Certificate courses:
Digital Certificate - a downloadable Certificate in PDF format, immediately available to you when you complete your purchase
Certificate - a physical version of your officially branded and security-marked Certificate, posted to you with FREE shipping
Framed Certificate - a physical version of your officially branded and security-marked Certificate in a stylish frame, posted to you with FREE shipping
All Certificates are available to purchase through the Alison Shop. For more information on purchasing Alison Certificates, please visit our FAQs. If you decide not to purchase your Alison Certificate, you can still demonstrate your achievement by sharing your Learner Record or Learner Achievement Verification, both of which are accessible from your Dashboard. For more details on our Certificate pricing, please visit our Pricing Page.