📋Урок-практика 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+ нейросетей. Вебинар бесплатный. Зарегистрироваться — можно здесь. Если хотите узнать, как ИИ может помочь создавать сложный контент быстрее — подключайтесь к эфиру.

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

Когда я начинал делать свой сервис, команды разработки у меня не было. Да и сам я код писать вообще не умел. Было только понимание, каким должен быть продукт, куча проблем текущих агрегаторов и желание попробовать сделать лучше. В итоге весь фронт, бэк, админку и тесты я собрал с помощью AI. Моей задачей было нормально объяснять, что должно происходить, проверять результат и разбираться, почему всё опять сломалось) Первый большой релиз, конечно же, положил прод. Я восемь часов подряд пытался понять, что произошло. Потом всё поднял, страница вакансии заработала, начала индексироваться поисковиками, а в сервис пришли первые пользователи. 💡 Что я понял Этот опыт сильно поменял моё отношение к работе дизайнера. Раньше макет часто был последней точкой: нарисовал, передал разработчикам и ждёшь. Сейчас для меня это только один из этапов. Иногда хочется самому пройти весь путь до работающего продукта, даже если по дороге несколько раз всё развалится. Красивый макет мало что значит, если он так и не доехал до работающего продукта. Ведь говорить только об идеальных историях нет смысла, важно делиться разными кейсами в профессиональном комьюнити, согласны? 🌸 Что будет 12 сентября в Москве пройдёт конференция «Продукты 24 × ffdd2d». Там как раз будут говорить о решениях, которые сначала выглядели странно, спорно или вообще неправильно, а потом сработали. На конференции будет три зала: 🍀 «Ломаем шаблоны» про нестандартные подходы и решения; 🍀 «Достигаем результатов» про продуктовую логику и устойчивый рост; 🍀 «Говорим прямо» про ошибки, конфликты и провалы, которые обычно остаются внутри команд. Последний зал будет без трансляции и записи. Можно будет спокойно говорить о вещах, которые редко выносят в публичные доклады. 🏠 Когда и где 12 сентября. Москва, комплекс «Мечта» на набережной парка Горького. Офлайн и онлайн 💌 Как попасть Количество мест на площадке ограничено, поэтому заявки проходят модерацию. После подтверждения офлайн-участники делают пожертвование от 1 500 ₽ в фонд «Природа и люди». ➡️ Зарегистрироваться ➡️ Зарегистрироваться ➡️ Зарегистрироваться

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

Сохраняйте подборку: 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 Большинство видео на английском, но можно включить автоматические русские субтитры.

Объёмные юбки прибавили мне десять килограммов веса, а безжалостная ретротехника — десять лет возраста. Тут я сижу в саду своего дома после того, как закрутила 50 литров яблочного варенья, а из остатков испекла пирог. Муж-отходник ушёл на сезон в столицу на заработки. Со мной моя дочь-гимназистка — гордость семьи, первая с образованием. Смотрю на фотографии — и ведь веришь. Вот она я: хозяйство держу, мужа жду, дочь в люди вывожу. Варенье опять же. А вообще я сегодня без шуток была напугана этой ретротехникой. Никаких тебе ста кадров, «ой, я моргнула» и «давайте ещё разочек». Шанс один. Как снялась — такой тебя потомки следующие сто лет и рассматривают😅

