📋Урок-практика 3. «Практика в Figma: собираем главную страницу сайта»

Практический урок, где мы будем собирать дизайн всего сайта. Если вы вдруг пропустили 1 и 2 урок, то обращайтесь к нашей навигации💡 ‼️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке макета всего сайта. Напоминаю, что по всем урокам Д/з буду принимать до 30 августа включительно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube ✅ #бесплатник

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

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

<< YouTube чееееек >> месяц назад пять продуктовых инхаус-команд МТС, Домклика, Флаувау, Т-Банка и СберДизайна выдали ui-жира и приколов, а победители батла налутали 100К. база: задача от Авито, спроектировать нативную фичу для эйай-поиска товаров и объектов через камеру. на презе было все — от истории про бабушку и внучка-вайбкодера до интерактивных «сосков-пикеров». ищи себя среди дизов на канале Прагматики, и пиши кто из команд самый хай в твоем личном рейтинге 🏎

17й урок на базе, го смотреть, ссылка на тикток ниже Исходник и промпты оставлю в комментариях к посту 👇🏻 Если есть вопросы по уроку, смело задавайте в комментах 🗂 Полезные ссылки: Бесплатное обучение дизайну с куратором и проверкой домашек Где генерирую — Syntx Мой TikTok | Instagram | YouTube

«Дело в сети» — новый проект Tilda о людях, которые развивают своё дело через интернет. Герой первого выпуска — Владимир Павлов, владелец музыкальной школы «Школа Нот» в Красноярске. Он рассказал, как превратил уроки музыки в бизнес, вырос с 300 000 до 800 000 ₽ в месяц и какие инструменты помогают школе привлекать новых учеников. 📱 Смотреть в ВК: https://vkvideo.ru/video-89546664_456240640 📺 Смотреть на YouTube: https://youtu.be/eGVoFNRcabw

В этом видео Антон Командин — UX/UI-дизайнер, арт-директор Experience Agency и куратор Школы Тильды — рассказывает, почему фокус только на визуале может приводить к потере клиентов и как сместить внимание на результат. Вы узнаете, как мыслить не только как художник, но и как инженер, проверять гипотезы с помощью Яндекс Метрики и на основе данных улучшать свои проекты. 📱 Смотреть в ВК: https://vkvideo.ru/video-89546664_456240635 📺 Смотреть на YouTube: https://youtu.be/6MLQv71kvxE

Вот он, первый (по факту 16й) урок по дизайну карточки для очков, как вам? Перейти посмотреть можно по ссылкочке ниже, постарался каждый шаг объяснить подробно и просто Исходник и промпты оставлю в комментариях к посту 👇🏻 Там же можно задать вопросы по дизайну, если что-то было непонятно. Новички, не стесняйтесь 😊 🗂 Полезные ссылки: Бесплатное обучение дизайну с куратором и проверкой домашек Где генерирую — Syntx Мой TikTok | Instagram | YouTube

Обсудили на эфире самые острые темы, кто не был онлайн, обязательно смотрите запись. Вырезали затяжные моменты, из 2-х часов сократили до 1 ч 18 мин Можно смело на x1.5 - x2 включать Что обсудили: • что сейчас происходит с рынком; • за что клиенты действительно готовы платить, а что уже делают нейросети; • откуда мы получаем клиентов в дизайн-студию; • какие приемы в карточках реально повышают продажи и CTR; • показал реальные кейсы с ростом продаж; • рассказал, какие направления стоит изучить, чтобы не зависеть только от Wildberries и Ozon. 📹СМОТРЕТЬ ЗАПИСЬ ЭФИРА 📹 Приятного просмотра! ❤️ Если есть вопросы: По теме эфира или обучению Заказать дизайн в студии

