📋Урок-практика 2. «Разбор и практика в Figma: создание главного экрана сайта»

Практический урок, где мы знакомимся с программой Figma сразу на практике по сборке главного экрана сайта! Включайте видео и повторяйте за тем, что я делаю, так будет намного легче – дизайн не из самых простых. Можете замедлять/ускорять его, самое главное, пишите, если у вас вдруг что-то не выходит, отправляйте свои вопросы/видео – я буду разбирать все прямо тут в комментариях, чтобы вы точно поняли (также вы можете писать мне в ЛС) 💖 Для удобства прикрепляю также ссылку урока на YouTube ✅ ⚠️Что обязательно нужно сделать перед уроком? 1. Зарегистрироваться в Figma (можно работать прямо в браузере, можно установить приложение на компьютер) 2. Перейти по этой ссылке (это будет ваш учебный файл после того, как вы его скопируете к себе) 3. В верхней части экрана, а именно в левом углу, будет название файла «Обучение по веб-дизайну (веб лаб.)» – кликаем на стрелочку справа от него и у вас появится выпадающий список – выбираем команду «Duplicate» Готово! Этот файл продублируется в ваши черновики (Drafts), и теперь вы сможете работать там (не переживайте – его видите только вы, а сам файл будет иметь пометку Copy в названии) ‼️Домашнее задание Необходимо повторить главный экран по моему уроку и прислать его на проверку (если у вас уже есть опыт, то вы можете сделать 2 версию главного экрана или вообще свою на базе нашего концепта) 1. Присылать его нужно мне в ЛС 2. В Figma, в правом верхнем углу у проекта нажимаем на синюю кнопку «Share» → и выбираем в появившемся окне кнопку «Copy link» → проверяйте доступ, чтобы был выбран пункт «Anyone → Can view» (иначе у меня не будет доступа) 3. Домашнее задание будет проверено примерно в течение 48 часов (все Д/з можно сдавать до 30 авгутса включительно) #бесплатник

8 видео для дизайнеров, которые стоит посмотреть, чтобы лучше понимать визуальную культуру, брендинг и логику сильных решений.

Сохраняйте подборку: 1. How Brands Use Design & Marketing to Control Your Mind Как бренды с помощью дизайна и маркетинга формируют наше восприятие продуктов. https://www.youtube.com/watch?v=p6aF5ma7BiM">https://www.youtube.com/watch?v=p6aF5ma7BiM 2. Who Decides What Art Means? Короткое видео TED-Ed о том, кто определяет смысл произведения: автор, зритель или контекст. https://www.youtube.com/watch?v=HoXyw909Qu0">https://www.youtube.com/watch?v=HoXyw909Qu0 3. What’s Up With This Style of Movie Poster? Разбор популярного коллажного стиля киноафиш: откуда он появился и почему его так часто повторяют. https://www.youtube.com/watch?v=0tENtYJDtdk">https://www.youtube.com/watch?v=0tENtYJDtdk 4. Celebrating the Life of Paul Rand История Пола Рэнда и его подхода к созданию логотипов и айдентики. https://www.youtube.com/watch?v=L4kSCd8yt00">https://www.youtube.com/watch?v=L4kSCd8yt00 5. The Psychology of Premium Branding Почему одни бренды воспринимаются дорогими, а другие нет — даже при похожем продукте. https://www.youtube.com/watch?v=1kcxUhjuW_0">https://www.youtube.com/watch?v=1kcxUhjuW_0 6. Abstract: The Art of Design — Paula Scher О работе Полы Шер, поиске концепции, типографике и создании визуальных систем. https://www.youtube.com/watch?v=LCfBYE97rFk">https://www.youtube.com/watch?v=LCfBYE97rFk 7. Swiss Design: Iconic & Influential История швейцарского стиля, модульных сеток, гротесков и функциональной типографики. https://www.youtube.com/watch?v=06WMy5jsjIg">https://www.youtube.com/watch?v=06WMy5jsjIg 8. Before You Design a Logo, Do This One Thing Пола Шер рассказывает, что нужно определить до того, как начинать рисовать логотип. https://www.youtube.com/watch?v=5SMxKlH7kZM">https://www.youtube.com/watch?v=5SMxKlH7kZM Большинство видео на английском, но можно включить автоматические русские субтитры.

Я щас делал финальный разбор в своей группе по дизайну и разбирал работу рэпом 😁

Всегда с удовольствием рассматриваю образцы бытового почерка.