И да, и нет. Глобально коммерческий проект в портфолио выглядит лучше, чем учебный. Потому что сделан в рамках реального запроса. И чем больше реальных проектов, тем больше подтверждения твоей компетенции. И когда клиент в чате пишет, что вот есть бесплатный заказ, берите его! Справедливая реакция — это скепсис, потому что есть ощущение, что пользуются вашей потребностью в коммерческих заказах. Но ведь объективно клиенту тоже нужен ваш логотип или сайт. И он еще будет потом на этом зарабатывать. То есть вы оба в позиции «нуждающегося». Правильно, на мой взгляд, если клиент осознает, что он должен дать что-то больше. Например, пообещать: ⚫️Максимально понятное задание ⚫️Небольшой объем работ (8–12 часов, может, чуть больше из-за неопытности дизайнера) ⚫️Сотрудничество и подробное объяснение со своей стороны ⚫️Тактичность в диалоге и терпение, когда что-то идет не туда, и желание донести это ⚫️Минимальное количество правок (это во многом зависит от правильного изначального задания) То есть клиент должен озвучить: «Я понимаю, что это твой первый коммерческий проект, мы попробуем поработать. Если поймем, что у нас одно видение, то обещаю, чтобы ты вышел с опытом и в обстановке сотрудничества». Много ли клиентов, которые это понимают? Единицы. Поэтому вам самому надо списаться, обсудить условия и тактично озвучить свое видение, как было бы комфортно работать (смотри пункты выше). И хорошая идея в таких случаях — работать бартером. Например, за рекламу в их соцсетях. Сделали лого или сайт для маникюрного салона — пусть сделают о вас рекламу: «Вот такой человек нам обновил сайт». Переговоры и поиск своей конструктивной выгоды — это часть не только фриланса и карьеры, но и вообще современных реалий. Поэтому нам этому нужно всегда учиться, даже если мы интроверты 🙂 А я лично предпочитаю оплачивать даже небольшие объемы работ. Так как это фиксирует серьезность сторон. Мне важнее работа в срок, потому что в итоге я теряю больше денег из-за неопределенностей договоренностей. P.S. Если вы ищете дизайнера для коммерческого проекта, пишите в @hruprock — обязательно поможем подобрать подходящего исполнителя.

В сложные времена особенно важно уверенно входить в новую индустрию. Для тех, кто хочет перейти в VFX из моушена или решил начать путь со спецэффектов это мероприятие будет очень кстати. 22 августа пройдёт онлайн-паблик-ток с экспертами из Main Road Post и FrameBakery — студий, работавших над «Притяжением», «Сталинградом», «Мастером и Маргаритой» и «Чебурашкой». Обсудим: • с чего начать карьеру в VFX; • что ждут от джунов и как расти внутри студии; • чем отличаются пайплайны в кино и рекламе; • как нейросети меняют рабочие процессы; • как устроены дедлайны, коммуникация и карьерный рост. В конце вы сможете задать свой вопрос спикерам, и они ответят в прямом эфире. 📅 22 августа, 12:00 | Онлайн в Zoom 🔗 Регистрация

23 августа в 19:00 поговорим о том, почему работающего прототипа уже недостаточно и как сделать сгенерированный интерфейс понятным, цельным и убедительным. спикеры: Соня Сурм — куратор курса Повседневное Использование Нейросетей, художник и графический дизайнер Дима Исаев — основатель и дизайн-директор агентства isfirst, более 12 лет в дизайне, экс-руководитель дизайн-направлений Яндекс Практикума и Авито. на открытой лекции: на живом примере проведём аудит вайбкодинг-проекта, разберём пользовательский сценарий, визуальную иерархию, состояния и систему интерфейса. покажем, как формулировать правки для ИИ и итеративно доводить UI. участники лекции получат: • чек-лист для самостоятельной проверки интерфейса • понимание ключевых ошибок AI-прототипов • системный подход к работе с UI через ИИ участие поможет вам делать проекты профессионально и убедительно — на уровне, который можно показывать команде, клиентам и использовать в портфолио 🤍 регистрация 🤍

Просишь Claude или GPT собрать экран, а в ответ получаешь набор компонентов, который потом все равно приходится переделывать руками. Цвета не из палитры, отступы не по сетке, у кнопок нет состояний. После пары таких попыток легко решить, что агенты пока не готовы к нормальной работе. Но тут есть нюанс: возможно, дело не только в самой модели, а в том, как мы ее используем. 😇 20 августа Pixel Perfect проведут бесплатный эфир: возьмут большую дизайн-систему банка и прямо в Figma попробуют собрать по ней новые экраны. Сначала попробуют собрать экраны без каких-либо настроек, а потом подготовят среду специально под эту задачу. И сравнят два результата. Заодно покажут, как дизайн-система попадает в среду, почему ее нельзя просто закинуть агенту целиком и как потом проверить результат. А еще посмотрят, где агент уже справляется сам, а где все-таки приходится вмешиваться руками. Все скиллы с эфира можно будет забрать и использовать в своих задачах, даже если большой дизайн-системы у вас нет. ↗20 августа, 18:00 мск. Эфир пройдет в телеграм канале, подписывайся!