https://www.youtube.com/watch?v=stWBWTL8v60 Поговорили, почему бренд и продукт нельзя делать по кускам и зачем бренд нужен даже в скучном B2B. Автор известного дизайн-дайджеста, курсов и собственного фреймворка по брендингу в цифровых продуктах, лауреат ADC Awards. О чём ещё мы разговаривали: — Зачем делиться знаниями: дайджест, курсы и книги Юра честно делает «для себя» — Как родился подход «склеивать бренд и продукт»: боль в Mail.ru Group + лекция Майкла Вульфа (Wolff Olins) в 2015-м — Почему у сфокусированных vision-driven компаний бренд получается, а у корпораций «размазывается» — Один подход — разные решения: тёплый Райффайзен и графичный Muse без единой иллюстрации — Барьер №1 — разрозненность: пользователю плевать, из какого вы отдела — Бренд как множитель: приложи к нулю — получишь ноль. CAC, LTV, премия к цене, Halo-эффект — База, которую все ленятся читать: Байрон Шарп и лояльность как повторные покупки — Самое сложное в дизайне — не макет, а координация людей, которые «преступно часто» воюют — Фреймворк Юры: слои, карта точек контакта и приём «брендировать бесплатное» (фон, шрифт) — AI и дизайн: о чём договорились главы дизайна ключевых компаний на закрытой встрече в Сан-Франциско — «Макет никогда не был работой дизайнера» — это лишь инструмент склеить картинки в головах людей — Массовое помутнение вокруг вайбкодинга: все забыли «output ≠ outcome». Экономика ИИ пока не сходится — Совет Костика Апуськина: меньше следить за инструментами, больше качать кор-навыки — Как сам Юра год качал хард-скиллы и теперь идёт с ИИ дальше в «парном дизайне» — Почему выделиться легко: в своей нише большинство ленивы (пример Nothing, крафт против слопа) — Хобби как топливо: музыка, пять синтезаторов, синтез звука — и зачем это бренду (звук + хаптика) — Бургеры как поле для креатива и пять чувств, через которые доставляется эмоция — Метод «чистки зубов»: как двигать большие проекты по 5 минут в день и доезжать до конца Смотрите, добавляйте в закладки, подписывайтесь на мой канал! Скоро будут новые классне выпуски!

В новом выпуске рассказываем о главных обновлениях Тильды за последние 3 месяца: CMS Потоки 2.0, Вайб-блоке, управлении заказами в Tilda CRM, обновлениях в Zero Block и базовых блоках. А ещё — про бесплатный курс по созданию интернет-магазина на Тильде. Вместе пройдем весь путь от первого экрана до запуска продаж. Включайте видео, чтобы узнать обо всех обновлениях и ничего не пропустить 🚀 📱 VK Видео → https://vkvideo.ru/video-89546664_456240628 📺 YouTube → https://youtu.be/AtXY5wWZ5pI

Еще одна новинка от нашей студии. Несмотря на небольшую площадь, в квартире много окон, в том числе в ванной. При этом ни одно из них не выходит прямо в окна соседнего дома: из квартиры открываются красивые виды на город, которые сами по себе повышают ее привлекательность для будущих арендаторов. Заказчик покупал квартиру как инвестицию и был готов вкладываться в решения, которые помогут максимально раскрыть ее потенциал. Бюджет реализации составил около 6 млн рублей. В обзоре рассказали: • как всего два перенесенных дверных проема помогли добавить больше хранения и полностью разместить постирочную в прихожей; • как в одном шкафу спрятали стиральную и сушильную машины, место для моющего робота-пылесоса, одежду, обувь и чемоданы; • как из узкой ванной выжали максимум: перенесли дверной проем, разместили раковину из керамогранита, стеллажи и полноценную ванну 170 см с видом на город; • зачем вокруг окна в ванной сделали отдельный контур теплого пола и перенесли радиатор от застройщика; • как сделали кухню до потолка за 275 000 ₽ и разместили в верхних шкафах узкую микроволновку; • как закрыли пространство над холодильником отдельным внутренним шкафом и избавились от визуального шума; • как фреска за изголовьем за 5 000 ₽ заменила дорогие дизайнерские обои и стала главным акцентом комнаты; • какие решения можно повторить в своих проектах, чтобы даже небольшая инвестиционная квартира заметно отличалась от конкурентов. Мы не работаем с инвестиционными квартирами по одному шаблону. Перед началом каждого проекта анализируем сам жилой комплекс, рынок, конкурентов, актуальные бюджеты и ожидания будущих арендаторов. Потому что задача дизайна в таком объекте — не просто сделать красивый интерьер, а увеличить ценность квартиры и помочь ей занять более сильную позицию на рынке. А все ссылки, артикулы, контакты подрядчиков и находки из этого проекта можно изучить в Telegram-канале «Потрясные находки». Смотрите обзор, сохраняйте решения и обязательно делитесь впечатлениями ❤️ 📱 Видео на YouTube — https://clck.ru/3Uy5jK 📱 ВКонтакте — https://clck.ru/3Uy5kS

