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

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

Минутка нашего:

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

Команда Basis ищет ландшафтного дизайнера для проектного сотрудничества.

Главное для нас — умение мыслить от места: вы создаёте решения по озеленению индивидуально, под конкретную территорию и замысел проекта. Шаблонные подходы — не наш метод. → Чем предстоит заниматься: • Разрабатывать концепции благоустройства и озеленения территорий; • Анализировать особенности территории; • Подбирать растения, материалы и решения с учётом региональной специфики; • Взаимодействовать с архитекторами и другими специалистами команды; • Сопровождать реализацию проекта. → Что мы ожидаем от вас: • Опыт концептуального проектирования от 3 лет; • Хорошее чувство композиции и масштаба, понимание взаимосвязи ландшафта и архитектуры; • Знание ассортимента растений и региональной специфики; • Опыт работы со сложным рельефом и реконструкцией; • Уверенное владение ArchiCAD; • Навыки работы в 3D: 3ds Max, AutoCAD, Lumion будут преимуществом. → Формат оплаты: за проект. → Откликнуться на вакансию и прислать портфолио можно на почту job@ab-basis.com.

Владимир Шрейдер, основатель Glitché, дизайнер и двукратный лауреат Cannes Lions, считает, что удачные идея и дизайн даже неизвестному автору могут сделать отличную репутацию:

