Create Mockups for a Mobile Website Using Adobe XD from Coursera

Adobe XD is a UI/UX design tool that allows users to create all kinds of graphic art and website design products including website wireframes, mobile app wireframes, Social Media images, and other projects. It has many of the most popular features of Adobe Photoshop, and it allows users to import files from Photoshop, Illustrator, and Sketch. In this project, learners will learn how to create a mock-up for a mobile website in Adobe XD including, how to get a free account, helpful tips on how to get started with a website design project, and other basics that will help learners get a mobile website design project off to a good start. This is the perfect project for someone who needs an easy-to-use platform to create advanced-looking graphic art products. This will be beneficial to individuals and teams in creative departments, marketing and sales, design, and departments where creating presentations is a regular need. 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.

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Provides a practical and hands-on approach to creating mobile website designs

Suitable for individuals and teams in creative departments and other fields

Leverages the capabilities of Adobe XD, a popular UI/UX design tool

Provides foundations for beginners in website design

Instructor Carmen Rojas has expertise in UI/UX design

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 Mockups for a Mobile Website Using Adobe XD with these activities:

Read 'The Design of Everyday Things'

Show steps

Review the book 'The Design of Everyday Things' to gain insights into the principles of user-centered design, which are essential for UI/UX design.

View Things That Make Us Smart: Defending Human... on Amazon

Show steps

Read the book and take notes on key concepts
Reflect on how the concepts apply to UI/UX design

Review Digital Design Basics

Show steps

Review the principles of digital design including understanding user needs, creating effective visual hierarchies, and choosing appropriate typography.

Browse courses on Digital Design

Show steps

Go through a tutorial on the basics of digital design
Identify the principles of visual hierarchy
Practice creating a mood board for a website or app

Follow Tutorials on Adobe XD

Show steps

Seek out and follow tutorials on Adobe XD to enhance your understanding of its features and capabilities.

Browse courses on Adobe XD

Show steps

Search for Adobe XD tutorials on YouTube or online forums
Choose a tutorial that aligns with your skill level and interests
Follow the tutorial step-by-step and experiment with the features

Three other activities

Expand to see all activities and additional details

Show all six activities

Create a Mobile App Wireframe

Show steps

Start working on a mobile app wireframe to apply the principles of UI/UX design and get hands-on experience with Adobe XD.

Browse courses on Mobile App Design

Show steps

Choose a mobile app idea and define the user flow
Sketch out the wireframe using Adobe XD
Create a prototype of the wireframe for testing

Design a Social Media Image

Show steps

Create a social media image using Adobe XD to reinforce your understanding of image design principles and XD's tools.

Browse courses on Social Media Design

Show steps

Choose a social media platform and define the image dimensions
Create a design concept and gather relevant assets
Design the image using Adobe XD, paying attention to typography, color, and composition

Practice Creating UI Elements

Show steps

Practice creating various UI elements such as buttons, menus, and icons to enhance your proficiency in UI design and mastery of XD's tools.

Browse courses on UI Design

Show steps

Choose a UI element to focus on
Create multiple variations of the element using different styles and techniques
Analyze the effectiveness of each variation based on design principles

Career center

Learners who complete Create Mockups for a Mobile Website Using Adobe XD will develop knowledge and skills that may be useful to these careers:

UX Designer

UX Designers focus on the user experience of a website or mobile application. They work to ensure that the user journey is smooth and enjoyable. This course will help you develop the skills you need to create user-centered mobile website designs in Adobe XD.

See salaries and explore the career path for UX Designer

UI Designer

UI Designers are responsible for creating the look and feel of a website or mobile application. They work closely with UX Designers to ensure that the user interface is both visually appealing and easy to use. This course will help you develop the skills you need to create beautiful and functional mobile website designs in Adobe XD.

See salaries and explore the career path for UI Designer

Web Designer

Web Designers create the overall layout and structure of a website. They work with UI and UX Designers to ensure that the website is both visually appealing and easy to navigate. This course will help you develop the skills you need to create responsive and mobile-friendly website designs in Adobe XD.

See salaries and explore the career path for Web Designer

Graphic designer

Graphic Designers create visual content for a variety of purposes, including websites, mobile applications, and social media. This course will help you develop the skills you need to create high-quality graphic designs in Adobe XD.

See salaries and explore the career path for Graphic designer

Art Director

Art Directors oversee the visual direction of a project. They work with Designers and other creatives to ensure that the project meets the client's vision. This course will help you develop the skills you need to lead and manage creative teams.

See salaries and explore the career path for Art Director

Product Designer

Product Designers work on the entire product development process, from concept to launch. They work with Engineers and Marketing to ensure that the product meets the needs of the user. This course will help you develop the skills you need to create successful mobile products.

See salaries and explore the career path for Product Designer

Front-End Developer

Front-End Developers are responsible for the user interface of a website or mobile application. They work with Designers to implement the visual design into code. This course will help you develop the skills you need to create responsive and interactive web pages in Adobe XD.

See salaries and explore the career path for Front-End Developer

Full-Stack Developer

Full-Stack Developers work on both the front-end and back-end of a website or mobile application. This course may be helpful if you are interested in learning more about the full stack of web development.

See salaries and explore the career path for Full-Stack Developer

Back-End Developer

Back-End Developers are responsible for the server-side of a website or mobile application. They work with Front-End Developers to ensure that the website or application is performant and secure. This course may be helpful if you are interested in learning more about the technical side of web development.

See salaries and explore the career path for Back-End Developer

Marketing Manager

Marketing Managers are responsible for developing and executing marketing campaigns. They work with Designers and other creatives to create marketing materials that promote the product or service. This course may be helpful if you are interested in learning more about marketing and how to use design to promote a product or service.

See salaries and explore the career path for Marketing Manager

Sales Manager

Sales Managers are responsible for developing and executing sales strategies. They work with Designers and other creatives to create sales materials that promote the product or service. This course may be helpful if you are interested in learning more about sales and how to use design to promote a product or service.

See salaries and explore the career path for Sales Manager

Account Manager

Account Managers are responsible for managing relationships with clients. They work with Designers and other creatives to ensure that the client is satisfied with the product or service. This course may be helpful if you are interested in learning more about account management and how to use design to build relationships with clients.

See salaries and explore the career path for Account Manager

Project Manager

Project Managers are responsible for planning and executing projects. They work with Designers and other creatives to ensure that the project is completed on time and within budget. This course may be helpful if you are interested in learning more about project management and how to use design to plan and execute projects.

See salaries and explore the career path for Project Manager

Business Analyst

Business Analysts are responsible for analyzing business needs and developing solutions. They work with Designers and other creatives to ensure that the solution meets the needs of the business. This course may be helpful if you are interested in learning more about business analysis and how to use design to develop solutions to business problems.

See salaries and explore the career path for Business Analyst

Technical Writer

Technical Writers are responsible for writing documentation for software and other products. They work with Designers and other creatives to ensure that the documentation is clear and easy to understand. This course may be helpful if you are interested in learning more about technical writing and how to use design to create clear and concise documentation.

See salaries and explore the career path for Technical Writer

Create Mockups for a Mobile Website Using Adobe XD

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses