Course
UI Design
Online

Learn everything you need to become
UI Designer at a professional level with this intensive course.

In this course, in addition to the fundamental concepts of visual design, you will learn to design graphical interfaces by prototyping and user testing with Figma, Invision, Sketch and Marvel, as well as introducing yourself to HTML, CSS and WordPress layout.

 

Start

9 January 2023

 


Duration

120 Hours / 3 Months

 

Schedule

Monday to Friday from 19:00 – 21:00

Who is it geared towards?

To take the course it is not necessary to have any previous experience and it is aimed at different types of profiles that we describe.

Unemployed

These courses are perfect if you need to find a job quickly and are passionate about new technologies. Did you know that there is practically no unemployment in this sector?

Recent graduates

After your studies you need to specialize in a specific area to find a good job. Do you want to learn what companies are really looking for?

Entrepreneurs

Are you interested in creating your own StartUp? Our courses will allow you to have all the technical knowledge to create a digital product and manage your own technical team.

Life change

Would you like to turn your professional career around? If you want to change your profession and get a job with a great future, our bootcamps will allow you to do it in a very short time.

Program Management

Our programs are taught by a demanding selection of outstanding professionals in the sector.

francis restoy

Program Director
UX Design professional expert and teacher.
He has been developing projects in various agencies and schools for more than 15 years.

SCHEDULE

The aim of the course is for you to reach a professional level in UI Design. 

UI Design

120 Hours / 3 Months

In this module, in addition to the fundamental concepts of visual design, you will learn to design graphical interfaces by prototyping and user testing with Figma, Invision, Sketch and Marvel, and you will also be introduced to HTML, CSS and WordPress layout.


Fundamentals of Visual Design

• Principles, application of modes and color profiles.
• The color on the web or app. Its use in Sketch, Figma and Adobe XD.
• Principles of typography.
• Application of typography on web and app.
• Use of typography in tools: Sketch, Figma and Adobe XD.
• Basic fundamentals of the UI; Retina export, 8pt grid, etc.

UI Interface Design

• Fundamentals of visual design: use of images and illustration.
• UI basics: retina export, 8pt grid, etc.
• Generation of style guides and UI kit.
• Atomic Design and design systems.
• Creation of components, responsive design and libraries.
• Creation of components, responsive design and libraries (II).
• Creation of Design System repository with Zero Height and DSM.
• UI integration with code and handoffs; Zeplin and InVision.

Prototyping and testing with users

• Screen prototyping with Invision, Sketch and Marvel.
• Prototyping with Figma. Microinteractions with Smart Animate.
• Testing with users.

Prototyping and advanced animation with Principle and ProtoPie.
Web ecosystem and layout

• Different types of servers.
• Understanding web protocols; http, ftp, etc
• Differences between static web and dynamic web.
• HTML code and its function in a web page.
• Head tags in HTML.
• CSS and its role in web design.
• Text editors: Visual Studio Code.
• Basic concepts of web layout.
• Basic concepts of responsive layout.
• Mobile first versus desktop first approaches.
• Flexbox and CSS Grid properties.

Types of apps, APIs and operating systems

• Types of apps: native, hybrid and webapps.
• Advantages and disadvantages of the different types of apps.
• App development languages: Android vs iOS.
• Concept of API and its role in web development.
• Learning Android and iOS patterns.

Introduction to the WordPress CMS

• Defining what a CMS is.
• Advantages and disadvantages of WordPress.
• Installation and startup of a WordPress project.
• General concepts of WordPress.
• Use of WordPress with premium templates.
• Layout landings designed in Figma or Sketch.
• The role of visual layout designers.
• General concepts of the Elementor layout designer.

Responsive layout in Bootstrap

• Review of the concept of grids in web design.
• Responsive layout with frameworks. Bootstrap.
• Mediaqueries for multi-device design with breakpoints.
• Basic web layout with Bootstrap 5 in Visual Studio Code.
• How to export assets from Figma or Sketch to a web.

Development of user tests

• Concepts and validation tools with users.
• Carrying out moderate user tests.
• Testing in remote format.
• Advanced heuristics and PURE method.

Data Driven Design and websites in production

• Knowing the A/B tests and concept tests.
• Fundamental concepts of web analytics and SEO.

Personal portfolio development

• Development of portfolio and personal pages.
• Tools and platforms for the personal profile.
• How to include the projects in the platforms.
• Platforms to share projects.
• Implementation exercises with CMS. WordPress, uxfolio, etc

Job vacancies

Our students already work in the technological areas of the most important companies at an international level.

How can I pay?

You can reserve your place right now and pay the rest of the amount at the beginning of the Course.

€200

Seat reservation

€1.800

Rest of the amount

€2.000

Master's Price

+

=

Get a 25% discount this week!

Student opinions

FAQ

Some of the frequently asked questions about our Masters and Courses.

To be able to take this course it is necessary to have the previous knowledge reflected in the program of the Course UX Research, as well as having basic studies and a medium level of English.
The first thing is to press the "Learn more" button and fill in the form, then our Campus Manager will contact you to inform you and answer all your questions. Finally you will have to pay the place reservation.
First you must make a payment of 10% for the reservation of a place and the remaining 90% you will pay before starting the course in cash or financed with a bank.

Yes, with the Early Bird discounts, the sooner you book your seat, the greater the discount you get.

The Remote format consists of live classes broadcast in streaming that are also recorded so that they can be viewed at another time.

Yes, you need a computer with any operating system (PC/Mac) that is less than 4 years old.

Yes, at the end of the course a diploma is delivered to all attendees who have taken advantage of the course.

Yes, of course! It requires being very constant, but the program is designed so that you can learn everything in 3 months and that you can make it compatible with your work or other studies.

Related programs

UX/UI Design

A Master in Remote to become UX/UI professional designer.
Online / 6 Months / 240 Hours

UX Research

Study the concepts, tools and processes of UX Research.
Online / 3 Months / 120 Hours

Course
UI Design
Online

Learn everything you need to become UI Designer at a professional level with this intensive course.

In this course, in addition to the fundamental concepts of visual design, you will learn to design graphical interfaces by prototyping and user testing with Figma, Invision, Sketch and Marvel, as well as introducing yourself to HTML, CSS and WordPress layout.

 


Start

9 January 2023

 

Duration

120 hours / 3 months

 

Schedule

Mon from 19:00 p.m. – 21:00 p.m.

Who is it geared towards?

To take the Course it is not necessary to have any previous experience and it is aimed at different types of profile that we describe.

Unemployed

These courses are perfect if you need to find a job quickly and are passionate about new technologies. Did you know that there is practically no unemployment in this sector?

Recent graduates

After your studies you need to specialize in a specific area to find a good job. Do you want to learn what companies are really looking for?

Entrepreneurs

Are you interested in creating your own StartUp? Our courses will allow you to have all the technical knowledge to create a digital product and manage your own technical team.

Life change

Would you like to turn your professional career around? If you want to change your profession and get a job with a great future, our bootcamps will allow you to do it in a very short time.

our teachers

Our programs are taught by a demanding selection of outstanding professionals in the sector.

francis restoy

Program Director
UX Design professional expert and teacher.
He has been developing projects in various agencies and schools for more than 15 years.

SCHEDULE

The objective of the course is for you to reach a professional level in UI Design.

UI Design

120 Hours / 3 Months

In this module, in addition to the fundamental concepts of visual design, you will learn to design graphical interfaces by prototyping and user testing with Figma, Invision, Sketch and Marvel, and you will also be introduced to HTML, CSS and WordPress layout.


Fundamentals of Visual Design

• Principles, application of modes and color profiles.
• The color on the web or app. Its use in Sketch, Figma and Adobe XD.
• Principles of typography.
• Application of typography on web and app.
• Use of typography in tools: Sketch, Figma and Adobe XD.
• Basic fundamentals of the UI; Retina export, 8pt grid, etc.

