Апгрейд способа превращения одного объекта в другой:

Постоянно замечаю, что некоторые неплохие сайты слишком долго грузятся. И скорее всего это происходит из-за тяжёлых фотографий. [0:28] Как делают многие: Просто добавляют картинку через экспорт, а потом при приближении в Фигме оно теряет в качестве😐 [1:23] Как делаю я: Первое – сохраняю изображение гораздо бо‌льшего размера, чем сам фрейм. Допустим, при размере фрейма 1200px я увеличиваю картинку до 1920px (если она будет занимать весь экран, как на примере). Второе – перед добавлением изображения в Тильду обязательно проверяю, включен ли максимальный размер файла – обычно это надо делать вручную. Вроде всё готово, результат стал чётче и круче, но есть проблема: теперь такая фотка весит хренову тучу мегабайт)) [2:39] Как это исправить? 🩵заходим на Squoosh.app и добавляем наше загруженное изображение; 🩵уменьшаем качество до ~75; 🩵наслаждаемся сжатием веса на 94%, сохраняем картинку себе и вот теперь добавляем в Тильду. [3:11] Какой ещё нюанс работы с изображением есть в Тильде: Можно добавлять картинки для бэкграунда через Add image, но при этом сохранится соотношение сторон, а это не всегда удобно. В таком случае в значении Fit нужно выставить Cover – и тогда менять и обрезать получится как угодно. [4:04] Как Тильда решает вопрос оптимизации изображений? 🩵поддерживает формат WebP и дополнительно уменьшает размер файлов; 🩵предлагает адаптивный ресайз для разных мониторов; 🩵работает с Retina-дисплеями и медленным интернетом. Что в итоге? А в итоге мы получаем максимальное сжатие, сохранение хорошего качества и при этом быструю загрузку изображений. Так что работайте через Image и пользуйтесь Squoosh.app!)🚀

⚡️Дизайн презентаций — это простой и быстрый вход в сферу дизайна. Помимо презентаций вы сможете сделать и карточку для маркетплейса, и рекламный баннер, и красивую картинку для сторис. Что угодно! Главное — придерживаться основ дизайна, которые мы даем на нашем курсе «Дизайнер презентаций», а дальше перед вами откроется целый мир дизайн-индустрии. ⚡️Для того, чтобы стать дизайнером презентаций не нужно иметь талант или художественное образование, не нужно жить в мегаполисе и разбираться в компьютерах, нам не важен твой возраст, пол и кого ты любишь больше — собак или кошек. Главное — идти четко по шагам, опираться на основы дизайна, оттачивать свои навыки и постоянно совершенствоваться. ⚡️ Вся работа строится в одной программе — PowerPoint или KeyNote — каждый из нас хотя бы раз в жизни делал презентации по учёбе или работе и хотя бы частично знаком с этим интерфейсом. Вам не нужно изучать дополнительный софт, чтобы делать крутой дизайн. ⚡️Дизайн презентаций может стать вашим хобби, дополнительным заработком или фулл тайм работой. Это удаленная работа, которая не требует нахождения в офисе с 9 до 18. Многие наши выпускники работают из разных уголков земли: Аргентина, Канада, Германия, Индонезия, Турция и т.д. ⚡️Отчеты, выступления, защита проекта, поиск инвестиций, презентация компании, предложение для клиента, стратегия развития, сопровождение для уроков — презентации нужны сплошь и рядом. И этот рынок с каждым днем только растет.  Напишите в комментариях, что вы знаете о дизайне презентаций и когда в последний раз вы открывали PowerPoint 👇👇👇

Это практика, которую вам не даст Pinterest. Не даст ИИ. И, честно говоря, мало какой курс — я такого больше не встречала. Ну, разве что у тех, кто пробовал копировать с меня. Я собрала в этом марафоне то, что реально меняет мышление. Не потому что красиво, а потому что работает. Потому что даёт эффект. 📦 Внутри: 🔸 Нулевой модуль — «настроиться и понять» Сразу после регистрации вы получаете модуль с объяснением, как выжать из марафона максимум. Без воды — только суть. Как прокачать креативные навыки, как превратить задания в работы для портфолио, и какие ошибки совершают 90% дизайнеров, даже не осознавая. Всё это в тексте, с примерами и картинками. 🔸 Первое упражнение — «Форма» Самое базовое и самое недооценённое. Вы научитесь видеть графику в простом, тренировать композицию и собирать десятки решений из ничего. Отличная разминка, которая встряхивает глаз и руку. 🔸 Второе упражнение — «Буква» Как брать скучные буквы — и превращать их в интересные символы. Чтобы вы не «ставили шрифт», а создавали основу под настоящие логотипы. Минимум — крутой навык. Максимум — работа в портфолио. 🔸 Третье упражнение — «Символ» Тот самый «вау»-уровень. Учимся строить лого с двойным смыслом: головоломка, образ в образе, идея, спрятанная в форме. Это поднимает вас на голову выше тех, кто просто повторяет чужое. 🔸 Финальный бонус — «Деньги» Как работать так, чтобы логотип стоил от 10.000 рублей и выше. Без преувеличений. Просто о том, как делают интересные проекты, которые покупают. И как быть дизайнером, которого хотят. — Марафон уже готов. Всё лежит. Всё ждёт. Это не тизер. Это настоящая программа, которую можно пройти и вырасти. Регистрация уже открыта. Не надо решать «идти или не идти». Надо просто не упустить. Начинаем 12 мая Регистрация

Дизайнеры в основном впечатлены: - Figma Sites — прямая атака на Framer. Теперь прямо в Фигме можно будет делать адаптивные сайты и публиковать в интернет одной кнопкой. - Figma Make — свой вайбкодинговый инструмент, который превращает макеты дизайна в работающие прототипы. - Figma Buzz — прикольная штука для быстрой сборки маркетинговых ассетов — когда тебе надо сделать 100500 однотипных картинок анонсов для соцсетей по готовому шаблону. - Плюс переделали работу с векторной графикой и добавили кучу штук, за которыми раньше приходилось в Иллюстратор ходить. - И автолейаутные сетки. И это конечно всё такой дизайнерский диснейленд, где дизайн остаётся в центре всего. Но у меня остался один вопрос: а когда AI будет генерировать сами дизайны-то? Или хотя бы помогать мне это делать? Uizard вот пытается что-то такое делать. Lovable тоже справляется. Тот же Framer может сгенерировать макет дизайна сайта по промпту. В Рекрафте куча инструментов для графического дизайна. Фигма же как-то продолжает обходить эту тему стороной. Может, не хотят пугать дизайнеров раньше времени?

Создание мульта при помощи ИИ. Видео от Славы Хохлова (без рекламы). Комментарий: Схема рабочая, но Слава, конечно, лукавит. Реально на создание короткой анимации в 30-40 сек (если нет подписок) может потребоваться не один день. 150 кредитов в Leonardo.ai при использовании модели Phoenix 1.0 хватит только на 6 генераций. 400 кредитов Hedra (в месяц) хватит, чтобы создать примерно 50 сек видео. Если на картинке два персонажа, то могут заговорить оба. Время генерации 1 видео от 30 минут. Удачных генераций и творческих находок. P.S. Закончил создание полноценной анимационной истории "Находчивый колобок". Скоро покажу, что получилось...

Вчера в комментариях вы верно подметили, что картинка - это классно, но наполнение - не менее важный факт. Итак, напоминаю, что ЗДЕСЬ рассказывала, какие беру матрасы. А про гигиену сна уже писала ЗДЕСЬ. И да, я всегда обращаю на это внимание! А вот подушки чаще всего беру 🟠вот такие Они не очень дорогие и классные. Но все же, с подушками в долгосрочную аренду попасть сложно, это слишком индивидуально, арендатор скорее купит себе сам ту самую подушку. А вы что думаете? #хоумстейджинг

Figma Sites — создание и публикация адаптивных сайтов без кода. Есть шаблоны, интерактив, а скоро добавят встроенную CMS. Figma Make — AI-инструмент, который превращает текст в прототип. Работает на Claude 3.7. Можно дорабатывать руками или просить AI продолжить. Figma Draw — новый набор инструментов для иллюстраций (упращенная версия Illustrator). Кисти, текстуры, эффекты — всё прямо в Figma, без перехода в другие редакторы. Figma Buzz — помощник для маркетологов и брендов. Генерация баннеров, постов и писем по шаблонам, с учетом бренд-гайда. Grid — новая система авто-лейаута. Более гибкие сетки, растяжение элементов, экспорт CSS для разработчиков. Dev Mode — улучшен. Появились режимы Ready for Dev и Focus View, а также интеграция с GitHub. FigJam — AI помогает генерировать идеи, искать компоненты по картинке. Улучшен визуальный поиск, добавлена генерация изображений. @design_awesome

Инструмент для анимации, который выведет ваш проект на порядок выше. Можно создавать расширенные анимации непосредственно в Figma, не прибегая к сторонним программам. Плагином Figmotion легко пользоваться. Сделать картинку анимированной можно с помощью mp4, gif или экспортировать как CSS или JSON. 💜 Design Case. Подписаться

Сегодня мы покажем, как художник Азат Нургалеев превращает пустой лист в живописный портрет. А вот и комментарий художника: «Первое, о чем нужно думать в начале работы над такими тонально-живописными портретами — это масса пятен волос и ее отношение к белым краям формата. Потом в сформировавшуюся рамку помещаются глазки, брови, губы, нос. Причем начинаем с черточек и почеркушек, не тратя лишнее время на прорисовку. Когда мы наметили волосы и основные детали, идет процесс детализации портрета. Если вы хотите довольно проработанную картинку, то придется посидеть за рендером и штриховкой. Экспериментальные портреты — это череда находок, которые в конечном счете выруливает на какой-то интересный результат. Я начинал его черным цветом, а-ля уголь. Но в процессе появилось желание проработать в красных сангинных цветах. Затем попробовал добавить полоску ультрамарина, которая оживит картинку и «запрёт» белый внизу формата. После этого захотелось внести контрастности и добавить более тёмные тона. Я обычно рисую красные щёки, но тут всё и так было красным, поэтому было принято нетривиальное решение сделать румянец чёрным😀 Под круглый румянец захотелось рифмы, и я добавил чёрный горошек на синюю полоску сверху, которую чуть осветлил, чтобы она отбивалась по тону от волос. Так и получился финальный результат». ⏳ 29 секунд для вас и 5,5 часов для художника.

#дизайнобл У «Балтики» намечается глобальный рестайлинг этикеток? Надежный источник у коллег сообщает, что расходящиеся по сети картинки с новым дизайном линейки «Балтики» — настоящие: соответствующий апгрейд коснулся практически всех сортов, в том числе легендарных. Выглядит непривычно, далековато от «классики», зато сразу видно номер сорта. И да, судя по картинке, бутылки будут иметь объем 0,5 литра! Официальный анонс, судя по всему, ожидается в конце весны — начале лета 😊 Кртбл – познавательно о брендинге

Сначала про пример из видео. Первый раз решил зайти в Пятерочку и заказать продукты там, обычно юзаю Яндекс.Лавку и Перекресток. Начал с авторизации. Находим по привычному паттерну иконку ЛК вверху — всё ок. Затем жмем на нее — ничего не происходит. Нам предлагается выпадашка из одного пункта «Войти». Это уже какая-то фигня, ибо пользователю надо вместо клика на иконку навестись на неё, затем выбрать единственное действие и кликнуть. Но и тут проблемы не заканчиваются. Кликабельная область — тема поста. На видосе видно, что кликабельна не вся плашка, а только тоненький контейнер текста «Войти». Я изначально тыкал просто по плашке и не понимал, почему ничего не происходит. Потом понял, что нужно навестись именно на текст. Это распространенная проблема, которая, к сожалению, встречается и у корпораций (потому что не всем ещё успели интерфейсы сделать, ыхых). Делают порой большую плашку на странице, с картинкой, заголовком, описанием. А кликабельной является только заголовок или какая-то маленькая ссылка «подробнее». Пользователи давно уже понимают че такое эффект наведения (hover) — достаточно подсветить всю плашку и переход станет очевидным. Ссылку можно выводить в мобилке, для тех кто в танке, но и там бОльшая часть юзеров уже понимает, что по плашкам можно тыкать пальцем для перехода. Например, когда показывают категории товаров в виде иконки + текста. Поэтому на этапе верстке уделяйте внимание кликабельным областям. Это важная мелочь, которая может стоить вам конверсии.

Канал теперь выглядит по-другому — заметили? Это не просто красивая картинка, а часть большого обновления школы. Мы — выросли, расправили крылья, добавили цвета и смысла. Не теряйте нас в новом облике☺️ Напишите, как вам редизайн? Ставьте 🔥, если нравится

Сделаем несколько простых и знакомых нам действий: 1. Вставляем фотографию, затем букву, увеличиваем её размер и выбираем шрифт. 2. Перетаскиваем букву поверх картинки, выделяем сначала картинку, затем букву, а потом объединяем их инструментом «Пересечение». #медиаконтент

Одной из важных фишек Фестиваля нового дизайна СРЕДА является публикация на сайте абсолютно всех работ, участвующих в конкурсе. Причем работы эти можно посмотреть в любое время и за все годы существования фестиваля, а не только за текущий год. Круто, правда? И не просто круто, а уникально, ведь ни один другой фестиваль таких возможностей не предоставляет. Но… Прежде чем явить свой крутой дизайн широкой публике, его надо как следует оформить. Не всегда это получается сразу и быстро. Акции, скидки, повышение стоимости пропускать не хочется, а картинки не сделаны, не все тексты написаны, не все видеоролики смонтированы. Раньше участники решали эту проблему, делая временное оформление своей заявки и она сразу появлялась на сайте. Теперь все стало гораздо проще и удобнее. Появился режим черновика. Теперь небольшая инструкция по использованию этого режима. Ваши заявки в любой стадии оформления изначально и по умолчанию сохраняются в режиме черновика. Это значит, что весь контент заявки можете видеть только вы сами в личном кабинете, и он не появляется в публичной части сайта. При этом вы можете оплачивать сформированные заявки, находящиеся в режиме черновика. Редактировать свои заявки вы можете в любое время, вплоть до дедлайна, независимо от того оплачена заявка или нет. Вы можете редактировать все: менять название работы, добавлять и удалять картинки, менять обложку, текст, состав участников проекта. Если в графе «Черновик» будет стоять галочка, то работа всегда будет сохраняться в режиме черновика. Для публикации работы в публичной части сайта просто снимите галочку в графе «Черновик» и работа будет опубликована. Если ваша заявка не оплачена, но вы опубликовали ее на сайте в публичной части, то отображаться она будет без указания авторства и без описания. Вы всегда можете вернуть любую вашу заявку обратно в режим черновика, поставив галочку в графе «Черновик». Уф…. Вроде бы все подробно описали. Если остались вопросы, то пишите и звоните. Мы на связи.