Ф и Д хороши ведь! Почему-то у медиков не часто встречаются разборчивые варианты. Интересно, с чем это связано🤔
🧭 Первую работу в ИТ ищут не по мечте, а по доказательствам
Маргарита Лукманова в «Кинжале» отвечает читателю, который проходит курсы, но без коммерческих проектов чувствует себя «никому не нужным». Это не так: без реального опыта войти можно, но одного желания мало. Нужны артефакты, которые показывают, что вы уже решаете маленькие рабочие задачи: учебный проект, пет-проект, тестовое или волонтёрский кейс. Первая роль часто скромнее мечты, зато даёт процессы, наставника и строку в резюме. К 2026 году конкуренция среди новичков выросла: на одну ИТ-вакансию приходится больше 20 резюме. Компании всё чаще смотрят не на диплом, а на навыки и понятные примеры работы. В статье есть план на 30 дней, шаблоны откликов и разбор, что писать в резюме без опыта. Внутри: – Почему первую работу стоит отделять от работы мечты; – Какие входы выбрать: джун, стажировка, смежная роль или маленький проект; – Где взять опыт без коммерческих кейсов и как его честно оформить; – Что показать в портфолио разработчику, тестировщику, аналитику и дизайнеру; – Как переписать резюме и отклик через задачу, инструменты и результат; – План поиска на месяц и как разбирать отказы по воронке. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
БЕСПЛАТНЫЙ КУРС ПО ДИЗАЙНУ 👇🏻
В общем, в комментах в ТТ под каждым роликом прилетают вопросы «Где искать клиентов», «Как научиться делать дизайн, если я прям полный ноль», «Что посмотреть» Ребят, сейчас не нужно покупать дорогущие обучения, можно бесплатно получить за 4 дня крепкую базу без нудной теории Бесплатные уроки здесь 👈 Что внутри: Освоишь бесплатную программу для дизайна Figma, соберешь 3 работы в портфолио (с анимацией), большой пак с шрифтами, графикой и рефами и вишенка на торте — личный куратор на весь курс с ОС, разбором домашних работ, опытный дизайнер, который поможет сделать первые шажки в профессию… Вам самое главное понять… Дизайн — это не какая-то вау магия для «особо творческих людей», это просто обычный навык, который может быстро освоить даже новичок и начать на нём делать первые 50-100 тысяч Если не сольешься сейчас, то буквально за неделю сделаешь первое портфолио и сможешь получить первые деньги и клиентов с дизайна 🔗 Ссылка на уроки (тыкай)
Долго думала, какой полезный мастер-класс для вас провести в этом августе, чтобы дать действительно полезный и насыщенный материал
И решила, что самым полезным форматом будет разбор кейсов, как моих, так и кейсов студентов 🎀 Когда я только начинала свой путь в дизайне, я смотрела на крутые проекты дизайнеров и думала «Как они делают так круто? В чем секрет?» Мне очень хотелось понять внутрянку крупных проектов и понять логику создания креативных решений Именно поэтому на грядущем мастер-классе я хочу подробно поделиться тем, как я реализую проекты, как строятся все процессы, как я придумываю идею и переношу ее в дизайн Уже более 7 лет я создаю фирменные стили для брендов, и сейчас работаю с компаниями, о которых когда-то даже не мечтала 🤎 Все это получилось благодаря усердному труду, и мне хочется поделиться этими знаниями с вами, чтобы вы нашли для себя важные ответы Будет полезно как тем, кто только начинает свой путь в дизайн, так и опытным специалистам! ✉️ На мастер-классе разберу: — как я доношу ценность своей работы, как выстраиваю коммерческое, смету проекта — пошаговый план работы над фирменным стилем — как я оформляю свои идеи и рассказываю их клиентам — свои проекты для клиентов и проекты студентов — как находить креативные решения — как я привлекаю клиентов и интересные сотрудничества Мастер-класс пройдет в среду 12 августа в 18:00, он полностью бесплатный, буду вас ждать 🤍 Регистрируйтесь и обязательно после регистрации добавляйтесь в канал, где будет проходить эфир👇🏻 РЕГИСТРАЦИЯ НА МАСТЕР-КЛАСС ПО БРЕНД-ДИЗАЙНУ
Принесли вам источник вдохновения для графического дизайна😍
BP&O — это онлайн-издание о брендинге, айдентике и дизайне упаковки. Здесь публикуют подборки свежих проектов, разборы визуальных решений, мнения дизайнеров, а также есть большой архив кейсов со всего мира. Пользуйтесь
Магистратура по дизайну за один день? 👀
Ну, почти. С магистратурой сложнее, чем с обычным курсом. Здесь два года жизни, деньги и много вечеров после работы. Выбирать такую штуку только по красивому лендингу немного страшновато. 9 августа Школа дизайна Центрального университета устраивает День открытых дверей в Москве. Можно приехать в кампус, поговорить со студентами и руководителями программы, сходить на лекции и принести портфолио на ревью. Заодно понять, как всё устроено до поступления. 🎓 Что за программа «Проектирование человеческого опыта», которая состоит из двух направлений: продуктовый дизайн и комм+граф дизайн ⚫️Продуктовый дизайн Пройдёте весь путь цифрового продукта: исследования, проектирование, релиз и аналитику. ⚫️Коммуникационный и графический дизайн Будете собирать айдентику бренда от идеи до продакшена и арт-надзора. Учёба проходит по вечерам и выходным, поэтому её можно совмещать с работой. ✨ Что будет на встрече В программе лекция дизайнеров Т-Банка из команды фестиваля ФФДД2Д про вдохновение и копирование, разговор Дениса Мосина и Полины Шевцовой о языке дизайна и культурных трендах, разбор брендинга, практический воркшоп и встреча со студентами программы. 🏆 Что с грантом В тот же день пройдёт One Day Offer. Можно пройти ревью портфолио и собеседование с экспертами Школы дизайна, а затем получить шанс на грант до 75%. Максимальная сумма поддержки составляет 1,35 млн рублей за два года. Чтобы попасть на ускоренный отбор, отметьте One Day Offer при регистрации и заполните анкету в личном кабинете. 📍 Когда и где 9 августа, с 12:00 до 18:00 Москва, кампус ЦУ, ул. Гашека, 7с1 Если магистратура давно где-то лежит в планах, я бы сходил. За один день точно станет понятнее, ваши это люди и программа или можно спокойно искать дальше) 🔠 Зарегистрироваться 🔠 Зарегистрироваться 🔠 Зарегистрироваться
🗒 Придумать и создать проект за 2⃣ дня
Университет ПромТехДизайн приглашает студентов на выездной интенсив «ПРО-проект». Принять участие смогут новички и те, кто уже имеет опыт социального проектирования. 🤩 За два дня участники разберут, как устроены социальные проекты, и пройдут весь цикл создания: от идеи до готовой концепции. В программе: работа с основными блоками проекта, практика, разборы и возможность создать собственную инициативу под руководством экспертов. 🗓 Выездной интенсив пройдет с 18 по 19 сентября на площадке студенческого проектного менеджмента «ПРО-проект». 🖇 Подать заявку можно здесь до 6 сентября. 🏴‍☠️🏳️🇺🇳🇦🇸🇦🇮🖊️ Необязательно быть участником «ПРО-проекта» — присоединиться может любой желающий. *Проект реализуется при грантовой поддержке Федерального агентства по делам молодёжи Росмолодёжь. #Росмолодёжь #РосмолодёжьГранты 👻MAX | 📲ВК | 📝Дзен
Август в FVD CLUB - про видео с ИИ✨
Не теория о том, что видео важно. А конкретные инструменты, конкретные задачи, конкретный результат - который вы забираете с собой. ⬇️ Вот что будет: 3 августа - 7 нейросетей для создания видео. Разбираем, что существует, что реально работает, с чего начать. 5 августа - PDF с особенностями написания промптов для видео. Почему промпт для видео — это не то же самое, что промпт для картинки. 7 августа - создаём видео бесплатно. Без подписок, без вложений - смотрим, что можно получить на старте. 10 августа - простая анимация с Kling. Как настроить, как сэкономить, + Omni в связке. 13 августа - сложная анимация: одна картинка, разные планы, автоэффекты. Один кадр — и он живёт. 17 августа - смена одежды: Nano Banana + Higgsfield / Kling + монтаж в Edits. Виртуальная примерка в движении. 20 августа - UGC с Higgsfield: создаём виртуального блогера с вашим товаром. Без модели, без съёмки. 24 августа - мультик от сценария до финала: ChatGPT пишет сценарий, Kling анимирует, монтируем. Полный цикл. 27 августа - живой эфир. Вопросы, разборы, итоги месяца. ▪️ Один август - и вы умеете делать видео с ИИ. Анимацию, виртуального блогера, смену одежды, мультфильм. Без камеры, без съёмочной группы, без огромного бюджета. Все материалы остаются у вас и доступны записи других месяцев. Присоединяйтесь 👉🏻 ССЫЛКА
Метод ассоциаций by artsasha_tilda
Разбор популярного метода ассоциаций для создания крутого, необычного дизайна. Вот пример по созданию логотипов таким-же методом: t.me/dsgnru/717 #лайфхак
Text Prettier — Плагин поможет сделать тексты разборчивыми, удобочитаемыми и привлекательными
Расписание курсов на 2026 год
Мы подготовили полный календарь курсов до конца года, чтобы вы могли заранее планировать обучение! на всё снизили цены в ~2 раза Календарь курсов ИЮЛЬ: СПИ: Скетчинг, Персонажинг, Иллюстрация | 14.07 АВГУСТ: КНИ: Креатив, Нейросети, Искусство |04.08 Щ X OAO: МЕТАКУРС | 10.08 ЛКМ: Лаборатория Критического Мышления | 17.08 ПИН: Повседневное Использование Нейросетей | 25.08 СЕНТЯБРЬ: 🙂 ПОН/Т: Профориентация, Основы, Навыки / Творчество | 01.09 ГАЗ: Графика, Айдентика, Знак | 08.09 ОТГ: Основы Трёхмерной Графики | 22.09 🙂 ИТД: Инструменты и Типографика в Деле | 29.09 ОКТЯБРЬ: СЭМ: Создание Электронной Музыки | 13.10 ОКР: Основы Композиционного Разбора | 20.10 НОЯБРЬ: СПИ: Скетчинг, Персонажинг, Иллюстрация | 03.11 ПИН: Повседневное Использование Нейросетей | 17.11 ДЕКАБРЬ:  КНИ: Креатив, Нейросети, Искусство | 01.12 **календарь будет динамически обновляться
Меня тут попросили рассказать про интенсив по нейросетям от ребят из студии Relate. Тема важная, очень изменившая подход к работе и, к сожалению, сократившая количество рабочих мест за последние полтора года.
У нас, например, на фулл-тайм зарплате несколько лет работали легенды Эльвина Назурметов и Никита Южанин (пацаны, привет!) — потрясающие 3D и 2D-иллюстраторы, но в этом году мы просто не потянули наше сотрудничество, потому что 70-80% типовых задач по отрисовке чего-то начали делать сами дизайнеры. Студия веб-дизайна для web3 — Relate — разобрали процесс отрисовки иллюстраций через ИИ на практике: взяли задачу сделать кролика для платформы Yoru и показали путь от сбора референсов до готовой концепции персонажа. Это второй урок их бесплатного интенсива 5 Tools to Relate AI — а всего будет пять разборов AI-инструментов и рабочих процессов для дизайнеров. Все уроки выйдут уже на этой неделе — с 27 по 31 июля. Присоединяйтесь сейчас, чтобы делать домашки и участвовать в розыгрыше подписки на Claude Max на месяц Вписаться в интенсив можно через бота 👉 @RelateCommunityBot
🤓 Дизайн—Разминка №100
🟢Юбилейная. Ребрендинг 99 разминок позади, и на сотую мы замахнулись на самое важное - на саму Дизайн—Разминку выберем победителя, и его айдентика встанет на все носители и в шапку Дизайн—Разминок во всех соцсетях на 2 месяца 🔵Тема ребрендинг Design Warm-ups 🔵Контекст логотип и стиль с нами с первой разминки — к 101 пора обновить 🟢Что делаем предлагаем свои идеи для новой айдентики финальную версию соберём сами, но сильные находки победителя могут лечь в основу 🔵Задача сделать минимум три вещи: 1. логотип 2. шрифт (или шрифтовая пара) 3. пост для канала в новом стиле 🔵По желанию, но было бы круто если останется драйв - мерч или гостевой постер, а хочется размахнуться по-крупному - собери целую систему, будет топ это не обязательно, но плюс к карме 🔵Фокус — узнаваемость и характер — система, а не разовая картинка — живой тон, а не корпоратив 🟢Ограничения ограничений нет, есть история бренда ее можно ломать, если вы так считаете 🔵Время ⏱ 3–5 часа 🔵Результат — логотип, шрифт, пост — пара слов: что придумал и почему 🟢Приз — айдентика победителя во всех соцсетях и в шапке канала на 2 месяца — разбор работы с прикладным фидбеком — сильные находки возьмём в основу ребрендинга 🔵Дедлайн 2 недели — 10 августа Обсуждение: t.me/Designwarmups_chat скрины, мысли и сомнения — приветствуются #100_ДизайнРазминка
Клиенты, кризис и веб-дизайн – видео-разбор, после которого вы поймете, где нужно снять розовые очки, а где перестать накручивать себя!🔫
Давайте честно, кризис коснулся всего – значит, идём туда, где его нет, или пересматриваем подход. Раньше было легче, но по нынешним меркам это бестолково… Поэтому принимаем новые правила игры → В разборе обсуждаем: – общую картину на рынке дизайна – что изменилось в каждом способе поиска клиентов (биржи, рассылки и т.д.) – что поменялось с приходом нейросетей 🤖Чтобы получить урок, переходите в бота: @juls_seregina_bot Продуктивного просмотра! Буду рада вашей поддержке и активности🌚 #полезное
Что почитать от designwarmups 👍
🟣 how to reduce digital fatigue in interfaces про то, как интерфейс выматывает не количеством экранов, а количеством усилий — лишнее поле, два одинаково громких сиба, длинный абзац hackernoon.com/how-to-reduce-digital-fatigue-in-interfaces 🟣 the rise of gamification in fintech почему банковские приложения забирают механики у дуолинго и фитнес-трекеров, и где проходит граница между мотивацией и манипуляцией hackernoon.com/the-rise-of-gamification-in-fintech-and-digital-banking 🟣 how to reduce localization time with figma variables практический разбор, как собрать мультиязычный интерфейс на переменных и не пересобирать макеты руками hackernoon.com/how-to-reduce-interface-localization-time-with-figma-variables 💛 а это про нас tech times написали про design warm-ups — как формат разминок работает как обучение через практику и что из этого могут забрать другие индустрии www.techtimes.com/articles/319814/ обсудить всё это — @Designwarmups_chat
⚙ Важная информация об обновлении курсов по сайтам
Вчера в своем канале я анонсировал обновление курса по сайтам, которое уже доступно на учебной платформе. Также обозначил, что сумма затрат на создание материалов была 2 млн. Сегодня хочу пояснить подробнее, из чего она складывается. Итак, откуда такая стоимость? • 40+ объемных практических глав. Каждая — это сценарий, презентация, озвучка и монтаж • 300+ страниц сценариев • 1250+ слайдов презентаций • 2700+ часов работы команды: редактора, лид-дизайнера, двух дизайнеров и моушн-дизайнера • Консультации с редактором Альфа-Банка для блока по UX-копирайтингу, а также с юристом — для блока с документами • Бесконечное количество итераций и доработок каждого урока, чтобы вы получили емкую программу, в которой собрано только самое важное Думаю, так стало понятнее 😊 Еще попросил моего лид-дизайнера Злату записать отдельный разбор, где она подробно рассказала про новую версию курса (видео прикрепил к этому посту) И важно! Лучше посмотрите курс сами. Даю всем бесплатный доступ на 24 часа. Так сказать, гуляют все 😅 ➡️ Получить бесплатный доступ к новому курсу Надеюсь, после этого вы сами увидите масштаб обновления и поймете, почему мы столько времени и сил вложили в этот курс. Очень хочется, чтобы результат вас действительно порадовал 🤗 Осталось 2 дня до конца акции на пакеты курсов «UX/UI c нуля» и «Middle/Senior». При покупке вы получите бонусом курс «Графический дизайн» и скидку 10 000 ₽. Экономия до 130 620 ₽. Узнать подробнее и забронировать обучение можно у коллег в @uprock_hello
Я вчера сделал большую ошибку: заявил сумму в 2 миллиона, но не показал, из чего она складывается. В моей голове-то все предельно ясно, но уверен, что вам было непонятно, откуда взялась такая космическая цена.
Итак, откуда такая стоимость? • 40+ объемных практических глав. Каждая — это сценарий, презентация, озвучка и монтаж • 300+ страниц сценариев • 1250+ слайдов презентаций • 2700+ часов работы команды: редактора, лид-дизайнера, двух дизайнеров и моушн-дизайнера • Консультации с редактором Альфа-Банка для блока по UX-копирайтингу, а также с юристом — для блока с документами • Бесконечное количество итераций и доработок каждого урока, чтобы вы получили емкую программу, в которой собрано только самое важное Думаю, так стало понятнее 😊 Еще попросил моего лид-дизайнера Злату записать отдельный разбор, где она подробно рассказала про новую версию курса (видео прикрепил к этому посту) И важно! Лучше посмотрите курс сами. Даю всем бесплатный доступ на 24 часа. Так сказать, гуляют все 😅 ➡️ Получить бесплатный доступ к новому курсу Надеюсь, после этого вы сами увидите масштаб обновления и поймете, почему мы столько времени и сил вложили в этот курс. Очень хочется, чтобы результат вас действительно порадовал 🤗 Осталось 2 дня до конца акции на пакеты курсов «UX/UI c нуля» и «Middle/Senior». При покупке вы получите бонусом курс «Графический дизайн» и скидку 10 000 ₽. Экономия до 130 620 ₽. Узнать подробнее и забронировать обучение можно у коллег в @uprock_hello