We may earn an affiliate commission when you visit our partners.

Wireframes en Adobe InDesign

Crea un diseño básico

Monica I. Heredia Rodriguez

En este proyecto guiado: Wireframes en Adobe InDesign: Crea un diseño básico aprenderás cómo crear un diseño básico de página web. ""Wireframing"" o estructuras alámbricas son un modelo tridimensional esquelético en el que solo se representan líneas y vértices. Esto es, una imagen o un conjunto de imágenes que muestran los elementos funcionales de una página web, se utiliza como borrador en el proceso de planificar la funcionalidad de una página web. Este paso es uno de los más importantes en el diseño de página web o aplicaciones móviles. Este proyecto te ayudará a sentirte más cómodo y confiado a la hora de diseñar proyectos de páginas web o aplicaciones móviles en la vida real ya que trabajarás con distintos componentes de una estructura básica, aprenderás a ajustarlos y a crear nuevos espacios funcionales en tu diseño. Para este proyecto debes tener conocimientos básicos de Adobe InDesign adicionalmente debes tener una cuenta activa de Adobe para poder trabajar este proyecto.

Enroll now

Or subscribe to Coursera Plus

And get unlimited access to Coursera

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Explores wireframing, a foundational skill for UI/UX design

Provides hands-on practice creating basic wireframes in Adobe InDesign

Taught by instructors with experience in the field

Assumes basic proficiency in Adobe InDesign

Requires an active Adobe account

Save this course

Save Wireframes en Adobe InDesign: Crea un diseño básico 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 Wireframes en Adobe InDesign: Crea un diseño básico with these activities:

Review Basics of Adobe InDesign

Show steps

Refreshes your knowledge of using the Adobe InDesign software and making that the time spent working on the course is more productive.

Browse courses on Adobe InDesign

Show steps

Review the InDesign user interface and tools.
Practice creating and editing simple shapes and text.

Explore Adobe InDesign Tutorials

Show steps

Provides additional support and guidance beyond the course materials, enhancing your understanding of Adobe InDesign.

Browse courses on Adobe InDesign

Show steps

Identify specific areas where you need additional support.
Search for and select reputable Adobe InDesign tutorials.
Follow the tutorials step-by-step.

Join a Study Group

Show steps

Offers opportunities to collaborate with peers, exchange ideas, and receive feedback on your work, fostering a supportive learning environment.

Show steps

Find or create a study group with other students in the course.
Establish regular meeting times and agendas.
Discuss course material, work on projects together, and provide feedback to each other.

Five other activities

Expand to see all activities and additional details

Show all eight activities

Create Wireframe Mockups

Show steps

Provides hands-on practice in creating wireframe mockups, which is a fundamental skill for web and mobile app design.

Browse courses on Wireframing

Show steps

Define the purpose and functionality of the wireframe.
Sketch out a rough draft of the wireframe.
Create a digital wireframe using Adobe InDesign.
Refine the wireframe based on feedback.

Attend an Adobe InDesign Workshop

Show steps

Provides an immersive learning experience where you can interact with experts, ask questions, and gain hands-on practice.

Browse courses on Adobe InDesign

Show steps

Research and identify relevant Adobe InDesign workshops.
Register for a workshop that aligns with your learning goals.
Attend the workshop and actively participate in discussions and exercises.

Read 'The Elements of User Experience'

Show steps

Provides a theoretical foundation for understanding user experience design principles, complementing the practical skills taught in the course.

View The Elements of User Experience: User-Centered... on Amazon

Show steps

Read the book thoroughly.
Take notes and highlight key concepts.
Apply the principles discussed in the book to your wireframing and design work.

Design a Landing Page

Show steps

Applies the skills learned in the course to a real-world project, giving you a sense of accomplishment and practical experience.

Browse courses on Landing Page Design

Show steps

Determine the target audience and purpose of the landing page.
Gather content and images for the landing page.
Create a wireframe for the landing page.
Design and develop the landing page using Adobe InDesign.
Test and refine the landing page.

Build a Design Portfolio

Show steps

Showcases your wireframing and design work, creating a valuable asset for your professional development.

Show steps

Select your best wireframing and design projects.
Create a portfolio website or online gallery.
Upload your projects and provide detailed descriptions.
Seek feedback from industry professionals.

Career center

Learners who complete Wireframes en Adobe InDesign: Crea un diseño básico will develop knowledge and skills that may be useful to these careers:

Web Designer

Web Designers create the visual design of websites. This course may help build a foundation in designing web pages using Adobe InDesign. Wireframing is a valuable skill for Web Designers, as it helps them to create blueprints for the visual design of a website and ensure that it is consistent with the overall brand identity.

