Картины, которые были задействованы в макете☄️

Буквально вдохновение макета: • Весна, Сандро Боттичелли • Мадонна с 8 ангелами, Сандро Боттичелли • Рождение Венеры, Сандро Боттичелли • Крещение Христа, Андреа Верроккьо совместно с Леонардо да Винчи А мы с вами встретимся уже завтра, но не могу не напомнить💡 1. Д/з и вопросы можно присылать мне в ЛС 2. Я буду принимать это все до 30 августа включительно 3. Если вы дизайнер с опытом, у вас есть время и желание – обязательно делайте свой макет на базе нашего, если вы только начинаете – уже можете разбавить дизайн своей информацией (заменить текст, картины, да даже тематику проекта, например, на «барокко») #бесплатник

📋Урок-практика 4. «Адаптивность сайта и практика в Figma: создание мобильной версии сайта»

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

За 2 дня бесплатника я получила стооооолько приятных слов!

Спасибо вам – это заряжает давать ещё больше, чем планировала 🔥 Вижу отметки в соцсетях, ваши первые макеты, читаю все сообщения, знайте, мне безумно приятно!!! Реакции по традиции приветствуются, как и на посты с уроками 🌞 А мы продолжаем наше обучение 🌸 Сегодня у нас выходит новый урок + бонусный урок: • Урок 4 (практический). Адаптивность сайта и практика в Figma: создание мобильной версии сайта • Бонусный урок (практический, для самых пытливых). Анимации на сайте и практика в Figma Motion и сравнение с Jitter 🔔 Урок выйдет в 19:00 (по Московскому времени) и спустя полчаса выложу бонусный урок #бесплатник

MAKE FAKE PRINT AESTHETIC GREAT AGAIN 🙂

вы пробовали сделать препресс в фигме? вас тоже засмеяли за это друзья??? всем привет, это Соня и в фигме правда нельзя перевести макет в cmyk режим и настроить dpi, а все плагины работают ну ОЧЕНЬ печально но препресс это же еще и эстетика!! шкалы цветов, метки обреза и вылеты, информация о дате экспорта специально для гурманов я навайбкодила плагин FAKE PRINT, который качественно это все расставляет! забирайте, вот ссылочка 🙂 кстати приходите ко мне на курс по Повседневному Использованию Нейросетей с 25-го августа, научу вайбкодить плагины для фигмы😏
📋Урок-практика 3. «Практика в Figma: собираем главную страницу сайта»
Практический урок, где мы будем собирать дизайн всего сайта. Если вы вдруг пропустили 1 и 2 урок, то обращайтесь к нашей навигации💡 ‼️По этому уроку также буду ждать от вас сдачу домашнего задания по сборке макета всего сайта. Напоминаю, что по всем урокам Д/з буду принимать до 30 августа включительно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
Как я запустил HireHi, не написав ни одной строчки кода 😁
Когда я начинал делать свой сервис, команды разработки у меня не было. Да и сам я код писать вообще не умел. Было только понимание, каким должен быть продукт, куча проблем текущих агрегаторов и желание попробовать сделать лучше. В итоге весь фронт, бэк, админку и тесты я собрал с помощью AI. Моей задачей было нормально объяснять, что должно происходить, проверять результат и разбираться, почему всё опять сломалось) Первый большой релиз, конечно же, положил прод. Я восемь часов подряд пытался понять, что произошло. Потом всё поднял, страница вакансии заработала, начала индексироваться поисковиками, а в сервис пришли первые пользователи. 💡 Что я понял Этот опыт сильно поменял моё отношение к работе дизайнера. Раньше макет часто был последней точкой: нарисовал, передал разработчикам и ждёшь. Сейчас для меня это только один из этапов. Иногда хочется самому пройти весь путь до работающего продукта, даже если по дороге несколько раз всё развалится. Красивый макет мало что значит, если он так и не доехал до работающего продукта. Ведь говорить только об идеальных историях нет смысла, важно делиться разными кейсами в профессиональном комьюнити, согласны? 🌸 Что будет 12 сентября в Москве пройдёт конференция «Продукты 24 × ffdd2d». Там как раз будут говорить о решениях, которые сначала выглядели странно, спорно или вообще неправильно, а потом сработали. На конференции будет три зала: 🍀 «Ломаем шаблоны» про нестандартные подходы и решения; 🍀 «Достигаем результатов» про продуктовую логику и устойчивый рост; 🍀 «Говорим прямо» про ошибки, конфликты и провалы, которые обычно остаются внутри команд. Последний зал будет без трансляции и записи. Можно будет спокойно говорить о вещах, которые редко выносят в публичные доклады. 🏠 Когда и где 12 сентября. Москва, комплекс «Мечта» на набережной парка Горького. Офлайн и онлайн 💌 Как попасть Количество мест на площадке ограничено, поэтому заявки проходят модерацию. После подтверждения офлайн-участники делают пожертвование от 1 500 ₽ в фонд «Природа и люди». ➡️ Зарегистрироваться ➡️ Зарегистрироваться ➡️ Зарегистрироваться
🤖 Как проектировать интерфейс для ИИ-агента
Дэмиен разбирает работу над Copywriter, сервисом для создания шаблонов продуктовых текстов. Раньше клиент заполнял форму, разработчик вручную собирал шаблон, а команда несколько раз обновляла его после обратной связи. Такой процесс плохо масштабировался. Теперь агент получает примеры хороших текстов, определяет структуру и правила, создаёт шаблон и обновляет его после проверки пользователем. Для каждого этапа команда описывает цель, ограничения и критерии готовности. Интерфейс совмещает пошаговый сценарий с чатом, а текущий шаблон остаётся виден во время всей работы. Внутри: – Чем интерфейсы ИИ-агентов отличаются от обычных сервисов; – Почему успех агента стоит оценивать по завершённым задачам; – Как задать агенту характер, память и правила общения; – Зачем показывать пользователю действия и промежуточный результат; – Как команда перешла от макетов в Фигме к рабочему прототипу в коде. ➡️ Смотреть видео (можно смотреть с Я.Браузером с переводом) ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
🧭 Нет жалоб. Это ещё не значит, что интерфейс удобен
Дмитрий Смагин из ПИК рассказывает, как команда впервые начала системно работать с интерфейсами внутреннего B2B-продукта для конструктивного проектирования. На демо заказчики принимали функционал без критики, хотя интерфейс был слабым. Проблема оказалась не только в экранах, а в процессах: не было макетов, дизайнеров, единого набора правил и нормальной обратной связи от реальных пользователей. Команда начала разбирать интерфейсы вместе, завела Фигму, собрала базовый набор правил и стала проверять сценарии на UX-тестах. Выяснилось, что часть людей годами молча бросала инструменты после первой ошибки. Позже факап с пошаговым сценарием показал: без понимания, как пользователи работают сейчас, «современный» интерфейс только мешает. Внутри: – Почему в B2B отсутствие жалоб плохо показывает удобство; – Как команда без дизайнеров начала разбирать интерфейсы и сценарии; – Зачем аналитики освоили Фигму и сделали макеты обязательными; – Как редизайн и UX-тесты изменили запуск инструментов и обратную связь; – Почему пошаговый сценарий провалился без карты пути пользователя; – По каким признакам понять, что проблема уже в интерфейсе, а не в людях. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
MAKE FAKE PRINT AESTHETIC GREAT AGAIN 🙂
вы пробовали сделать препресс в фигме? вас тоже засмеяли за это друзья??? всем привет, это Соня и в фигме правда нельзя перевести макет в cmyk режим и настроить dpi, а все плагины работают ну ОЧЕНЬ печально но препресс это же еще и эстетика!! шкалы цветов, метки обреза и вылеты, информация о дате экспорта специально для гурманов я навайбкодила плагин FAKE PRINT, который качественно это все расставляет! забирайте, вот ссылочка 🙂 кстати приходите ко мне на курс по Повседневному Использованию Нейросетей с 25-го августа, научу вайбкодить плагины для фигмы😏
Друзья, нужна помошь на проекте, который ведут мои студенты по айдентике.
В течении этой недели нужно оперативно по собирать большое количество разных макетов по новым гайдлайнам. Пишите мне в лс
Макет — это очень важный инструмент проектирования. Когда замысел приобретает физическую форму, с ним нельзя продолжать работать только как с абстракцией. Часто именно в этот момент проект необходимо заново осмыслить.
Немного порассуждали об этом на фоне видео разных макетов из нашего офиса ↑ Гордимся нашей макетной мастерской) #kleineweltarchitekten
Закончил версию портфолио 1.0: задизайнил макеты в Figma → завайбкодил в Cursor c моделькой по дефолту Composer 2.5 Fast и с помощью того же Cursor за пару команд залил на GitHub. Ещё подключил простенькую аналитику кстати, тоже в пару команд — кайф.
Определяясь, в чём вайбкодить под свои требования (pixel-perfect, внимание к сетке, отступам и типографике), спросил совета у Gemini, он рекомендовал Cursor. В апреле пробовал ту же задачу с Claude, результат тогда «не зашёл», поэтому появилось сразу два аргумента в пользу Cursor. Общее ощущение напомнило работу с живым фронтендером, что меня реально порадовало: пишешь тз, спеки, описываешь задачу, даёшь гайды и макеты. Получаешь неидеальный макет, но зато где-то додуманный в правильном и нужном русле, а где-то нет и начинаешь точечно править, постепенно приходя к нужному результату. Прям вспомнил, как верстали сайты в 2000-х по макетам из Фотошопа, вот времена то были 😄 Что Cursor сделал круто: ✅ Интегрировал скрипт мобильного меню, который я не успел ему описать в ТЗ, а он додумал его сам, попав в стиль дизайна и даже добавил плавную анимацию раскрытия; ✅ С пары слов понял и добавил мобильную галерею с горизонтальным скроллом; ✅ Делал всё точь-в-точь по описанию там, где оно было, без самодеятельности. Что было НЕ круто: ❌ Border-radius, spacers и margins он никак не хотел собирать в едином ключе на всех страницах, но с пятой попытки сделал (скорее всего я криво напромтил, но в других местах он меня отлично понимал). Попутно, спросил у GPT, может надо было выбрать что-то вместо Cursor и тот посоветовал Claude. Мне пока ближе Cursor, буду экспериментировать ещё. Портфель пока не хочу показывать, хочу ещё допилить кое-что, прастити 😊 🌊🌊
Movie Website App — Простой шаблон макет онлайн-кинотеатра, который поможет вам при создании новых проектов
QUO — макет платежной системы
Давненько мы не собирали своих виртуальных единомышленников и не выступали единым фронтом конгломератом каналов об архитектуре, дизайне, технологиях, макетировании, редевелопменте, макетировании и пр.
Приближающиеся выходные — хороший повод сделать перерыв от работы и окунуться в море, как минимум, последних новостей отрасли 🙃 🌕prorusmag - канал старейшего отечественного архитектурного издания «Проект Россия». Публикует объекты, обзоры, идеи, анонсы, мнения - всё лучшее, что есть в российской архитектуре. 🌟Drafting Design - Авторские чертежи, профессиональное проектирование и уникальные технические решения от Глеба Гончаренко. 9️⃣Mid-Century, More Than - единственный русско-английский канал о модернизме (в том числе пре- и пост-) в архитектуре, дизайне и культуре. 🌗АРХИТАЙМ - самые яркие новости архитектуры и дизайна с примесью флёра современного искусства, а также поток вакансий и крутых конкурсов для архитекторов и дизайнеров. 🌖Каталог Алвара Аалто - канал о предметном и промышленном дизайне в России. Автор ходит на производства, пишет про дизайнерские интерьеры и поддерживает проекты начинающих дизайнеров. ♋️Архиблог - авторский канал архитектурного обозревателя Анны Мартовицкой. В формате телеграм-постов рассказывает о новых ярких постройках, а по пятницам публикует обзоры интересных книг по архитектуре. 3️⃣ReuseArch – истории о редевелопменте, реконструкции и самых неожиданных трансформациях устаревшей архитектуры. 8️⃣ Архитектура | Architecture - канал об архитектуре. Готические соборы, средневековые замки, великолепные дворцы и другое. Подборки, тексты об архитектурных памятниках. ❗️Архитектура и макетирование - Здесь вы найдёте самую современную и впечатляющую архитектуру, а также вдохновляющие макеты учеников архитектурной студии. ❗️Архитектор - на канале рассказывают про архитектуру со всех уголков мира. Здесь вы увидите устоявшеюся классику и новинки архитектурных шедевров. 😂Дизайн завтрак — публичная коллекция знаний для повышения визуальной и практической культуры проектирования. Алексей Зародов, сооснователь бюро Syntaxis, собирает выдающиеся примеры дизайнерских узлов и деталей. 💖Подписка на все каналы
Бесплатный гайд: «Как подготовить макет к печати»
Этот гайд, мы хотели бы и сами иметь, когда только начинали работать с печатью — здесь собран весь путь: что спросить у типографии ещё до начала работы, как правильно настроить цвет и вылеты, как экспортировать и как проверить готовый PDF, чтобы потом не было проблем с тиражом. Внутри — словарь терминов, пошаговые инструкции для InDesign и Illustrator, чек-лист перед отправкой и даже готовый шаблон сообщения для типографии. Знаем, насколько это всё может быть страшно в первый раз — поэтому сохраняйте себе. Забрать здесь
🖐️ Как спроектировать сайт жестами без макетов в Фигме
Дима Тогулев сделал портфолио, которым можно управлять через веб-камеру и движения рук. Код писал Claude Code, а дизайн формировался прямо в работающем продукте: первая версия, проверка, новое правило, следующая итерация. Главная сложность оказалась в шаблонных решениях, которые ИИ предлагает по умолчанию. Автор убрал цветные подписи, отказался от обычных модальных окон, переделал подсказки под визуальный язык сайта и после тестов вернул точку-курсор. Пользователи без неё просто не понимали, где система видит руку. Внутри: – Как вести дизайн-процесс без готового макета и подробного ТЗ; – По каким деталям можно узнать шаблонный дизайн от ИИ; – Как превращать каждую правку в правило для следующих итераций; – Почему реальные тесты важнее уверенности автора в своей идее; – Как сохранить собственный стиль, когда большую часть работы выполняет ИИ. ➡️ Читать статью ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
ПОСЛЕДНИЙ ШАНС
Дух наследия / графический дизайн Сегодня последняя возможность подать заявку на участие в проектной школе Вам предстоит разработать дизайн-концепции и макеты деколи, вдохновленные религиями Татарстана и их отражением в архитектуре Республики, для подарочных наборов пиал для ПАО «Татнефть» ✨ Помимо возможности реализации проекта совместно с ПАО «Татнефть» победители также получат финансовое вознаграждение: 1 место – 50 000 ₽ 2 место – 30 000 ₽ Успевайте подать заявку на странице проекта сегодня до 23:59 по МСК. – Принять участие в конкурсе могут граждане РФ, студенты и выпускники последних 3-х лет всех вузов России, а также – студенты колледжей и техникумов (от 18 лет) – Проект реализуется при поддержку ПАО «Татнефть»
ВОТ ЭТО УДИВИТЕЛЬНО КОНЕЧНО, КАК ЖЕ ОН ТАК РАСКУСИЛ ЭТОТ ЗАМЫСЕЛ
А вообще я всю жизнь всем и себе в том числе говорю одну простую истину Работадатель покупает ваше время (самое ценное на секунду, что есть у человека помимо свободы) ЗА ДЕНЬГИ. Какие ценности, какие розовые очки там кому надевают, что люди начинают верить во что-то кроме того, что им платят зарплату за действие. Всё. Никакие миссии, никакие корп.культуры и прочая мутота НЕ НУЖНА. Сидеть по 3 часа на звонках и слушать как СЕО там чет бурлит про миссию это сразу скип. И не надо мне доказывать обратное и как в бигтехах вообще все живут работой, тимбилдиги и прочая хрень. Вас уволят и выкинут из чата и никто о вас не вспомнит уже на следующий день, ну мб через день. Всё остальное я оставлю корпоративным клеркам и тех, кто кроме работы ничего не знает в жизни. Я в своей жизни увольнялся и меня увольняли (по причинам от меня независящим). И на следующий день уже всем похер что ты был или не был. Придут другие люди, удалят твои макеты и все будут жить дальше. А ты убиваешься и работаешь в выхи))) Тут я полностью поддерживаю европейцев, которые в 3 часа дня уже сидят на верандах и пьют кофе и клали они большой и жирный болт на начальство, которое хочет, чтобы сотрудник работал по 12 часов за плошку риса и ПРИНОСИЛ ДЕНЬГИ КОМПАНИИ. Ссори, но мне свою жизнь надо жить и себя обеспечивать, а не карманы начальников) Лайк, если думаешь также, коммент если нет ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Что скетчинг даёт креатору
Термин происходит от английского слова «sketch» — набросок или эскиз. Сам процесс создания набросков называется скетчингом. Начнём с главного: быть художником необязательно, чтобы получать пользу от скетчинга. Зарисовка идей — это универсальная методика для любых творцов. Рассказываем, в чём заключается эта польза. Скетчинг помогает: 1️⃣Не упустить идею Иногда хорошая идея приходит в неподходящем месте или времени. Скетчинг помогает быстро создать черновик, к которому можно вернуться позже. Вы можете сделать набросок на бумаге, написать несколько предложений в заметках или сделать пару кадров-референсов на свой телефон. В корпоративной работе скетчинг легко превращается в карточки с бэклогом идей. 2️⃣Преодолеть барьеры Главный принцип подхода: черновик не является финальным результатом. Это значит, можно позволить себе небрежность и не обращать внимания на сроки. Если вы тот тип креаторов, которые хотят сделать сразу и идеально, то скетчинг может помочь избавиться от внутренних ограничений. А ещё он поможет просто начать работать над идеей. Иногда за одним воплощённым проектом стоят десятки скетчей, каждый из которых планомерно вёл к результату. Даже если вы в процессе скетчинга поняли, что идею стоит отбросить — от нее легче отказаться на этапе черновика. 3️⃣Презентовать проекты Демо-версии треков, эскиз концепт-арта, доска в Miro или дизайн-макет в Figma — всё это способы показать свои идеи. Этап визуализации (или демо-записи для музыкантов) важен для тех, кто делает творческие проекты в команде. Намного проще обсудить, доработать или отсечь те идеи, которые вы можете не только рассказать, но и показать. Собеседнику будет легче понять, что вы придумали, если он увидит структуру или мудборд идеи. А самое приятное в скетчинге — свобода в выборе форматов. Вы можете записывать идеи в том виде, в котором хотите, а пользоваться — только удобным и подручными инструментами. Поделитесь в комментариях, какие инструменты вы используете для скетчинга идей. #КНП_инструменты 🔵 Канал о креативе, креативности, творческом мышлении и полезных инструментах