free training from scratch
Web design courses for children are an excellent opportunity to get closer to digital creativity and unleash your own potential in a sought-after direction. The corresponding and related professions are associated with creativity and self-expression, and are characterized as highly paid, but today we are not talking about that: we want to offer and review a video course in web design for children, which you can master on your own and completely free of charge. If this area interests you, we recommend that you read the publication material.
We are in Pixel We build web design training for children around the use of Figma and Tilda – tools that are in demand among web developers and specialists responsible for the visual component of websites and similar Internet projects. Therefore, we want to link today’s video course to the appropriate environments.
Let us immediately emphasize that the Tilda designer is not mentioned in the videos, but we will look at it, and at the end we will tell you where you can learn how to use it.
Before moving on to free web design lessons for children and teenagers, we would like to offer a brief excursion into the direction and the marked tools. If these topics are already familiar, feel free to proceed to the selection of video lessons.
Theory: the direction of web design, its features, common and popular tools
Let's start with the basics and briefly describe the presented direction. This will help you better understand the prospects for self-study and, taking into account your own interests, figure out whether it’s worth studying.
Web design: what kind of direction?
Web design is a conventional field presented as a field of web development. At the same time, this is a subspecies of general design associated with the design of user interfaces, the creation of functional website prototypes, and more.
A specialist with the appropriate knowledge and skills is able to:
Design the visuals of various web projects, introduce artistic innovations and a well-implemented structure into them;
Think over and implement the most convenient web solutions from the point of view of presenting information and conveying key messages to the target audience, that is, to users;
Design the logical structure of all components of single- and multi-page pages, etc.
The advantage of this direction comes down to the fact that to become a specialist in its framework, you need not only to master web technologies, but also to have artistic skills. Conventionally speaking, web design is a full-fledged digital art, so the training is definitely suitable for a student if he demonstrates creative abilities and an inclination to create.
So, we have figured out the essence and basic features of the direction, so we want to move on to the designated tools – Figma and Tilda. You could say that they are inferior to professional editors and environments like Photoshop, Illustrator, Spline and even Blender, which are characterized by simplicity, and this is true. It’s not for nothing that we noted that we use Figma and Tilda in web design courses for schoolchildren: it was the fact of teaching children that made us give preference to the designated environments.
About Figma and Tilda: basic information and features
We got to the tools needed by any modern web designer. Among them, we will note only those that we use with students as part of online design courses for children. This:
Figma is a functional service available online and designed for developing interfaces, prototyping and solving other problems. In Figma you can draw UI (User Interface), create interactive layouts of web projects, work with vector graphics and illustrations. Additionally, the online service is suitable for drawing posters, banners, icons, and for preparing bright presentations;
Tilda is a website builder. The advantage of using it from the point of view of a beginner is that there is no need for programming: there is no need to use JavaScript or work with HTML and CSS; web projects are assembled using blocks. There are standard structures of the corresponding type, but you can use Zero Block, a built-in editor for designing your own conditional modules. Note that Tilda is often used to create information websites, personal blogs and even online stores.
So, if the basics are clear, we suggest starting a web design course from scratch for schoolchildren. You have to master some interesting theory and practice: it will be exciting.
10 web design video lessons for schoolchildren
We have prepared 10 informative and detailed video lessons: they will help you understand the basics and even practice using examples of simple projects. It will be interesting, we guarantee.
Lesson #1: Basics, Getting Started in Figma on PC
IN first video Today's selection covers basic topics. Their knowledge and understanding is a prerequisite for starting work, so we strongly recommend viewing. As a result, you will be able to figure out:
What is web design and what are its features;
How and why the Figma service is used;
Where to find the environment;
How to create your own account on the service;
Is there a Figma app or is there only a browser version available?
Lesson No. 2: about the Figma service interface
Second video tutorial is dedicated to an important topic – the interface of the online editor. Watching the video will help you understand the following points:
What windows are there in Figma and what are they for?
How to change the default theme, your own avatar and some other settings, data;
What tools are designed to search for projects;
Where are files stored and how to create folders;
What is the “Favorites” function for?
How to work with boards – an interactive tool for collaborative web design, diagramming and more;
What buttons are there in the editor and what are they used for.
Lesson #3: Internal fonts and working with them
Third video Today's selection of free web design lessons for kids covers the following important topics:
Fonts and their influence on the presentation of information and its perception by users;
Working with text and the corresponding block in the Figma online service;
Classification of fonts, their internal collection and modification to create readable and attractive text.
Lesson #4: Shapes and Objects
To fully use the Figma online service, you need to know and understand what shapes and objects are. It will help to understand this fourth video lesson. It says:
What are geometric shapes and why are they used in design;
How to create a new tab in a graphics editor and make various shapes;
How to work with rectangle, ellipse, stars, borders, lines;
What is an arrow, why is it needed in Figma;
How and with what tools to edit various objects.
Lesson #5: Working with Images and Icons
Fifth videodesigned to teach web design to schoolchildren as part of self-study, will help you dive into the following topics:
Methods for inserting images into a running project;
Control of shapes and sizes;
Working with icons, editing them and tools designed for this.
Lesson #6: Prototyping in Figma
Before considering the content sixth video Let us note that prototyping is a quick and often rough implementation of an idea, say, the basic functionality of a future project. The process is useful when it is necessary to first analyze the visual concept of a site, for example.
Teacher Pixel in the sixth video covers the following topics:
Prototypes and their role in design;
The basics of prototyping in the Figma editor;
Features of setting up connections;
Creating a full menu from scratch.
Lesson No. 7: features of working with color
Color is an integral element of the overall design concept of a specific web project. Dedicated to this seventh videoviewing which will help you figure it out:
How to create a project and a new frame – a conventional board for graphics and placement of a number of elements, their editing;
What are gradients, what are their linear and radial, angular and crystal varieties;
What is the role of transitions between colors in terms of harmony and visual perception of a web project;
How to apply gradients in the Figma editor.
Lesson #8: Typography, Grids and How to Use Them
Eighth lesson within the framework of a children's web design course in video format, it is devoted to the following topics:
Modular and grid grids. The first is presented as a combination of rows and columns: if the corresponding mode is activated, the frame will begin to contain cells. The grid variety is a complicated modular version, characterized by increased detail;
Column grid. Simply put, it divides the current frame into a series of columns;
Using your own version of the grid for better structuring of elements within the current project.
Lesson #9: Responsive Design
IN ninth and penultimate video from an impromptu web design course for teenagers and primary schoolchildren, questions about adaptive design are considered – one that can adapt to the screen sizes of various devices.
You will be diving into the following important topics:
Adaptation and its role in responsive design, an example of the latter;
Features of creating versions of web projects for various devices: computers, tablets;
Design options in the Figma editor.
Lesson #10: Exporting and Collaborating
Last tenth video in today's improvised course will help you understand:
The export operation and its execution in the Figma editor;
The basics of working together to prepare web projects;
Export formats and keyboard shortcuts for quick operation.
So, we've reached the end of the collection. We hope that the lessons were useful and helped you understand how to use Figma. And before we conclude and offer an expanded option for teaching web design to teenagers and primary schoolchildren, let us note the general advantages of the classes.
Why design classes are useful for children and teenagers
Interactive classes through courses or videos are useful because you can achieve a number of valuable results and beneficial effects. This:
Development of creative thinking. The considered direction is associated with creativity and involves the realization of internal potential. At the same time, it is web designers who are able to offer outstanding ideas and truly create, create new things, who become the most in demand;
Development of design skills, working with computer graphics. Figma is a complex tool, the use of which involves the use of various objects and shapes, shapes, fonts, colors, images. At the same time, they need to be correctly combined so that a particular web project is harmonious. This leads to the development of skills in designing and working with computer graphics;
Career prospects. If the child liked the presented improvised online course in web design for teenagers and primary schoolchildren, you can begin to develop within the framework of the direction. This is possible through paid classes at a web design school for children or through free instructions (videos, text guides, etc.). Regardless of which option of additional education is chosen, mastering the direction will be an advantage, especially in adolescence: it is possible that this will simplify the solution of problems related to professional self-determination and the future.
So, we want to finish and wish you good luck in mastering digital creativity. Now you know how to become a web designer at 14 or earlier.
Good luck in your endeavor and see you again!
Material prepared by Pixel School. We teach children to write code, create games and websites, and complete functional and colorful web projects. If you want to start learning web design with a mentor, we invite you to courses for junior schoolchildren And teenagers.
