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

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

Присоединяйтесь к открытому вебинару по созданию видео-контента с ИИ

Когда: 24 августа в 14:00, онлайн по регистрации. Эксперты встречи: — Олег Изосимов, руководитель группы дизайна в «М.Видео», на реальном кейсе ритейл-гиганта покажет как сократить работу видео-продакшна с помощью неронок; — Ольга Зуева, соосновательница ИИ-платформы Phygital+, расскажет где сегодня живут нейросети в бизнесе и почему это уже не эксперимент. Также на эфире: — Получите архитектуру пайплайна: полный путь создания видео от первого промпта до публикации; — Узнаете о стеке инструментов: связки нейросетей и Phygital+ для стабильного результата; — Обсудите кейсы экспертов вместе со зрителями; — Получите скидку на 40+ нейросетей. Вебинар бесплатный. Зарегистрироваться — можно здесь. Если хотите узнать, как ИИ может помочь создавать сложный контент быстрее — подключайтесь к эфиру.
Video is not supported

📋 Урок 1. Кто такой дизайнер и на чем он зарабатывает в эпоху нейросетей?

Что вас ждет в уроке: – Знакомство со мной и программой обучения – Кто такой веб-дизайнер и чем он отличается от других дизайнеров – Какие продукты он создает и на чем зарабатывает – Этапы создания проекта изнутри на примере сайта – Как изменилась профессия в эпоху нейросетей в эпоху нейросетей Для удобства прикрепляю также ссылку урока на YouTube ✅ Погнали!🔥 #бесплатник

Стоит ли делать бесплатно коммерческие проекты?