UI Interface Design

• Fundamentals of visual design: use of images and illustration.
• UI basics: retina export, 8pt grid, etc.
• Generation of style guides and UI kit.
• Atomic Design and design systems.
• Creation of components, responsive design and libraries.
• Creation of components, responsive design and libraries (II).
• Creation of Design System repository with Zero Height and DSM.
• UI integration with code and handoffs; Zeplin and InVision.

Prototyping and testing with users

• Screen prototyping with Invision, Sketch and Marvel.
• Prototyping with Figma. Microinteractions with Smart Animate.
• Testing with users.

Prototyping and advanced animation with Principle and ProtoPie.
Web ecosystem and layout

• Different types of servers.
• Understanding web protocols; http, ftp, etc
• Differences between static web and dynamic web.
• HTML code and its function in a web page.
• Head tags in HTML.
• CSS and its role in web design.
• Text editors: Visual Studio Code.
• Basic concepts of web layout.
• Basic concepts of responsive layout.
• Mobile first versus desktop first approaches.
• Flexbox and CSS Grid properties.

Types of apps, APIs and operating systems

• Types of apps: native, hybrid and webapps.
• Advantages and disadvantages of the different types of apps.
• App development languages: Android vs iOS.
• Concept of API and its role in web development.
• Learning Android and iOS patterns.

Introduction to the WordPress CMS

• Defining what a CMS is.
• Advantages and disadvantages of WordPress.
• Installation and startup of a WordPress project.
• General concepts of WordPress.
• Use of WordPress with premium templates.
• Layout landings designed in Figma or Sketch.
• The role of visual layout designers.
• General concepts of the Elementor layout designer.

Responsive layout in Bootstrap

• Review of the concept of grids in web design.
• Responsive layout with frameworks. Bootstrap.
• Mediaqueries for multi-device design with breakpoints.
• Basic web layout with Bootstrap 5 in Visual Studio Code.
• How to export assets from Figma or Sketch to a web.

Development of user tests

• Concepts and validation tools with users.
• Carrying out moderate user tests.
• Testing in remote format.
• Advanced heuristics and PURE method.

Data Driven Design and websites in production

• Knowing the A/B tests and concept tests.
• Fundamental concepts of web analytics and SEO.

Personal portfolio development

• Development of portfolio and personal pages.
• Tools and platforms for the personal profile.
• How to include the projects in the platforms.
• Platforms to share projects.
• Implementation exercises with CMS. WordPress, uxfolio, etc

Job vacancies

Our students already work in the technological areas of the most important companies at an international level.

How can I pay?

You can reserve your place right now and pay the rest of the amount at the beginning of the Course.

€200

Seat reservation

+

€1.800

Rest of the amount

=

€2.000

Master's Price

Get a 25% discount this week!

FAQ

To be able to take this course it is necessary to have the previous knowledge reflected in the program of the Course UX Research, as well as having basic studies and a medium level of English.

The first thing is to press the button "Learn more" and fill in the form, then our Campus Manager will contact you and finally you will have to pay the place reservation.

Once the place reservation has been paid, you can pay the rest in cash or financed with a bank.

Yes, with the Early Bird discounts, the sooner you book your seat, the greater the discount you get.

This Master is taught exclusively in Remote format with live classes through the Zoom platform.

Yes, you need a computer with any operating system (PC/Mac) that is less than 4 years old.

Yes, at the end of the course a diploma is delivered to all attendees who have taken advantage of the course.

Yes, of course! It requires being very constant, but the program is designed so that you can learn everything in 3 months and that you can make it compatible with your work or other studies.

Related programs

UX/UI Design

A Master in Remote to become UX/UI professional designer.

Part-Time / 6 Months / 240 Hrs

UX Research

A Remote Course to become UX ResearchYou are professional.

Part-Time / 3 Months / 120 Hrs

Go up