We may earn an affiliate commission when you visit our partners.
Course image
Jonathan Owen
By the end of this project, you’ll be able to create wireframes for different screen sizes. You’ll build your wireframes with Adobe XD. XD is a vector-based graphics design and prototyping program. This program gives you the ability to design multiple...
Read more
By the end of this project, you’ll be able to create wireframes for different screen sizes. You’ll build your wireframes with Adobe XD. XD is a vector-based graphics design and prototyping program. This program gives you the ability to design multiple iterations of webpages, all the way from wireframes to high-fidelity mockups. When you use XD to create wireframes, you’ll be able to test and compare lots of different layouts—then save and share those designs. During this project, you’ll build and test wireframes for a coffee subscription website. First, you’ll get used to navigating the XD workspace. Then you’ll create a wireframe for a mobile screen size. Next, you’ll use that basic design to create a wireframe design for a tablet screen size. Last, you’ll create a wireframe for desktops.. As you complete these you’ll create the artboards, objects, and assets to build basic wireframes. By the end of the project, you’ll be comfortable creating wireframes for different screens with Adobe XD. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.
Enroll now

Good to know

Know what's good
, what to watch for
, and possible dealbreakers
Suitable for learners based in North America
Develops essential wireframing skills using Adobe XD
Provides hands-on practice through building wireframes for various screen sizes
Introduces a comprehensive workflow for wireframing
Guided by experienced instructors with expertise in web design
Focuses on practical applications, making it relevant for industry professionals

Save this course

Save Create wireframes for different screen sizes in Adobe XD to your list so you can find it easily later:
Save

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Create wireframes for different screen sizes in Adobe XD with these activities:
Review basic vector-based design concepts
Reviewing vector-based design concepts will help solidify your understanding of the fundamentals of creating wireframes.
Browse courses on Vector Graphics
Show steps
  • Read articles or watch tutorials on vector-based design.
  • Practice creating simple vector shapes and illustrations.
Create wireframes for different screen sizes
Creating wireframes for different screen sizes will help you develop your skills in designing user interfaces.
Browse courses on Wireframing
Show steps
  • Choose a simple website or app and design wireframes for different screen sizes, such as mobile, tablet, and desktop.
  • Use Adobe XD to create the wireframes.
  • Test the wireframes with users to get feedback.
Attend a workshop on user interface design
Attending a workshop on user interface design will help you learn from experts and network with other designers.
Browse courses on UI Design
Show steps
  • Research and find a workshop on user interface design that aligns with your interests.
  • Register for the workshop.
  • Attend the workshop and participate actively.
Three other activities
Expand to see all activities and additional details
Show all six activities
Write a blog post about your experience creating wireframes
Writing a blog post about your experience creating wireframes will help you reflect on your learning and share your knowledge with others.
Browse courses on Wireframing
Show steps
  • Choose a topic related to wireframing that you're interested in writing about.
  • Write a draft of your blog post.
  • Edit and proofread your blog post.
  • Publish your blog post on a platform like Medium or your own website.
Create a portfolio of your wireframe designs
Creating a portfolio of your wireframe designs will help you showcase your skills and attract potential employers or clients.
Browse courses on Wireframing
Show steps
  • Choose your best wireframe designs to include in your portfolio.
  • Create a presentation that showcases your designs.
  • Upload your portfolio to a website or online platform.
Mentor Junior Wireframers
Reinforce your understanding of wireframing by mentoring junior wireframers and sharing your knowledge.
Show steps
  • Identify opportunities to mentor junior wireframers
  • Provide guidance and support to help them develop their skills

Career center