И да, и нет. Глобально коммерческий проект в портфолио выглядит лучше, чем учебный. Потому что сделан в рамках реального запроса. И чем больше реальных проектов, тем больше подтверждения твоей компетенции. И когда клиент в чате пишет, что вот есть бесплатный заказ, берите его! Справедливая реакция — это скепсис, потому что есть ощущение, что пользуются вашей потребностью в коммерческих заказах. Но ведь объективно клиенту тоже нужен ваш логотип или сайт. И он еще будет потом на этом зарабатывать. То есть вы оба в позиции «нуждающегося». Правильно, на мой взгляд, если клиент осознает, что он должен дать что-то больше. Например, пообещать: ⚫️Максимально понятное задание ⚫️Небольшой объем работ (8–12 часов, может, чуть больше из-за неопытности дизайнера) ⚫️Сотрудничество и подробное объяснение со своей стороны ⚫️Тактичность в диалоге и терпение, когда что-то идет не туда, и желание донести это ⚫️Минимальное количество правок (это во многом зависит от правильного изначального задания) То есть клиент должен озвучить: «Я понимаю, что это твой первый коммерческий проект, мы попробуем поработать. Если поймем, что у нас одно видение, то обещаю, чтобы ты вышел с опытом и в обстановке сотрудничества». Много ли клиентов, которые это понимают? Единицы. Поэтому вам самому надо списаться, обсудить условия и тактично озвучить свое видение, как было бы комфортно работать (смотри пункты выше). И хорошая идея в таких случаях — работать бартером. Например, за рекламу в их соцсетях. Сделали лого или сайт для маникюрного салона — пусть сделают о вас рекламу: «Вот такой человек нам обновил сайт». Переговоры и поиск своей конструктивной выгоды — это часть не только фриланса и карьеры, но и вообще современных реалий. Поэтому нам этому нужно всегда учиться, даже если мы интроверты 🙂 А я лично предпочитаю оплачивать даже небольшие объемы работ. Так как это фиксирует серьезность сторон. Мне важнее работа в срок, потому что в итоге я теряю больше денег из-за неопределенностей договоренностей. P.S. Если вы ищете дизайнера для коммерческого проекта, пишите в @hruprock — обязательно поможем подобрать подходящего исполнителя.
Готовы ли AI-агенты к реальной работе дизайнера?🤷‍♂🤷‍♂🤷‍♂
Просишь Claude или GPT собрать экран, а в ответ получаешь набор компонентов, который потом все равно приходится переделывать руками. Цвета не из палитры, отступы не по сетке, у кнопок нет состояний. После пары таких попыток легко решить, что агенты пока не готовы к нормальной работе. Но тут есть нюанс: возможно, дело не только в самой модели, а в том, как мы ее используем. 😇 20 августа Pixel Perfect проведут бесплатный эфир: возьмут большую дизайн-систему банка и прямо в Figma попробуют собрать по ней новые экраны. Сначала попробуют собрать экраны без каких-либо настроек, а потом подготовят среду специально под эту задачу. И сравнят два результата. Заодно покажут, как дизайн-система попадает в среду, почему ее нельзя просто закинуть агенту целиком и как потом проверить результат. А еще посмотрят, где агент уже справляется сам, а где все-таки приходится вмешиваться руками. Все скиллы с эфира можно будет забрать и использовать в своих задачах, даже если большой дизайн-системы у вас нет. ↗20 августа, 18:00 мск. Эфир пройдет в телеграм канале, подписывайся!
Бесплатный интенсив по нейросетям 😍
Мы давно не устраивали никакой движухи, а тут ещё и 1 сентября совсем близко. Поэтому решили начать осень с небольшого бесплатного интенсива. С 1 по 5 сентября вместе с вами с нуля соберём полноценный сайт с помощью нейросетей. За 5 дней: ▪️ создадим структуру сайта и напишем тексты ▪️ соберём дизайн-систему ▪️ сгенерируем изображения ▪️ оформим всё это в готовый работающий сайт Будем проходить весь процесс по шагам, поэтому можно участвовать, даже если вы раньше никогда не создавали сайты. Конечно, будут подарки для самых активных, дополнительные материалы и много практики. Проходить будет на этом канале: https://t.me/neyropred Поэтому переходите и подписывайтесь 💚 Как вам такая идея?
Изображение канала: Женя UPROCK
‼️ Уже через час стартуем интенсив по созданию видео с помощью ИИ (Seedance 2). Доступ 48 часов.
Прикрепил к посту пример того, какие видео научимся создавать на интенсиве. Автор видео: Анастасия @Daki270, работа сделана на курсе "AI-дизайнер" По традиции будет много практики, токены и розыгрыш призов. Всех жду 🤗 Участие бесплатное по ссылке
Video is not supported
Изображение канала: Женя UPROCK
Хочу сделать традицией, чтобы мои любимые кураторы рассказывали вам полезные темы про дизайн.
Сегодня Елена расскажет про аспект, который кажется очевидным, пока не начинаешь делать большой проект, — как сохранить единый стиль на всех страницах. Потому что когда у тебя не 2–3 экрана, а большой проект, очень легко начать каждый следующий экран собирать заново. Тут шрифт поменял, там форму другую придумал, здесь еще что-то добавил. И вроде все само по себе красиво, а вместе уже какая-то солянка 😅 Поэтому в каждом проекте нужно собирать свою систему: цвета, типографику, сетку, формы, композицию, работу с элементами. И чем лучше ты это продумал в начале, тем меньше потом приходится изобретать велосипед. 🎙️ В видео Елена на двух реальных интернет-магазинах показывает, из чего вообще складывается эта система и как она работает на разных страницах. ➡️ Также напоминаю, что сегодня в 19:00 по МСК начало бесплатного интенсива от Утопии по созданию ИИ-видео и работе с Seedance 2. Для участия регистрируйтесь в боте.
Video is not supported
Изображение канала: UX/UI — UPROCK
🚨 Напоминаем: уже сегодня старт бесплатного интенсива по ИИ-видео
Сегодня в 19:00 МСК встречаемся на бесплатном интенсиве от Utopy.ai, где будем прокачивать навыки создания видео с помощью нейросетей. Работать будем в Seedance 2.5 и разберем, как с его помощью создавать видео, какие приемы и промпты использовать и как выстраивать рабочий AI-видеопайплайн. 🎥 К этому посту добавили видео, как пример уровня результата, который вы получите после интенсива Что будет: ● увидите пошаговое создание ролика в прямом эфире; ● разберете возможности Seedance 2.5; ● получите практические приемы и промпты; ● попробуете создать собственное видео; ● получите обратную связь по результату. ➡️ Зарегистрироваться на интенсив ➡️ Зарегистрироваться на интенсив
Video is not supported
Изображение канала: Женя UPROCK
Лайфхак для реального запуска продукта
Я участвовал в разработке сотен продуктов — от сайтов до больших диджитал-рекламных кампаний. И везде плюс-минус сталкивался с одной проблемой: так как проекты очень большие, в конце команда выматывалась, и мы попадали в проектное болото. Когда что-то по мелочам не доделано, и ты бесконечно это правишь. И единственным решением был экстремальный запуск. Это когда ты уже берешь и выпускаешь все с неровностями в публичный доступ. Я не знаю, как это работает. Но это сильно активирует команду и процессы, чтобы за короткое время все «вычистить». Мы планировали выпустить новую версию Утопии в конце июня. В процессе появлялись новые правки и функции — и конца и края им не видно. Было принято решение часть функций спрятать и выпустить релиз. А все новое оперативно итерационно запускать в ближайшее время. Что добавилось в новой версии: 🟢Проекты 🟢Единый поток генераций 🟢Аудио 🟢Элементы (персонажи, предметы, локации и т.д.) 🟢Редизайн Зачем нужна левая панель? Мы планируем добавить много новых функций: 🟠Ноды 🟠Холст (как у Рекрафт) 🟠Стили (как у Миджорни) 🟠Библиотеку промптов 🟠Видеомонтаж (аля онлайн-Капкат) 🟠3D 🟠и множество других приложений То есть это будет большая экосистема под большинство ваших задач, связанных с нейронками. И все функции будут гармонично связаны друг с другом. ➡️Новая версия доступна по ссылке. Поделитесь, пожалуйста, в комментариях, как вам. ❗️Важно: мы запускаем Академию. Это большое количество бесплатных интенсивов (планируем каждую неделю) и курсов внутри платформы. И уже завтра планируем первый интенсив по ИИ-видео и Seedance 2 — начало в 19:00 по МСК. ➡️ Регистрация по ссылке
Изображение канала: UX/UI — UPROCK
🎬 Как начать работать с ИИ-видео?
Уже в эту среду, 19 августа в 19:00 МСК стартует бесплатный интенсив от Utopy.ai по созданию видео с помощью нейросетей. Разберемся, как использовать ИИ для создания полноценного визуального контента. В процессе прохождения интенсива вы: → увидите рабочий AI-видеопайплайн в прямом эфире → разберете практические приемы и промпты → попробуете создать собственный ролик → получите обратную связь по результатам Подойдет даже тем, кто пока только начинает разбираться в ИИ-видеопродакшне. ➡️ Участие бесплатное по ссылке
Изображение канала: Женя UPROCK
Я крокодил… нет, я серьезно 😅
Это стратегия в кризис: собрать все ресурсы для одного рывка. Я ничего не рассказывал про Утопию последние три месяца, потому что мы собирали силы. Летом активность ниже, поэтому я сопоставил все варианты и решил сделать один сильный скачок, а не множество рассеянных. Для вас это возможность посмотреть, как предприниматели действуют в кризис и что из этого можно почерпнуть. Я занимаюсь предпринимательством уже 15 лет. Возможно, кто-то думает, что я делаю сетки, но на самом деле мой главный скилл — это создавать продукты, выстраивать вокруг них процессы и заниматься продвижением. Поэтому я делюсь своим мышлением и подходом, чтобы вы смогли применять их в своих задачах и карьере — принцип один и тот же. За это время я в два раза увеличил команду разработки и дизайна. Мы очень долго все шлифовали и наконец-то готовы представить новую версию Утопии, рабочее название новой версии — «Поток» (завтра сделаем релиз). Это возможность генерировать все в едином потоке с разделением на проекты. А главное — туда логично лягут ноды, не как в Higgsfield, где все функции не докручены и отдельны, а прям единый удобный хаб. Упоминаю его как достойного конкурента, на которого мы равняемся. ➡️ А для вас главное, что мы каждую неделю будем проводить бесплатные интенсивы по нейросетям. В этом месяце уделим большое внимание лучшей нейросети для видео — Seedance 2. Кстати, наши партнеры дали нам лучшие скидки. Например, в Seedance 2 Mini одна генерация в 720p, 5 секунд стоит всего 22 рубля. Я буду активно развивать новое направление, и моя цель — стать лидерами в РФ. А возможно, и в мире. Плох тот солдат, который не мечтает стать генералом. Посмотрим. Кто, если не мы? Так ведь? 😉 ➡️ Первый бесплатный интенсив по ИИ-видео и Seedance пройдёт в среду в 19:00 по МСК. Для участия регистрируйтесь в боте, чтобы не пропустить Ну что, погнали? 🚀
Изображение канала: Роман Букреев
⏺Новый туториал по дизайну
17й урок на базе, го смотреть, ссылка на тикток ниже Исходник и промпты оставлю в комментариях к посту 👇🏻 Если есть вопросы по уроку, смело задавайте в комментах 🗂 Полезные ссылки: Бесплатное обучение дизайну с куратором и проверкой домашек Где генерирую — Syntx Мой TikTok | Instagram | YouTube
Изображение канала: Красота в интерьере
Это была просто невероятно насыщенная рабочая неделя — и она ещё не закончена 🚀
Что я делала: • много работала — по клубу, по будущему курсу «Профессия: декоратор»; • училась — лекции по методологии, по маркетингу, по ведению соцсетей; • проводила консультации и подбирала предметы для клиентов; • упаковала и перевезла 84 коробок с книгами из личной квартиры в рабочую; • провела 4 часа в мастерской, за которые я на вдохновении и в кураже написала три работы — все показываю здесь; • курировала роспись санузла в рабочей квартире, мелкие доделки столярки в ней же; • не забываем, что я мать ❤️; • организовала и провела крутую встречу для нашего клуба в мастерской Ивана Глазкова — я выбрала себе искусство. Я очень счастлива во всех делах, даже когда устаю✨ А ещё всю это неделю у меня было предвкушение и подготовка к вебинару «ДЕКОРИРОВАНИЕ ИНТЕРЬЕРА: 8 ШАГОВ», который я проведу в следующий вторник, 18 августа. Участие бесплатное, нужно лишь зарегистрироваться здесь. Для участников вебинара я веду закрытый ТГ канал.
Изображение канала: серёгина. лаборатория веб-дизайна
Моя любимая вытянутая антиква для кириллицы и латиницы🙏
К сожалению, большинство таких гарнитур платные обычно… Шрифты из ролика (моих постов, сайта и т.д.): • Oranienbaum • SimeizC • Viola Рекомендую, сохраняйте, пользуйтесь! И сделаю тогда подборку фулл бесплатных шритов🙌 #полезное
Video is not supported
Изображение канала: Design Hunters
Ищу желающих заполнять карточки товаров на ВБ!
Нужно создавать карточки на ВБ. Ничего сложного. Работа полностью на удаленке с зп до150 000 рублей в месяц. Без опыта, нужен только телефон, занятость 3-6 часов в день. Всему обучат на бесплатном курсе и после возьму на работу: ✅ 3 дня уроков по 30 минут ✅ Домашки с проверкой и оплатой бонусами ✅ Плачу 10 тыс за каждую выполненную домашку Все кто пройдет курс, получат сертификат от школы с образовательной лицензией. ⚡ Набор заканчивается завтра. 👍 Для регистрации жмите кнопку "Зарегистрироваться": Зарегистрироваться #реклама 16+ course.wildcard.ru О рекламодателе
Изображение канала: Tilda Publishing News
Вебинар «Создание многостраничного сайта на Тильде с помощью CMS Потоки»
Как ускорить создание и запуск многостраничных сайтов, используя новую CMS Потоки — узнаете на бесплатном вебинаре 19 августа. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-1783505620de15fcc57be4 На вебинаре разберём: 🟠 Как устроена новая система управления контентом; 🟠 Как добавлять и редактировать страницы и блоки; 🟠 Как создавать настраиваемые потоки и выводить их на сайте. Вебинар проведёт Кристина Волошина, эксперт службы поддержки Tilda Publishing.
Изображение канала: Роман Букреев
БЕСПЛАТНЫЙ КУРС ПО ДИЗАЙНУ 👇🏻
В общем, в комментах в ТТ под каждым роликом прилетают вопросы «Где искать клиентов», «Как научиться делать дизайн, если я прям полный ноль», «Что посмотреть» Ребят, сейчас не нужно покупать дорогущие обучения, можно бесплатно получить за 4 дня крепкую базу без нудной теории Бесплатные уроки здесь 👈 Что внутри: Освоишь бесплатную программу для дизайна Figma, соберешь 3 работы в портфолио (с анимацией), большой пак с шрифтами, графикой и рефами и вишенка на торте — личный куратор на весь курс с ОС, разбором домашних работ, опытный дизайнер, который поможет сделать первые шажки в профессию… Вам самое главное понять… Дизайн — это не какая-то вау магия для «особо творческих людей», это просто обычный навык, который может быстро освоить даже новичок и начать на нём делать первые 50-100 тысяч Если не сольешься сейчас, то буквально за неделю сделаешь первое портфолио и сможешь получить первые деньги и клиентов с дизайна 🔗 Ссылка на уроки (тыкай)
Изображение канала: СПбГУПТД | NEWS
СПбГУПТД закрыл 100% бюджетных мест бакалавриата и специалитета
Санкт-Петербургский государственный университет промышленных технологий и дизайна @spsutd подвел итоги основного этапа приемной кампании — 2026: приказы о зачислении на основные места в рамках КЦП опубликованы 7 августа в 00:01, все бюджетные места бакалавриата и специалитета заполнены. Цифры кампании: 🔵 4626 человек зачислено на текущий момент, из них 1527 — на бюджет 🔵 +21% абитуриентов к прошлому году 🔵 85,23 — средний балл ЕГЭ зачисленных 🔵 383 победителя и призера олимпиад в числе зачисленных, из них 144 приняты на бесплатное обучение на места, финансируемые за счет средств университета Самые востребованные направления — прикладная информатика, анимация и компьютерная графика, дизайн, информационные системы и технологии, химическая технология. До конца августа университет планирует зачислить еще около 2300 абитуриентов. 🤓✉️🖊️📣🇷🇺✍️ 💬 Telegram • 💬 МАХ • 📝 Дзен 🍑 Бот для связи
Изображение канала: Retro Figma
UiFigmaCool — платформа с бесплатными ресурсами, плагинами и обучающими статьями для Фигмы.
ui.figma.cool
Video is not supported