Разработка прототипа сайта в Figma: ТЗ на создание дизайна SEO-блоков. Лекция 39
В этом видео мы рассмотрим процесс разработки прототипа сайта в Figma и составление технического задания (ТЗ) на создание дизайна SEO-блоков.
В видео вы узнаете:
- Как создать прототип сайта с использованием Figma.
- Зачем нужен прототип сайта и как он помогает в разработке дизайна.
- Примеры прототипов страниц сайтов и этапы их создания.
- Как составить ТЗ на разработку дизайна для SEO-блоков.
- Практические советы по созданию макета прототипа сайта.
- Подробное руководство по работе в Figma: от создания файла до готового макета.
Мы рассмотрим каждый шаг, начиная с создания ТЗ в Google Docs, и заканчивая окончательным макетом дизайна в Figma. Вы увидите, как сделать прототип главной страницы сайта, настроить интерфейс и добавить важные элементы, такие как логотип, меню-бургер, баннеры и отзывы.
💻Ссылки:
Наш telegram-канал:
Наш сайт:
Отправить нам резюме или заявку на продвижение сайта:
Тест к лекции -
Официальные видеоуроки по графическому редактору:
Статья по созданию макета ТЗ на дизайн SEO-блоков для десктопа:
Пример ТЗ на дизайн (из видео):
В ролике приведено несколько примеров YMYL-факторов. Узнать подробнее про YMYL-факторы вы можете в инструкции для асессоров Google:
Тайминги:
00:00 - Вступление
01:09 - Зачем составлять ТЗ на дизайн?
01:39 - Для чего нужен макет?
02:18 - План работ
02:35 - Семантика
03:08 - Конкуренты
03:51 - ТЗ на дизайн
04:37 - Создание ТЗ в Google Docs
09:16 - Создание макета в Figma
09:43 - Создать файл
09:55 - Создание холста
10:27 - Первые элементы макета
10:51 - Создание шапки сайта
11:46 - Логотип
12:40 - Меню-бургер
12:50 - Загрузка иконок через Figma Community
15:28 - Главный баннер
16:12 - Кнопка
18:30 - Баннер
19:03 - Копирование объекта
19:28 - Баннер для блока с текстом
20:01 - Шаблонный текст
20:12 - Плагин Lorem Ipsum
21:30 - Отзывы
21:40 - Рейтинг
23:05 - Комментарии
24:10 - Готовый макет дизайна
26:10 - Переименование макета
26:23 - Итоги
Подписывайтесь на наш канал @SEOAntTeam/ и ставьте лайк, если это видео было вам полезно. Оставляйте комментарии с вашими вопросами, и мы обязательно ответим на них. Удачи в оптимизации вашего сайта!
Может быть интересно:
#seo #seoобучение #seoпродвижение #ПрототипСайта #СозданиеПрототипаСайта #ПрототипСайтаВФигме #SEODизайн #ПрототипДизайнаСайта #РазработкаПрототипаСайта #Figma #ПрототипСайтаПример #КакСделатьПрототипСайта #ТЗНаРазработкуДизайна #ПрототипГлавнойСтраницыСайта #СозданиеПрототипаСайтаВFigma #ПрототипИнтерфейсаСайта
4 views
1217
319
1 month ago 00:18:57 2
ИС-3 - Изготовление радиоуправляемой модели танка ИС3 на 3Д принтере - часть 1
1 month ago 00:01:04 1
ЗАРАБОТОК 24 ОТЗЫВЫ ⚠ ИЩУ ИНТЕРНЕТ ЗАРАБОТОК 😎
1 month ago 00:13:19 24
TIP №83 Создание хайполи модели из карты нормалей.
1 month ago 00:01:04 1
🎁 Фарпост подработка владивосток 🏁
1 month ago 00:01:04 1
💣 ЗАРАБОТОК РУБЛЕЙ НА МАЙНИНГЕ 💣 КАК МОЖНО ЗАРАБОТАТЬ ДЕНЬГИ ОДИННАДЦАТИЛЕТНЕМУ МАЛЬЧИКУ 👍
1 month ago 00:12:09 27
Воин АЗОВА в STALKER 2! Как стал ПРОТОТИПОМ героя ЗОНЫ. ЭКСКЛЮЗИВНЫЕ ДЕТАЛИ создания КУЛЬТОВОЙ ИГРЫ
1 month ago 00:01:04 1
🏆 Где можно быстро поднять деньги ⚠ Разовая подработка в интернете на дому ⚡
1 month ago 00:01:04 1
💯 РАБОТА В ИНТЕРНЕТЕ С ВЛОЖЕНИЯМИ ОТЗЫВЫ ⭐ ЗАРАБОТОК НА КОМПЬЮТЕРЕ ДОМА БЕЗ ВЛОЖЕНИЯ ДЕНЕГ
1 month ago 00:00:00 1
Особенности воспитательной деятельности в условиях реализации отраслевой модели подготовки кадров в системе СПО
1 month ago 00:00:43 7
Nvidia выпустили ИИ для создания трехмерных моделей Edify-3d
1 month ago 00:01:04 2
КАК РЕАЛЬНО ЗАРАБОТАТЬ В ИНТЕРНЕТЕ БЕЗ ВЛОЖЕНИЙ НА ДОМУ ОТЗЫВЫ 🔵 ЗАРАБОТОК НА КЛИКАХ ЯНДЕКС ДЕНЬГИ
1 month ago 00:01:04 1
Работа фриланс ☑ Официальная подработка хабаровск
1 month ago 00:07:43 1
8. Создание модели StockData
1 month ago 00:08:28 1
2. Создание стоковой модели
1 month ago 00:26:25 241
КОНТЕКСТ | От «Фау-2» до «Орешника»: энциклопедия баллистической эскалации
1 month ago 00:28:02 463
[КОНТЕКСТ] От «Фау-2» до «Орешника»: энциклопедия баллистической эскалации
1 month ago 00:01:04 1
Заработать на комментариях в интернете
1 month ago 00:01:04 1
💯 Как заработать деньги в телеграмме без вложений 💳
1 month ago 00:00:00 1
«Модели развития отраслевого образования: опыт создания учебно-производственных кластеров в индустрии красоты»
1 month ago 00:33:55 139
Рост монетизации по модели cost-per-action | Avito — Дмитрий Телепнев
1 month ago 00:01:07 251
BISKI — мотоцикл амфибия!
1 month ago 00:01:04 1
💱 КАК ЗАРАБОТАТЬ ДЕНЬГИ В ИНТЕРНЕТЕ ВИДЕО 🔥
1 month ago 01:14:04 4
О.А. Скоролупова “Модель основной образовательной программы дошкольных учреждений по ФГОС ДО“
1 month ago 01:51:26 26
Эффективная модель организации образовательного процесса в детском саду. О.А. Скоролупова