Learners who complete Create wireframes for different screen sizes in Adobe XD will develop knowledge and skills that may be useful to these careers:
UI Designer
As a UI Designer, you'll be responsible for designing the user interface of websites and applications. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for User Experience Designers and Web Designers.
Web Developer
As a Web Developer, you'll be responsible for developing websites. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for User Experience Designers and Web Designers.
UX Researcher
As a UX Researcher, you'll be responsible for conducting user research to improve the user experience of products. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for User Experience Designers and Web Designers.
Mobile Developer
As a Mobile Developer, you'll be responsible for developing mobile applications. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for User Experience Designers and Web Designers.
User Experience Designer
As a User Experience Designer, you'll be responsible for creating wireframes for different screen sizes. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for User Interface Designers and Web Designers.
Product Designer
As a Product Designer, you'll be responsible for designing the user experience of products. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for User Experience Designers and Web Designers.
Interaction Designer
As an Interaction Designer, you'll be responsible for designing the interactions between users and products. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for User Experience Designers and Web Designers.
Information Architect
As an Information Architect, you'll be responsible for organizing and structuring information to improve the user experience of websites and applications. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for User Experience Designers and Web Designers.
Project Manager
As a Project Manager, you'll be responsible for planning and executing projects. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for Web Designers.
Business Analyst
As a Business Analyst, you'll be responsible for analyzing business processes and identifying opportunities for improvement. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for Web Designers.
Marketing Manager
As a Marketing Manager, you'll be responsible for planning and executing marketing campaigns. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for Web Designers.
Technical Writer
As a Technical Writer, you'll be responsible for creating documentation for software, hardware, and other products. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for Web Designers.
Graphic designer
As a Graphic Designer, you'll be responsible for creating visual content for websites, applications, and other media. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for Web Designers.
Quality Assurance Analyst
As a Quality Assurance Analyst, you'll be responsible for testing software and hardware to ensure that they meet quality standards. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for Web Designers.
Content Strategist
As a Content Strategist, you'll be responsible for planning and creating content for websites, applications, and other media. This course will help you build a foundation in Adobe XD, the industry-standard tool for wireframing. You'll learn how to create artboards, objects, and assets to build basic wireframes. This course may also be helpful for Web Designers.

Reading list

We've selected 13 books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Create wireframes for different screen sizes in Adobe XD.
Classic in the field of design. It discusses the principles of good design and how they can be applied to everyday objects.
Provides a comprehensive overview of design thinking, a process that can be used to solve complex problems and create innovative solutions.
Collection of essays on the principles of design. It great resource for designers who want to improve their understanding of the design process.
Provides a step-by-step guide to sketching user experiences. It valuable resource for designers who want to improve their sketching skills.
Must-read for entrepreneurs who want to learn about the lean startup methodology. It provides practical advice on how to build and launch a successful business.
Provides practical advice on how to improve personal effectiveness. It great resource for business leaders who want to improve their leadership skills.
Discusses the challenges that large companies face when they are trying to innovate. It valuable resource for business leaders who want to stay ahead of the competition.
Provides a framework for marketing and selling technology products to mainstream customers. It valuable resource for entrepreneurs and marketers who are looking to grow their businesses.
Provides a simple framework for developing good strategy. It valuable resource for business leaders who want to improve their strategic thinking.
Great introduction to web design for beginners. It covers the basics of HTML, CSS, and JavaScript, and provides step-by-step instructions for creating a simple website.

Share

Help others find this course page by sharing it with your friends and followers:

Similar courses

Here are nine courses similar to Create wireframes for different screen sizes in Adobe XD.
Build a low-fidelity prototype for a mobile app in Adobe...
Most relevant
UX Design Creating Wireframes
Most relevant
Build a High-Fidelity Prototype for a Mobile App in Adobe...
Most relevant
Create wireframes for desktop and other devices in Adobe...
Most relevant
Create Mockups for a Website Homepage in Adobe XD
Most relevant
Create Digital Wireframes in Adobe XD
Most relevant
Illustrator CC for UX Design
Most relevant
App Design with Adobe Xd
Most relevant
How to Create and Style an Artboard In Adobe XD
Most relevant
Our mission

OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.

Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.

Find this site helpful? Tell a friend about us.

Affiliate disclosure

We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.

Your purchases help us maintain our catalog and keep our servers humming without ads.

Thank you for supporting OpenCourser.

© 2016 - 2024 OpenCourser