В этом видео показываем, как сделать эффект движения фигурок при скролле, появление заголовка из-под маски и бегущую строку. Расскажем, как использовать автолейаут для быстрой вёрстки карточек и адаптировать анимацию под мобильные устройства. 📱 Смотреть в ВК: https://vkvideo.ru/video-89546664_456240624 📺 Смотреть на YouTube: https://youtu.be/SEIhbta6eSM

Начал учить веб дизайн с нуля? В YouTube море видео о том, как стать дизайнером, в которых говорится что нужно читать книги и смотреть туториалы по веб дизайну. Но вот только конкретики мало. Я отмел все лишнее и подобрал 3 книги по веб дизайну, с которых должен начинать новичек. Именно без этих знаний и навыков тебе будет очень сложно стать дизайнером. Cмотреть

Изначально этот эфир планировался только для участников «Вышки», но тема оказалась настолько актуальной, что мы решили открыть доступ для всех. На лекции разберем вопросы, с которыми рано или поздно сталкивается практически каждый дизайнер: 🅰 что такое авторское право и как оно работает на практике; 🅰 какие материалы можно использовать в портфолио; 🅰 как правильно передавать права заказчику и не терять деньги; 🅰 как применять нейросети в работе без юридических рисков. Эфир проведет Екатерина Прохорова — основатель агентства "EP Legal Support and Communication", юрист и медиатор. 📌Старт лекции сегодня в 19:00 мск на YouTube Небольшое напоминание: еще 4 дня будет действовать акция перед закрытием продаж наших больших пакетов «UX/UI с нуля» и «Middle/Senior». Сейчас при их покупке вы получаете объемный курс «Графический дизайн» в подарок и дополнительную скидку 10 000 ₽ (общая экономия до 130 620 ₽). Подробнее об акции и условиях писал здесь. 📎 Забронировать место и получить консультацию можно у коллег: @uprock_hello.

→ Во-первых, вы поставили больше 200 🔥 на пост, значит, сегодня проводим открытую лекцию по юридическим вопросам, которые полезно знать каждому дизайнеру: ● Что такое авторское право ● Что можно использовать в портфолио ● Передача прав (где дизайнеры теряют деньги) ● Как работать с ИИ без юридических рисков Вебинар проведет Екатерина Прохорова (@prokhorova_law) — основатель агентства EP Legal Support and Communication, юрист и медиатор. Специализируется на сопровождении digital- и edtech-бизнеса, блогеров и экспертов, партнерских соглашениях, защите интеллектуальной собственности и урегулировании споров, большинство из которых удается решить без суда. ❗️Стартуем в 19:00 (МСК). Подключайтесь на YouTube по этой ссылке. → Во-вторых, еще 4 дня будет действовать акция перед закрытием продаж наших больших пакетов «UX/UI с нуля» и «Middle/Senior». Сейчас при их покупке вы получаете объемный курс «Графический дизайн» в подарок и дополнительную скидку 10 000 ₽ (общая экономия до 130 620 ₽). Подробнее об акции и условиях писал здесь. ➡️ Забронировать место и получить консультацию можно у коллег: @uprock_hello.

В этом видео лид-дизайнер Tilda Publishing Алексей Ларионов расскажет, как пользовательские запросы превращаются в новые блоки. Вы узнаете, как сложные настройки превращаются в готовые вариации и как один блок поможет решить сразу несколько задач. 📱 Смотреть в VK Видео: https://vkvideo.ru/video-89546664_456240623 📺 Смотреть на Youtube: https://youtu.be/5-tyUIg16qs