Напоминает аналогичную ситуацию в России после 24 февраля, когда бренды были вынуждены выпускать продукцию в белых «тетрапаках», а у производителей белой бумаги наоборот закончились обесцвечивающие реактивы и все какое-то время печатали на бежевых листах. Источник: Why a Japanese potato chip bag lost its colour Изображение: www.itsnicethat.com #мюслидизайнера #цвет #графическийдизайн

Мы давно не устраивали никакой движухи, а тут ещё и 1 сентября совсем близко. Поэтому решили начать осень с небольшого бесплатного интенсива. С 1 по 5 сентября вместе с вами с нуля соберём полноценный сайт с помощью нейросетей. За 5 дней: ▪️ создадим структуру сайта и напишем тексты ▪️ соберём дизайн-систему ▪️ сгенерируем изображения ▪️ оформим всё это в готовый работающий сайт Будем проходить весь процесс по шагам, поэтому можно участвовать, даже если вы раньше никогда не создавали сайты. Конечно, будут подарки для самых активных, дополнительные материалы и много практики. Проходить будет на этом канале: https://t.me/neyropred Поэтому переходите и подписывайтесь 💚 Как вам такая идея?

Сегодня Елена расскажет про аспект, который кажется очевидным, пока не начинаешь делать большой проект, — как сохранить единый стиль на всех страницах. Потому что когда у тебя не 2–3 экрана, а большой проект, очень легко начать каждый следующий экран собирать заново. Тут шрифт поменял, там форму другую придумал, здесь еще что-то добавил. И вроде все само по себе красиво, а вместе уже какая-то солянка 😅 Поэтому в каждом проекте нужно собирать свою систему: цвета, типографику, сетку, формы, композицию, работу с элементами. И чем лучше ты это продумал в начале, тем меньше потом приходится изобретать велосипед. 🎙️ В видео Елена на двух реальных интернет-магазинах показывает, из чего вообще складывается эта система и как она работает на разных страницах. ➡️ Также напоминаю, что сегодня в 19:00 по МСК начало бесплатного интенсива от Утопии по созданию ИИ-видео и работе с Seedance 2. Для участия регистрируйтесь в боте.

Сегодня в 19:00 МСК встречаемся на бесплатном интенсиве от Utopy.ai, где будем прокачивать навыки создания видео с помощью нейросетей. Работать будем в Seedance 2.5 и разберем, как с его помощью создавать видео, какие приемы и промпты использовать и как выстраивать рабочий AI-видеопайплайн. 🎥 К этому посту добавили видео, как пример уровня результата, который вы получите после интенсива Что будет: ● увидите пошаговое создание ролика в прямом эфире; ● разберете возможности Seedance 2.5; ● получите практические приемы и промпты; ● попробуете создать собственное видео; ● получите обратную связь по результату. ➡️ Зарегистрироваться на интенсив ➡️ Зарегистрироваться на интенсив