«Взять, к примеру, историю Ora Ïto, французского дизайнера, который в конце 1990-х фактически взломал мир промышленного дизайна. Он создавал несуществующие продукты для известных брендов, в частности Louis Vuitton, Apple и Nike, без их ведома и заказа. Концепты вирусно распространялись в интернете, и люди обращались в магазины, пытаясь их купить. Этот ход принёс Ora Ïto известность и хорошо показал: если убедительный дизайн способен заставить поверить даже в несуществующий продукт, то для реального продукта малоизвестной компании он может стать способом получить доверие авансом». 💯 — плюсую. [Фабрика Дизайна]
❕ Дедлайн подгорает, коллеги
До 13 августа включительно можно подать заявку на «Фабрику дизайна 4.0». Сюда точно нужно, если вам интересны не абстрактные концепты, а реальные задачи с прозрачной перспективой производства. Это конкурс, куда компании приходят с конкретными запросами — от дизайна техники, мебели и упаковки до создания товаров повседневного спроса. Участники распределяют задачи, работают в командах вместе с трекерами и менторами, прорабатывают решения, а затем представляют их жюри и представителям компаний. Для дизайнеров это возможность: 🔸 собрать реальный кейс для крупного заказчика; 🔸 заручиться менторством лидеров индустрии; 🔸 заявить о себе в профессиональном сообществе; 🔸 в идеале получить заказ на реализацию проекта или приглашение к дальнейшему сотрудничеству. Работы будут оценивать президент Союза дизайнеров России Виталий Ставицкий, основатель «Карфидов Лаб» Алексей Карфидов, основатель «Смирнов Дизайна» Сергей Смирнов, главный дизайнер продуктов YADRO Владимир Шипилов, основательница лаборатории Wonderfull Мария Сташенко, сооснователь Belsi home Алексей Сибилев и шеф-дизайнер «2050.ЛАБ» Алексей Шаршаков. Участвовать могут дизайн-бюро, команды, молодые специалисты и студенты при наличии статуса ИП, самозанятого или юридического лица. Завтра, 13 августа, завершается приём заявок📎 [Фабрика Дизайна]
API.SINTEZ.SPACE | Следующий шаг: за пределами Photoshop
На сегодняшний день API.SINTEZ.SPACE — первый и единственный российский плагин для генерации внутри Photoshop. Однако архитектурный пайплайн не ограничивается постпродакшеном. В разработке находятся плагины для Autodesk Revit, ArchiCAD, SketchUp, Rhino и Blender — программных сред, в которых работает большинство архитекторов, BIM-специалистов и визуализаторов. Генеративные инструменты будут интегрированы непосредственно в среду моделирования и проектирования, где принимаются ключевые решения по форме, материалам и пространству. Это означает, что генерация станет доступна не только на этапе постпродакшена, но и на этапе концепта, рабочего проектирования и подготовки презентационных материалов. 🔗Ссылка на сайт плагина 📣Телеграм канал плагина #аписинтез @sintez_space
UI-концепт приложения за 1 минуту
Креатив, Нейросети, Искусство 🤍
всё, что вы хотели знать про курс что это? наш передовой буткемп по нейросетям. 11 недель, 6 модулей, две онлайн-встречи в неделю в Zoom учимся находить общий язык с Midjourney, Kling, Recraft, GPT Image, SeeDance, Nano Banana и заодно разбираемся, зачем красивому кадру режиссура и как референсы спасают от визуального хаоса кому подходит: — креаторам и цифровым художникам, которым тесно в одном приёме. — начинающим нейродизайнерам и ИИ-энтузиастам без опыта. — арт-директорам: ориентироваться в инструментах и ставить задачи команде и нейросетям. — графическим дизайнерам: мудборды, концепты, свои референсы вместо чужих. — тем, кто уже уверенно генерит, но чувствует, что рынок ушёл вперёд что даёт курс: — управление вместо угадывания: параметры Midjourney, омни, стайл-рефы, Phygital+ и бот Хромик — картинка из головы доезжает до экрана без потерь — коммерческие задачи: фешн-съёмка и рекламный кадр продукта от идеи до финала — свой визуальный язык: разобрать чужую эстетику, забрать нужное, пересобрать под задачу. Мудборд как рабочий инструмент, а не папка со скриншотами. — продвинутый промпт-инжиниринг: точная постановка вместо ста генераций наугад и понимание, какую модель брать под какой кадр. — движение: раскадровка, режиссура монтажа, анимация в Kling, звук через Suno — системная графика: стикерпаки в Recraft, чтобы эстетика жила не только в одном красивом кадре финальный проект / портфолио: — собственная эстетика, из которой вырастает вселенная — полноценный срежисированный ИИ-ролик, включая создание раскадровок и аниматик — личный мудборд, генерирующий картинки в вашем стиле — презентация-портфолио со всеми работами курса — лицензированный сертификат дайджест постов 🤍 🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩🧩 всё про курс студенческие проекты: раз, два, три интервью студентов подробности о новом уроке преподаватели курса шоурил работ преподавателей авторская матрица эстетика на курсе фэшн-съёмка с курса 3.08 — 15.10 последний поток по 35к
Что скетчинг даёт креатору
Термин происходит от английского слова «sketch» — набросок или эскиз. Сам процесс создания набросков называется скетчингом. Начнём с главного: быть художником необязательно, чтобы получать пользу от скетчинга. Зарисовка идей — это универсальная методика для любых творцов. Рассказываем, в чём заключается эта польза. Скетчинг помогает: 1️⃣Не упустить идею Иногда хорошая идея приходит в неподходящем месте или времени. Скетчинг помогает быстро создать черновик, к которому можно вернуться позже. Вы можете сделать набросок на бумаге, написать несколько предложений в заметках или сделать пару кадров-референсов на свой телефон. В корпоративной работе скетчинг легко превращается в карточки с бэклогом идей. 2️⃣Преодолеть барьеры Главный принцип подхода: черновик не является финальным результатом. Это значит, можно позволить себе небрежность и не обращать внимания на сроки. Если вы тот тип креаторов, которые хотят сделать сразу и идеально, то скетчинг может помочь избавиться от внутренних ограничений. А ещё он поможет просто начать работать над идеей. Иногда за одним воплощённым проектом стоят десятки скетчей, каждый из которых планомерно вёл к результату. Даже если вы в процессе скетчинга поняли, что идею стоит отбросить — от нее легче отказаться на этапе черновика. 3️⃣Презентовать проекты Демо-версии треков, эскиз концепт-арта, доска в Miro или дизайн-макет в Figma — всё это способы показать свои идеи. Этап визуализации (или демо-записи для музыкантов) важен для тех, кто делает творческие проекты в команде. Намного проще обсудить, доработать или отсечь те идеи, которые вы можете не только рассказать, но и показать. Собеседнику будет легче понять, что вы придумали, если он увидит структуру или мудборд идеи. А самое приятное в скетчинге — свобода в выборе форматов. Вы можете записывать идеи в том виде, в котором хотите, а пользоваться — только удобным и подручными инструментами. Поделитесь в комментариях, какие инструменты вы используете для скетчинга идей. #КНП_инструменты 🔵 Канал о креативе, креативности, творческом мышлении и полезных инструментах
подкат, который мы заслужили 💔
талантливая иллюстраторка настя дропнула концепт персонажа студии. деловая поза, очки, стилек — на выходе получился обаятельный профи, умни и занудка. чисто про нас! заценить процесс можно у нее в посте. мгновенно влюбились и сделали с прагматиком эмодзи и стикер-паки. юзайте, когда начинаются заумные речи. 🤓 — для респекта насте!
💎Ловите расписание клуба на август!
Подробнее обо всех встречах и мероприятиях: 🔡Вормапы Это встречи по понедельникам утром-днём, на которых мы обсуждаем выходные, планы на неделю и в целом наше состояние. Общаемся, слушаем истории и поддерживаем друг друга! 🔡Лекция про метрики для дизайнера: насколько вы доверяете своему продакту? В гости к нам придёт Артём Милованов, cтарший дизайнер продукта в Яндекс Плюсе! Артём проведет нам вводную лекцию про метрики, из которой мы узнаем, как устроена экономика продуктов, что такое продуктовая воронка и как вообще принимают решения продуктовые менеджеры. Будем много говорить про метрики и работу с ними! 🔡Лекция про найм и требования в РФ В гости к нам снова придёт Денис Кабаков, лид в Т-Банк Образование и Развитие! У нас в клубе много дизайнеров, кто хочет сменить работу, прямо сейчас улучшает свое портфолио и много собеседуется. Поэтому в августе Денис расскажет нам о том, как нанимает людей в Т-банк, как сейчас обстоят дела на рынке и как быть в текущих условиях. Для всех, кто в статусе поиска новой работы, — маст 🔡UI-кружок Встречаемся и продолжаем работать над нашими концептами для банка, а также практикуем анимации, про которые у нас была лекция в прошлом месяце! По желанию будем делать другие концепты или копировать крутые интерфейсы 🔡Оффлайн-встреча клуба Каждый месяц мы собираемся в Москве (и иногда в Питере). В июле мы ходили на сапыыы и это было невероятно круто!!! А в прошлые месяцы на пикник, в кино, на выставку, катались на великах, ездили за грибами в лес, катались на коньках и много чего еще. Запустим опрос в клубе и выберем вместе, что хотим поделать в августе 🔡Лекция о том, как концептить в продукте Раз в месяц мы даём возможность членам клуба читать лекции и прокачиваться как спикеры! В этот раз у нас выступит Андрей Каханов, ex. лид-дизайнер Фоксфорда. Андрей — оч крутой лид и концепт-дизайнер, про него уже ходят легенды в нашем клубе, ахах! На лекции Андрей расскажет, как подступиться к задаче, раскурить ее и законцептить дизайн с учетом ограничений продукта 🔡Онлайн-дискуссия Вместе выберем самую интересную для обсуждения тему и соберемся разгонять. Например, в прошлые месяцы мы говорили о том, как много зарабатывать в дизайне, планировать свое время, про блоги, вайбкодинг и многое другое! 🔡Завтрак Лето в процессе, а мы не хотим упускать душевные моменты, так что соберемся на завтрак в Москве и Петербурге, обсудим новости, насладимся живой встречей, посмеемся и посплетничаем про работу 🔡Портфолио ревью Многие в клубе прямо сейчас работают над своими портфолио. Поэтому в этот день мы созваниваемся и смотрим, у кого что получается, собираем ОС, слушаем предложения и обсуждаем, как завайбкодить крутые штуки 🔡Сессия вопросов и ответов с лидом из Т-банка Заключительная четвёртая лекция с Денисом Кабаковым! Участники клуба назвали Дениса сенсеем и попросили организовать встречу с вопросами на любые темы. И вот мы делаем! Соберем вопросики наших дизайнеров и на встрече поговорим с Денисом на супер разные темы: о портфолио, найме, процессах в компании, росте и развитии в дизайне и много о чем ещё! 🔡Фото-week На протяжении недели мы фотографируем что-то особенное — цвета/ объекты/ эмоции, а потом делимся друг с другом своими работами. Фотографируем на телефоны, зеркалку и даже пленку! В прошлый раз фотографировали разные эмоции Вступить в клуб можно в любой момент ➡️
Российский медтех продолжает уходить от «пилотных» решений к рабочим инструментам: доля отечественных изделий в медоборудовании составляет 25–29%, а в отдельных сегментах (в лабораторной диагностике и реанимации) она доходит до 80%. Более 400 предприятий производят аппараты для рентгенологии, реабилитации, хирургии и функциональной диагностики.
Одна из активно растущих — ниша лабораторных анализаторов. Здесь, как и в целом по отрасли, уже сложились очевидные тренды: внедрение ИИ, цифровизация клиник, автоматизация рутинных процессов за счёт технологичности медицинских устройств. Эксперты отдельно отмечают спрос на решения, которые реально разгружают врачей и упрощают клинический сценарий. Для промышленного дизайна это означает, что создаваемые объекты должны быть максимально понятными для персонала и пациента, легко встраиваться в рабочий процесс и снижать вероятность ошибки. Рассматриваем Core.rate, систему автоматизированного забора венозной крови без активного участия персонала. Она призвана сделать процедуру более эффективной, безопасной, но при этом быстрой. Это пример того, как промышленный дизайн отвечает на запрос медтеха на безопасность, автономность и снижение нагрузки на человека. Устройство берёт на себя весь цикл работы с иглой, минимизирует ручной контакт и делает сценарий предсказуемым для оператора. И эта архитектура безопасности зафиксирована в самой конструкции. Здесь промышленный дизайн задаёт понятную иерархию инженерных зон: человек — машина — опасный инструмент. Пластика корпуса, организация интерфейса, размещение функциональных элементов — всё подчинено задаче снизить когнитивную нагрузку и вероятность ошибки. Формальный выразительный язык работает как часть системы контроля. Спокойная палитра, аккуратные переходы объёмов, отсутствие агрессивных деталей в местах контакта. Это не «минимализм ради эстетики», а работа с эмоциональным состоянием пользователя в довольно напряжённой обстановке. Этот и многие другие медтех-кейсы показывают, куда движется рынок — в сторону концептов, которые повышают эффективность клиник и создают удобный, спокойный опыт для пациента. 👍 Внешне аппарат внушает доверие 😎 Без участия человека выглядит рискованно [Фабрика Дизайна]
Заставка сайта, собранная агентством из моих концептов.
Смотреть со звуком. www.Anoma.ly
API.SINTEZ.SPACE | Десятки моделей. Один интерфейс
Внутри плагина доступны десятки генеративных моделей от ведущих мировых провайдеров. Разные модели дают разные результаты по стилистике, детализации и скорости — специалист подбирает нужную под конкретную задачу: фотореалистичное небо, концептуальную текстуру материала, быстрый набросок. К каждому запросу можно прикрепить до десяти референсных изображений. Поддерживаются все разрешения и цветовые режимы. Плагин работает на любой версии Photoshop, независимо от типа лицензии, и поддерживает Windows и macOS. 🔗Ссылка на сайт плагина 📣Телеграм канал плагина #аписинтез @sintez_space
Концепты логотипа для британского агентства Anomaly.
А пока я работаю с выбранным направлением, ребята сделали на своём сайте анимационную заставку из моих вариантов🔥
⛷ Спортивный инвентарь для людей с инвалидностью — проект студентки СПбГУПТД Виктории Сапожниковой, которая учится по профилю «3D промышленный дизайн и инжиниринг»
Виктория модернизировала существующие монолыжи, решив тем самым проблему самостоятельного подъема людей с инвалидностью на горнолыжных подъемниках. 🎿 Студентка пообщалась с лыжником-паралимпийцем, тренером сборной Санкт-Петербурга Сергеем Александровым-Толстым. «Он поделился со мной, какие устройства используют сейчас спортсмены. На основе этого я создала концепт дополнительного крепления на переднюю часть монолыжи. Получился карабин-бублик, внутри которого расположен трос», — добавила она. ⛷ При нажатии на кнопку карабин разблокируется. Спортсмен цепляет его за подъемник, тянет трос на себя, и карабин блокируется. Подъезжая к вершине, человек нажимает кнопку разблокировки, и карабин возвращается в исходное положение. ⛷️ Также Виктория поделилась, что заход на подъемник дается сложно, поэтому даже опытные спортсмены зависят от инструктора. Такое крепление решает проблему с подъемом на кресельные подъемники с помощью газовых амортизаторов. 👻MAX | 📲ВК | 📝Дзен
Концепт приложения для кофейни
API.SINTEZ.SPACE | Два специалиста. Одна проблема. Одно решение
Генеративные инструменты принято обсуждать в контексте иллюстраций, и это оправданно. Однако в архитектурной практике есть два разных сценария работы, и API.SINTEZ.SPACE закрывает оба. Для архитекторов генерация — это инструмент проектного мышления. На концептуальной стадии важно быстро получать визуальные ответы на вопросы: как будет смотреться фасадный модуль, какой характер даст другой материал, как изменится сцена при ином освещении. Архитектор постоянно обращается к эскизам и наброскам именно потому, что оперативного инструмента для проверки идей раньше не было. API.SINTEZ.SPACE даёт такую возможность: визуал формируется за секунды, без выхода из рабочей среды и без лишних пояснений. Выделил фрагмент — получил вариант. Не подошло — сменил модель или скорректировал запрос. Это меняет скорость проектного мышления. Для иллюстраторов это инструмент постпродакшена, потребность в котором назрела давно. Небо, антураж, текстуры, свет, атмосфера — всё это теперь генерируется точечно, прямо на холсте, без выхода из Photoshop, без VPN, задержек и потери качества исходного рендера. Оба сценария работают в одном плагине: один аккаунт, единый баланс, общая библиотека промптов для всей команды. 🔗Ссылка на сайт плагина 📣Телеграм канал плагина #аписинтез @sintez_space
Пишут, что известный автомобильный дизайнер Пьер Леклерк стал гражданином России.
Pierre Leclercq — один из наиболее известных современных автомобильных дизайнеров Европы, чья карьера охватывает ведущие мировые автоконцерны: BMW, Great Wall Motors, Kia и Citroën. Он считается дизайнером, умеющим сочетать эмоциональный образ автомобиля с промышленной реализуемостью и узнаваемостью бренда. Пьер Леклерк родился в 1972 году в бельгийском городе Бастонь. Сначала изучал промышленный дизайн в Институте Святого Луки (Saint-Luc) в Льеже, затем продолжил обучение по специальности Transportation Designв знаменитом ArtCenter College of Design (Пасадена, США) — одной из сильнейших мировых школ автомобильного дизайна. Во время обучения по специальности Transportation Design в ArtCenter College of Design (Пасадена) он участвовал в совместном проекте с компанией Aprilia. На второй фотографии он позиционирует с макетом его концепта скутера Mitica (1998). Пьер Леклерк — хороший пример специалиста, сумевшего построить международную карьеру благодаря сильной художественной подготовке, инженерному мышлению и опыту работы в разных культурных средах. Его биография показывает, что современный автомобильный дизайнер должен сочетать творческий подход с глубоким пониманием технологий, производства и стратегии бренда.
Практически с утра нет света. Ураган прошёлся по всему городу, и во многих районах аварийные отключения.
Сижу в полупотёмках и, пока есть возможность, дорабатываю ручной концепт логотипа. Основную часть нарисовал, теперь поверх неё пробую разные вариации начальной буквы «А». Как раз в таких случаях, когда нужно быстро попробовать разные варианты одного элемента, буквы, очень пригождается старая добрая калька. P. S. Пост вчерашний. Весь день провели без электричества в «ламповой» семейной обстановке. Кипяточек для чая в кастрюльке на газовой плите, чтение книг, рисование и шахматы при свечах. Диджитал-детокс.