Главная задача была не просто красиво оформить квартиру под аренду, а сделать интерьер, который будет выделяться среди конкурентов. В обзоре рассказали: • как перенос входа в спальню позволил добавить больше хранения и сделать квартиру удобнее; • зачем прихожую сделали в насыщенном винном оттенке и почему темные проходные зоны могут визуально увеличивать основное пространство; • почему потолки, стены, откосы и лепнину окрасили в один оттенок; • почему для кухни сделали отдельную нишу с техникой и отказались от угловой кухни; • как остров из кварцевого агломерата сделали двухуровневым; • как мы нашли вытяжку редкого оттенка с конструкцией до 1,5 м за 55 000 ₽; • как диван за 38 000 ₽ с «Черной пятницы» после перетяжки стал выглядеть как дорогой дизайнерский предмет; • какие предметы приехали из Китая — от люстры и торшера до ковра, тумбы и кресла за 20 000 ₽; • как в спальне удалось разместить полноценный рабочий стол, большую кровать, шкаф 2,5 м и при этом не перегрузить пространство; • какие решения можно повторять в своих объектах, если хочется сделать арендную квартиру яркой, но не потерять в ликвидности. В конце обзора оставили подарок — бесплатный PDF с кухнями из наших проектов: артикулами, фасадами, оттенками и готовыми сочетаниями. А полный состав этого проекта со ссылками, артикулами и находками, как всегда, можно изучить в нашем Telegram-канале «Потрясные находки». Смотрите обзор, сохраняйте идеи и обязательно делитесь впечатлениями ❤️ 📱 Видео на YouTube — https://clck.ru/3Uo2Ut 📱В ВКонтакте — https://clck.ru/3Uo2ZK

Возможности — Единый непрерывный контур реза — Прямоугольные и круглые макеты — Настраиваемые вылеты контура реза за пределы сетки — Автоматический слой для контура реза — Параметры в разных единицах измерения — Опционально размер артборда под габариты контура реза Ограничение Такой вид резки не подойдёт для фигурных наклеек, макетов с вылетами фона, а также для плоттеров с ощутимым смещением материала при протягивании роликами. Подробнее о скрипте | Rutube | Youtube #illustrator #utility #paid

Как строить бренд финтеха 🦄 с нуля в чужой культуре 🇲🇽, почему в Мексике минимализм читается как бедность, и что реально даёт AI-нейросети в производственной цепочке дизайнера. Я пообщался с Александром Николаевым — бренд-дизайнер банка PLATA в Мехико, он четвёртый год отвечает за бренд, визуал и смыслы 😎. PLATA — цифровой банк для Мексики, построенный командой выходцев из Тинькова. Первые версии продукта делали вчетвером — Александр, Игорь, Катя и Александр Сыров (сейчас — дизайн-директор Платы). — Как строить бренд и весь дизайн банка вчетвером - с чистого листа создали дизайн-систему, бренд, визуальный стиль, приложение и маркетинг параллельно — Почему разделение на «интерфейсных» и «визуальных» дизайнеров — устаревшая идея — Главный инсайт: в Мексике минимализм читается не как премиум, а как «человек не постарался», как бедность — Легендарная история с новогодним мерчом в стиле Покраса Лампаса, который мексиканские коллеги встретили словами «в фавелах маргиналы в таком ходят» — Эволюция оранжевого цвета Платы: от градиентов «всё оранжевое» до метафоры «свет на оранжевой стене в тени» с точечными акцентами. И уход в тёмные оттенки, когда DiDi запустил такси-кредитку тоже оранжевого цвета — Признаки бренда Платы без логотипа: оранжевый, работа с металлом, Tone of Voice, качество графона — «Лайтморфизм» как прогноз следующей волны после неоморфизма и гласморфизма: дизайнеры научатся рисовать не тени, а свет, блики и рефлексы с историей — Как строили бренд Платы: психогеометрия + архетипы Юнга + типы потребителей (лекция Кожанова «Бренд и физиология») — Почему выбрали связку бунтаря и искателя и как «Real Money, Real Cashback» попала в архетип бунтаря на мексиканском рынке — Культура работы в Плате: «не делай плохих вещей», подход из Тинькова, увеличенный в разы. История про иконку «плюс», которую Александр рисовал 5 месяцев — Успешный цифровой банк без сильного дизайна возможен? Нет. Все интерфейсы уже одинаковые, надо цеплять эмоцией — как Duolingo с совой — Как AI-нейросети реально работают в производстве Ставьте лайки 👍, делитесь, подписывайтесь на мой ютуб канал.