0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#Руководства</a></p>
1
<p><a>#Руководства</a></p>
2
<ul><li>15 мар 2024</li>
2
<ul><li>15 мар 2024</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Для тех, кто хочет закрепить знания о Figma и прокачать насмотренность.</p>
4
</ul><p>Для тех, кто хочет закрепить знания о Figma и прокачать насмотренность.</p>
5
<p>Иллюстрация: Оля Ежак для Skillbox Media</p>
5
<p>Иллюстрация: Оля Ежак для Skillbox Media</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
6
<p>Редактор. Пишет про дизайн, редактирует книги, шутит шутки, смотрит аниме.</p>
7
<p>Обычно на старте обучения у дизайнера-новичка возникает две проблемы. Первая - разобраться с инструментом, чтобы он был не препятствием, а средством решения задачи. Вторая - понять, как решать типовые задачи и расширить персональный набор дизайн-приемов. Всё это можно исправить с помощью обучающих статей и видеоуроков, но не для всех этого бывает достаточно.</p>
7
<p>Обычно на старте обучения у дизайнера-новичка возникает две проблемы. Первая - разобраться с инструментом, чтобы он был не препятствием, а средством решения задачи. Вторая - понять, как решать типовые задачи и расширить персональный набор дизайн-приемов. Всё это можно исправить с помощью обучающих статей и видеоуроков, но не для всех этого бывает достаточно.</p>
8
<p>Чтобы решить эту проблему, команда из Беларуси Befront и Skillbox сделали собственные тренажёры на платформе плагина. Эти небольшие задания помогут новичкам научиться использовать Figma и узнать о популярных дизайн-решениях, которые в будущем позволят работать быстрее.</p>
8
<p>Чтобы решить эту проблему, команда из Беларуси Befront и Skillbox сделали собственные тренажёры на платформе плагина. Эти небольшие задания помогут новичкам научиться использовать Figma и узнать о популярных дизайн-решениях, которые в будущем позволят работать быстрее.</p>
9
<p>Рассказываем, что это за плагин и как к нему получить доступ - обычным пользователям и студентам Skillbox.</p>
9
<p>Рассказываем, что это за плагин и как к нему получить доступ - обычным пользователям и студентам Skillbox.</p>
10
<p>Внутри плагина - набор задач, которые разбиты на небольшие шаги. Например, не одна большая работа "Сверстать лонгрид", а несколько маленьких: добавить текст, расставить картинки, привести в порядок типографику.</p>
10
<p>Внутри плагина - набор задач, которые разбиты на небольшие шаги. Например, не одна большая работа "Сверстать лонгрид", а несколько маленьких: добавить текст, расставить картинки, привести в порядок типографику.</p>
11
<em>Скриншот: Befont / Skillbox Media</em><p>Важная особенность тренажёра - видимый результат. В каждой задаче пользователя просят сверстать карточку товара, баннер или лендинг. Подсказки помогают самостоятельно превратить пустой фрейм в готовый дизайн - благодаря этому студент не только видит свой прогресс, но и мотивируется учиться дальше.</p>
11
<em>Скриншот: Befont / Skillbox Media</em><p>Важная особенность тренажёра - видимый результат. В каждой задаче пользователя просят сверстать карточку товара, баннер или лендинг. Подсказки помогают самостоятельно превратить пустой фрейм в готовый дизайн - благодаря этому студент не только видит свой прогресс, но и мотивируется учиться дальше.</p>
12
<em>Скриншот: Befont / Skillbox Media</em><p>В плагине есть несколько типов задач: сделать по образцу, исправить ошибку, визуальный тест, тренажёр. Каждый из них помогает быстро разобраться в интерфейсе Figma и узнать о самых популярных ошибках новичков.</p>
12
<em>Скриншот: Befont / Skillbox Media</em><p>В плагине есть несколько типов задач: сделать по образцу, исправить ошибку, визуальный тест, тренажёр. Каждый из них помогает быстро разобраться в интерфейсе Figma и узнать о самых популярных ошибках новичков.</p>
13
<em>Скриншот: Befont / Skillbox Media</em><p><strong>Сделать по образцу.</strong>Пользователь поэтапно делает макет<strong>по референсу</strong>с помощью<strong>пошаговой инструкции</strong>, которая поясняет, как нужно отредактировать макет. При этом пользователь в будущем сможет использовать те же приёмы в своих работах.</p>
13
<em>Скриншот: Befont / Skillbox Media</em><p><strong>Сделать по образцу.</strong>Пользователь поэтапно делает макет<strong>по референсу</strong>с помощью<strong>пошаговой инструкции</strong>, которая поясняет, как нужно отредактировать макет. При этом пользователь в будущем сможет использовать те же приёмы в своих работах.</p>
14
<p><strong>Исправить ошибку.</strong>Серия небольших задач на поиск и исправление проблем в макетах: исправить текстовый слой, убрать обводку, поправить положение объектов. Если у пользователя не получается найти ошибку, он сможет воспользоваться подсказкой.</p>
14
<p><strong>Исправить ошибку.</strong>Серия небольших задач на поиск и исправление проблем в макетах: исправить текстовый слой, убрать обводку, поправить положение объектов. Если у пользователя не получается найти ошибку, он сможет воспользоваться подсказкой.</p>
15
<p><strong>Визуальные тесты.</strong>Упражнения, в которых нужно выбрать наиболее приемлемый вариант вёрстки макета. После каждого ответа появляется объяснение, почему один верный, а другой нет. Также пользователь может сравнить оба макета, если нажмёт на изображение.</p>
15
<p><strong>Визуальные тесты.</strong>Упражнения, в которых нужно выбрать наиболее приемлемый вариант вёрстки макета. После каждого ответа появляется объяснение, почему один верный, а другой нет. Также пользователь может сравнить оба макета, если нажмёт на изображение.</p>
16
<p><strong>Тренажёр.</strong>Похоже на "Сделать по образцу", но здесь нужно создать большой макет: например, промостраницу или лонгрид. Это упражнение помогает побороть страх чистого листа: студент видит, с чего начинается вёрстка, и использует эти же приёмы в своей работе. А ещё - увидеть, как, где и для чего используют разные элементы интерфейса.</p>
16
<p><strong>Тренажёр.</strong>Похоже на "Сделать по образцу", но здесь нужно создать большой макет: например, промостраницу или лонгрид. Это упражнение помогает побороть страх чистого листа: студент видит, с чего начинается вёрстка, и использует эти же приёмы в своей работе. А ещё - увидеть, как, где и для чего используют разные элементы интерфейса.</p>
17
<p>Если вы учитесь в Skillbox на курсе "Веб-дизайнер 3.0", вам выдадут бесплатный промокод с инструкцией по активации. Вам нужно будет<a>скачать и активировать плагин</a>, зайти в аккаунт под своей студенческой почтой и ввести полученный код.</p>
17
<p>Если вы учитесь в Skillbox на курсе "Веб-дизайнер 3.0", вам выдадут бесплатный промокод с инструкцией по активации. Вам нужно будет<a>скачать и активировать плагин</a>, зайти в аккаунт под своей студенческой почтой и ввести полученный код.</p>
18
<p>Если нет, то вам понадобится<a>подписка на Befront</a> - 40 долларов за месяц или 192 доллара за год. В этом случае у вас будут задания от команды Befront и только на английском языке.</p>
18
<p>Если нет, то вам понадобится<a>подписка на Befront</a> - 40 долларов за месяц или 192 доллара за год. В этом случае у вас будут задания от команды Befront и только на английском языке.</p>
19
<a>Научитесь: Веб-дизайн 3.0 Узнать больше</a>
19
<a>Научитесь: Веб-дизайн 3.0 Узнать больше</a>