Я участвовал в разработке сотен продуктов — от сайтов до больших диджитал-рекламных кампаний. И везде плюс-минус сталкивался с одной проблемой: так как проекты очень большие, в конце команда выматывалась, и мы попадали в проектное болото. Когда что-то по мелочам не доделано, и ты бесконечно это правишь. И единственным решением был экстремальный запуск. Это когда ты уже берешь и выпускаешь все с неровностями в публичный доступ. Я не знаю, как это работает. Но это сильно активирует команду и процессы, чтобы за короткое время все «вычистить». Мы планировали выпустить новую версию Утопии в конце июня. В процессе появлялись новые правки и функции — и конца и края им не видно. Было принято решение часть функций спрятать и выпустить релиз. А все новое оперативно итерационно запускать в ближайшее время. Что добавилось в новой версии: 🟢Проекты 🟢Единый поток генераций 🟢Аудио 🟢Элементы (персонажи, предметы, локации и т.д.) 🟢Редизайн Зачем нужна левая панель? Мы планируем добавить много новых функций: 🟠Ноды 🟠Холст (как у Рекрафт) 🟠Стили (как у Миджорни) 🟠Библиотеку промптов 🟠Видеомонтаж (аля онлайн-Капкат) 🟠3D 🟠и множество других приложений То есть это будет большая экосистема под большинство ваших задач, связанных с нейронками. И все функции будут гармонично связаны друг с другом. ➡️Новая версия доступна по ссылке. Поделитесь, пожалуйста, в комментариях, как вам. ❗️Важно: мы запускаем Академию. Это большое количество бесплатных интенсивов (планируем каждую неделю) и курсов внутри платформы. И уже завтра планируем первый интенсив по ИИ-видео и Seedance 2 — начало в 19:00 по МСК. ➡️ Регистрация по ссылке

19 августа в 19:00 разберём, где нейросети действительно экономят время дизайнеру: от почты и созвонов до референсов, файлов и собственных рабочих инструментов, вход свободный спикер: Соня Сурм — куратор курса Повседневное Использование Нейросетей, художник и графический дизайнер, автор нейрокурса в Британской высшей школе дизайна, проходила обучение по ИИ от Google и Anthropic. на открытой лекции: разберём ваш обычный рабочий день и найдём процессы, которые можно передать ИИ. покажем, как суммаризировать письма и встречи, превращать договорённости в задачи, искать и анализировать референсы, организовывать файлы и собирать собственные простые инструменты без знания кода. участники лекции получат: • карту задач, которые можно автоматизировать • 5 конкретных сценариев использования ИИ в работе • понимание, какие процессы стоит делегировать нейросетям, чтобы освободить время для более важных и творческих задач 🙂 регистрация 🙂

Дополнительное образование Университета Косыгина запускает курс «Технология, конструирование и моделирование швейных изделий. Начальный курс» для школьников 9–11 классов. Курс подойдёт тем, кто интересуется модой и дизайном одежды, хочет научиться шить с нуля и понять весь процесс создания вещи. Предварительная подготовка не требуется. Обучение построено так, чтобы постепенно перейти от базовой теории к практике и уже во время курса самостоятельно создавать женские поясные изделия. За время обучения вы: – научитесь разбираться в материалах и снимать мерки; – освоите конструирование и моделирование юбок и брюк; – освоите основные технологии пошива и создадите собственные изделия. 🔗 Подробнее о курсе и запись на обучение САЙТ | ВК | MAX | RUTUBE | ДЗЕН

Дизайн шрифта и коллекции предметов для ресторана в центре Казани. Тысяча лет истории в одном татарском шрифте и 16 предметах. Дизайнер любит работу с модульными системами и целостностью всех элементов. В пространстве несколько точек притяжения: ресторан, галерея и лекторий, сад а также кафе. Разработаны концептуальные решения: уникальный шрифт, фирменная графика, а также коллекция посуды. Интересно как можно увидеть общую природу формообразования во всем проекте. Предметный и шрифтовой дизайн — Вика Нурислмова

Уже в эту среду, 19 августа в 19:00 МСК стартует бесплатный интенсив от Utopy.ai по созданию видео с помощью нейросетей. Разберемся, как использовать ИИ для создания полноценного визуального контента. В процессе прохождения интенсива вы: → увидите рабочий AI-видеопайплайн в прямом эфире → разберете практические приемы и промпты → попробуете создать собственный ролик → получите обратную связь по результатам Подойдет даже тем, кто пока только начинает разбираться в ИИ-видеопродакшне. ➡️ Участие бесплатное по ссылке