See salaries and explore the career path for Web Designer

Web Developer

As a Web Developer, you will design, build, and maintain websites. This course may help build a foundation in designing web pages using Adobe InDesign. Wireframes are essential in the early stages of web development for planning the functionality of a website. Wireframing skills are valuable to Web Developers, as they can use them to create visual representations of their ideas and collaborate with other team members.

See salaries and explore the career path for Web Developer

UI Designer

User Interface (UI) Designers create the visual interface of websites and applications. This course may help build a foundation in designing web pages using Adobe InDesign. Wireframing is an important skill for UI Designers, as it helps them to create blueprints for the user interface and ensure that it is functional and visually appealing.

See salaries and explore the career path for UI Designer

UX Designer

User Experience (UX) Designers focus on the overall experience of users interacting with a website or application. This course may help build a foundation in designing web pages using Adobe InDesign. Wireframing is an important skill for UX Designers, as it helps them to understand the user flow and create a user-friendly interface.

See salaries and explore the career path for UX Designer

Digital Product Designer

Digital Product Designers create digital products, such as websites, applications, and software. This course may help build a foundation in designing web pages using Adobe InDesign. Wireframing is a valuable skill for Digital Product Designers, as it allows them to visualize and communicate their product ideas.

See salaries and explore the career path for Digital Product Designer

Graphic designer

Graphic Designers create visual content for various media, including websites, brochures, and social media posts. This course may be helpful for Graphic Designers who want to expand their skillset into web design. Wireframing can help Graphic Designers to create website layouts that are both visually appealing and functional.

See salaries and explore the career path for Graphic designer

Product Designer

Product Designers are responsible for the entire product development process, from ideation to launch. This course may help build a foundation in designing web pages using Adobe InDesign. Wireframing is a valuable skill for Product Designers, as it allows them to visualize and communicate their product ideas.

See salaries and explore the career path for Product Designer

Interaction Designer

Interaction Designers create the interactive elements of websites and applications. This course may help build a foundation in designing web pages using Adobe InDesign. Wireframing can help Interaction Designers to visualize how users will interact with a website or application and create prototypes of interactive elements.

See salaries and explore the career path for Interaction Designer

Front-End Developer

Front-End Developers are responsible for the user-facing side of websites and applications. This course may help build a foundation in designing web pages using Adobe InDesign. Wireframing is a valuable skill for Front-End Developers, as it helps them to create prototypes of web pages before they start coding.

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

Information Architect

Information Architects design and organize the content of websites and applications. This course may help build a foundation in designing web pages using Adobe InDesign. Wireframing can help Information Architects to visualize the structure of a website and ensure that the content is organized in a logical and user-friendly way.

See salaries and explore the career path for Information Architect

Content Designer

Content Designers create and manage the content of websites and applications. This course may be helpful for Content Designers who want to expand their skillset into web design. Wireframing can help Content Designers to visualize the structure of a website and ensure that the content is organized in a logical and user-friendly way.

See salaries and explore the career path for Content Designer

Software Engineer

Software Engineers design, develop, and maintain software systems. This course may be helpful for Software Engineers who want to expand their skillset into web design. Wireframing can help Software Engineers to visualize the architecture of a software system and ensure that it is scalable and maintainable.

See salaries and explore the career path for Software Engineer

Data Scientist

Data Scientists analyze data to extract insights and make predictions. This course may be helpful for Data Scientists who want to expand their skillset into web design. Wireframing can help Data Scientists to visualize the structure of a website and ensure that it is organized in a way that makes it easy to collect and analyze data.

See salaries and explore the career path for Data Scientist

Business Analyst

Business Analysts analyze business processes and identify areas for improvement. This course may be helpful for Business Analysts who want to expand their skillset into web design. Wireframing can help Business Analysts to visualize the structure of a website and ensure that it is aligned with the business objectives.

See salaries and explore the career path for Business Analyst

Project Manager

Project Managers plan and execute projects. This course may be helpful for Project Managers who want to expand their skillset into web design. Wireframing can help Project Managers to visualize the scope of a project and ensure that it is completed on time and within budget.

See salaries and explore the career path for Project Manager

Reading list

We've selected 14 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 Wireframes en Adobe InDesign: Crea un diseño básico.

The Elements of User Experience

Save

This well-known book by Jesse James Garrett must-have for anyone looking to get into UX design.

The Elements of User Experience: User-Centered...

Wireframes en Adobe InDesign

Crea un diseño básico

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses