#Ai | #Tutorial

3D апельсины Автор maddysgraphics

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

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

Тем временем, в этот день, 6 лет назад....

Сегодня одна соцсеть подкинула уведомление. Что было 24 августа 6 лет назад. И знаете, что это было? Это был день, когда мы с одним прекрасным человеком открыли дверь для многих дизайнеров на Тильде к конкурсу Awwwards. 24 августа мне пришло письмо... We are happy to inform you that your site ASIA Supermarket & Cafe has received an Honorable Mention. This special honor is given to websites that achieve a high score in our user vote. This award will bring you greater visibility and prestige thanks to an entry in our Honorable Mentions section. ======== Это был 2 или 3 вообще Хонор на этой премии за сайт на Тильде. Мы, по сути, стали первопроходцами и тот сайт для супермаркета Азия до сих пор работает. Правда его потрепало за эти 6 лет немало рук маркетологов, но... Мы его обновили и скоро опубликуем новую версию . А тогда, 6 лет назад, я был на 7 небе от щщщастья. Потому что я только начинал карьеру в дизайне и эта награды была тогда, как Оскар. Она и сейчас такая, но тогда... Тогда для меня это было что-то недостижимое, что внезапно оказалось в руках. А у вас что было интересного 6 лет назад?

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

Дизайн обложки каталога работ Ирины Затуловской. Оригинальное оформление каталога с вышивкой на переплете. Издает «Новое издательство»
Границы возможного / немного про вайб-кодинг
На прошлой неделе я писал, что собираю внутреннюю систему финансового учёта для агентства. Собираю её с помощью ИИ-агентов и вайб-кодинга. За неполные две недели эта система из эксперимента превратилась во вполне рабочий инструмент, которым я сейчас активно пользуюсь и заполняю. Погружение во все процессы более детально привело меня к определенным выводам. 🔖 Главный инсайт, который я вынес ⚫️Если правильно определить границы MVP, то такой подход реально позволяет очень быстро собрать рабочий продукт. ⚫️В MVP надо оставить 5-6 основных сценариев для теста, а не 100500. В таком случае можно достаточно быстро прийти к работающему результату. За эти две недели я собрал то, чего мне не хватало ни в Excel, ни в Notion: удобный визуальный финансовый дашборд, импорт банковских выписок, автоматический учёт подписок и списаний за них. А ещё интегрировал Telegram-бота, которому можно голосом рассказать, куда потратил деньги или откуда пришёл доход. Система сама структурирует информацию и заносит её в нужную учётную схему. 🔔 Но есть нюансы Пока речь идёт об интерфейсе, логике и новых фичах, такой подход реально очень сильно ускоряет процесс. Но как только появляются чувствительные данные, сложные бизнес-сценарии, интеграции по API, вопросы безопасности, вынос базы данных, регулярное резервное копирование — всё. Здесь уже нужен головастый разработчик. При этом эксперимент мне очень зашёл. Токенов я, конечно, сжёг дохера. но даже с этим инструмент получился гораздо быстрее классического процесса разработки. Если представить весь привычный путь — аналитика, проектирование сценариев, продумывание логики, дизайн, разработка, внедрение — это легко могло бы занять овердохера времени на MVP. Здесь же всё происходит гораздо оперативнее. 🎯 Диджитал пришел к довольно интересной модели: ИИ и агенты не отменяют разработку, но очень сильно меняют правила самого процесса. Эксперимент продолжается. Ну и в обложке пара скринов моего дашборда.
Очки доверия в диджитал-сфере
Я уже писал о том, что зря раньше не фокусировался на отзывах от заказчиков и вообще относился к ним довольно расслабленно. С прошлого года я сильно поменял своё мнение на эту тему. Теперь после завершения работы прошу каждого заказчика вот о чём: если у вас будет время, напишите, пожалуйста, честный отзыв о работе с нами. На бланке компании, в 🎯 Яндекс Картах или там, где считаете нужным. Конечно, у кого-то находится время, у кого-то — нет. У меня тут вообще никаких претензий: дело абсолютно добровольное. Но когда заказчик всё-таки находит время и пишет отзыв, блин, я очень сильно радуюсь. Недавно я рассказывал о том, что мы сделали огромный, на 147 страниц, каталог для бренда SC. Если вы его ещё не видели — вот ссылка. 📦 https://drive.google.com/file/d/1o0tGxS7ySWt5Fnx148aEXNI4C4C-fQq7/view?usp=sharing Вы просто посмотрите, какую красоту мы сделали и в каком объеме! Недавно команда бренда прислала нам отзыв на бланке компании и оставила ещё один на Яндексе. Спасибо большое Дмитрию и всей команде бренда Esse за высокую оценку нашей работы. И вообще спасибо всем нашим заказчикам, которые находят время поделиться впечатлениями. Обожаю их. Просто обожаю.
🔔 Inspiration #198
Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – edoardolunardi.dev – tyb.xyz – inversa.com – luffu.com – passport.agency ——— – tldraw.com – oryxon.ae – hume.ai – becaneparis.com – burnandbroad.com – sickymag.com ——— – anuchome.com – hiartem.com – ethanandtom.com – qatchup.com – juliajohnson.com – gareth-hughes.com ——— – interludeapp.net – superplan.ai – newland.tv – mediumrare.shop/templates/prospect-webflow-finance-and-law-saas-template – rollups.com – polar.sh ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
💟Для продвинутых и заинтересованных дизайнеров я подготовила бонус!
А именно – дополнительный урок и задание! В нем обсудим виды анимаций на сайте, а также сделаем свою собственную анимацию в Figma Motion и сравним её с Jitter. ‼️Домашнее задание (как и просмотр этого урока) выполняется по желанию, особенно, если вы новичок. Самое главное – сделать обязательные Д/з, поэтому организуйте свое время правильно! 📍Материалы из урока лежат тут Для удобства прикрепляю также ссылку урока на YouTube#бесплатник
За 2 дня бесплатника я получила стооооолько приятных слов!
Спасибо вам – это заряжает давать ещё больше, чем планировала 🔥 Вижу отметки в соцсетях, ваши первые макеты, читаю все сообщения, знайте, мне безумно приятно!!! Реакции по традиции приветствуются, как и на посты с уроками 🌞 А мы продолжаем наше обучение 🌸 Сегодня у нас выходит новый урок + бонусный урок: • Урок 4 (практический). Адаптивность сайта и практика в Figma: создание мобильной версии сайта • Бонусный урок (практический, для самых пытливых). Анимации на сайте и практика в Figma Motion и сравнение с Jitter 🔔 Урок выйдет в 19:00 (по Московскому времени) и спустя полчаса выложу бонусный урок #бесплатник
В Linkedin увидел пост у чувака про то, как он учит использовать Claude Code / Codex
Говорит, что у новичков случается wow-эффект, когда он им дает простую задачку — разобрать папку «Загрузки» У меня на ноуте скопилась куча хламья — 300+ файлов на 18 ГБ и еще 2500+ файлов в Telegram Desktop Downloads Cупер-простой запрос: разбери папку «Загрузки» Дальше он все сделает сам Это кажется очень простой и очевидной штукой, но она может не прийти в голову, если не думать в эту сторону — мне не приходила
Нас не догонят заменят.
Если нейросетки уже втайне планируют захватить мир, то пока без шансов. Потому что у них есть минусы, о которых рассказывали в этом посте. И еще по трем причинам: 1️⃣ ИИ — это инструмент, а не дизайнер. Так же как башенные краны, шпатели или перфораторы не являются строителями. Ведь они не берут на себя ответственность и не отвечают за результат. 2️⃣ Нейросеть ускоряет процессы, а не выполняет работу. Так же, как башенные краны, шпатели и... Ну, вы поняли. 3️⃣ Если восстание машин и случится, то лет через сто. У человечества просто нет таких вычислительных мощностей, чтобы бездушная ИИ-шка превратила нашу жизнь в симуляцию, как в «Матрице».   Не бойтесь восстания машин. Лучше переходите на «Привет, бро!» с нейросетями — мы как раз этому учим.