#madeontilda. Выпуск №143

Новые проекты #madeontilda: интернет-магазин авторской канцелярии, лендинг центра развития ребёнка в Краснодаре, лонгрид, посвящённый померанскому шпицу, и другие. Геосмин 👉 https://geosmin.shop/ Интернет-магазин авторской канцелярии Антикризисный контент 👉 https://cmday.ru/anti-crisis-content Лендинг онлайн-конференции Roteva 👉 https://oknasdereva.ru/ Сайт производителя деревянных конструкций Спица 👉 https://spitsa.com/ Интернет-магазин производителя постельного белья Snax 👉 https://partners.snax.ru/ Лендинг франшизы магазинов Эльза — миниатюрная роскошь 👉 https://elza-spitz.tilda.ws/ Лонгрид, посвящённый померанскому шпицу Маленький Мыслитель 👉 https://littlethinker.ru/ Сайт издательства детских книг Нейро-Ива 👉 https://neuro-iva.ru/ Лендинг центра развития ребёнка в Краснодаре Иркутск космический 👉 https://www.irk.ru/news/tarticles/20260331/space/ Лонгрид, посвящённый истории освоения космоса

✨ Интерфейс начинает ощущаться дорогим не из за одной большой идеи, а из за десятка мелочей

Часто продукт уже собран нормально: сетка на месте, компоненты аккуратные, логика понятная. Но ощущение все равно какое-то «почти». И вот это «почти» обычно живет в деталях: как переносится текст, как ведут себя цифры, насколько мягко входят и выходят элементы, где иконка стоит математически ровно, но визуально все равно криво. Якуб Крехел собрал очень прикладной список таких мелочей. Не про глобальный редизайн, а про маленькие интерфейсные решения, которые по отдельности кажутся незначительными, а вместе сильно поднимают общее ощущение от продукта. Особенно понравилось, что почти все советы можно быстро проверить прямо в своем интерфейсе без долгой подготовки. Внутри: – Как text-wrap: balance помогает убрать сиротские слова и сделать текст аккуратнее; – Почему вложенные элементы выглядят лучше с концентрическим скруглением; – Как анимировать иконки контекстно, чтобы интерфейс ощущался живее; – Зачем делать текст чуть более crisp на macOS через сглаживание; – Почему для обновляющихся чисел лучше использовать табличные цифры; – Чем interruptible-анимации лучше фиксированных keyframes в интерактивных сценариях; – Почему enter-анимации лучше разбивать на части и слегка стеггерить; – Как сделать exit-анимации мягче и менее навязчивыми; – Почему иногда выравнивать нужно не геометрически, а оптически; – Когда тень работает лучше границы; – Зачем добавлять изображениям тонкий внутренний outline. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Обновление: RenameItems v2.0

1. Переработал весь интерфейс и кодовую базу. Переименование и поиск с заменой разделил на две вкладки. 2. В поиск опционально добавил: регулярные выражения (RegEx), точный поиск по регистру строки (Match Case) и отдельных слов (Whole Word). Например, с RegEx шаблоном \scopy.* можно стирать копии из имён слоёв. Логика запуска осталась прежней: • выбраны объекты — переименование объектов или родительских слоёв, • ничего не выбрано — переименование слоёв и артбордов Подробнее о скрипте #illustrator #item

Думали это всё? А нет!

Продолжаем с итогами второго сезона нашего рейтинга. Хотим внести небольшие корректировки в прошлый пост: Физические награды получают только ТОП-1 из каждой категории: Все, Бизнес и Дизайнеры. Так получилось, что тройка победителей в категории «Бизнес» совпадает с тройкой из категории «Все», поэтому не видим смысла дублировать и хотим сразу объявить ТОП-3 участников из категории «Дизайнеры»: 🎙 — 💙 никита xmentors.ru 🎙 — 💙 Дарья Тютикова 🎙 — 💙 Алёна Бровко По итогам второго сезона 2 физические статуэтки от нас получают ребята из 💙 wave и 1 статуэтку забирает 💙 никита Всех участников и их самые популярные работы уже можно посмотреть на сайте 🎙 А для тех, кто хочет легче набирать рейтинг за свои статьи, Дизайнерс подготовили 💙 Бизнес-Подписку — она добавляет чуть больше функционала и открывает больше возможностей в продвижении контента. Используйте промокод «DSGNERS2026» и забирайте 10% скидку на любой период подписки. С уважением, команда дизайнерс 🎙
Второй сезон рейтинга — ВСЁ!
РКН официально запретил участие в рейтинге от дизай.. На днях мы закрыли рейтинг — очки больше не набираются, позиции зафиксированы. Рады объявить тройку победителей, которые получат от нас памятные физические статуэтки: 🎙 — 💙 wave 🎙 — 💙 Пинк: креативное ателье 🎙 — 💙 duo sapiens* Посмотреть полные результаты второго сезона рейтинга можно тут. В течение недели сделаем пост с результатами во всей нашей медиасети и свяжемся с победителями, чтобы отправить им статуэтки! Кто был близок к победе, не расстраивайтесь, мы рады сообщить, что сразу после второго сезона, мы запускаем третий! Принимайте участие, мы верим, что у вас всё получится 🎙 С любовью, команда дизайнерс 🎙
Warp Tools
Плагин трансформирует любые объекты с помощью инструментов Smudge, Twirl, Bulge, Pinch, Arc и Free Transform Install
Weleda сделала ролик, как менялся бренд за 100 лет. Вообще Веледа для меня удивительный феномен, когда я знаю название, знаю даже, что это что-то натуральное, но ВООБЩЕ не помню, как они выглядят – ничего не сохранили, всё постоянно меняют, никакой картинки в голове не складывается. Интересно было бы как-то посчитать, насколько каждый их радикальный редизайн влияет на продажи..
✨ Просто принесла вам красивое шрифтовое трио для ваших проектов.
Кириллица со свободной лицензией для коммерции. Рукописный | Script Thin Pen Антиква | Nyght Serif Гротеск | Wix Madefor Красивое? → ❤️ #этоЗНАК
🐶 Как обещали, собрали самые важные ссылки со шрифтового митапа Paratype и ВКПБ, делимся!
Но перед этим хотим сказать, что для нас самое важное — это вы! Все, кто читает наши каналы и рассылки, кто пришёл на митап, слушал, шутил и задавал вопросы. Для нас это очень много значит. И, конечно, отдельное спасибо ВКПБ — студиям Deza и Lovemedo, которые всё это организовали. Кстати, на митапе волшебным образом у нас случилась 105% явка. Вот такая шрифтовая магия получается •ᴗ• А теперь сами материалы! Пойдём в порядке лекций: 🐶 Лично от Дениса Васильева: 🌞Большая коллекция бесплатных шрифтов 🌞«Что делать, если нет бюджета на шрифты»  🌞Статья о том, как бесплатно попробовать шрифты 🌞Большая статья о шрифтовых лицензиях 🐶 Красота от Томы Стрельцовой: 🌞О двух техниках древнерусской каллиграфии 🌞Декоративный шрифт Red Klin 🌞Шрифт на основе кириллических букв Сергея Чехонина Список книг, который Тома обещала: 🌞Книга про буквы от Аа до Яя, Юрий Гордон 🌞Designing type, Karen Chang 🌞Основа стиля в типографике, Роберт Брингхерст 🌞Живая типографика, Александра Королькова 🌞The stroke theory of writing, Gerrit Noordzij 🌞Про леттеринг, Джессика Хиш 🌞Искусство каллиграфии, Дэвид Харрис 🌞The origin of the serif, Edward Katich 🐶 Шрифтовая магия от Саши Корольковой: Для начала красивая мысль, с которой Саша начала свою лекцию. Любая достаточно развитая технология неотличима от магии — Артур Кларк 🐶 Глава 1: Нестандартная вариативность 🌞«Тёмная сторона шрифта» — суперлонгрид о технической стороне шрифта (иногда нужен VPN) 🌞Вариативные гротески: Pragmatica Next Circe Contrast 🐶 Глава 2: Оптические размеры Шрифт наполовину состоит из оптических иллюзий 🌞Шрифты с оптическими размерами: Bodoni PT Simon Kudry (с бесплатным начертанием Kudry Weird Headline Stapel Stem PT Sans (бесплатный) PT Serif (бесплатный) 🌞Волшебные слова: Caption — до 12 пт Text — 12-18 Subhead — 18-48 Headline — 48-72 Display — 60+ Poster — 96+ 🐶 Глава 3: Шрифт переодевается 🌞Деликатный геометрический гротеск с большим набором стилистических сетов: Hint Включить сет Grotesque Round в CSS: font-feature-settings: "ss03"; 🌞Статья о Хинте и его стилистических сетах 🐶 Глава 4: внимание к деталям 🌞Шрифт с пропорциональными и моноширинными маюскульными и минускульными цифрами: Bodoni PT Как включить поднятие регистрозависимой пунктуации на all caps в CSS: font-feature-settings: "case"; 🌞Статья о том, как включать стилистические сеты в Фигме и CSS 🐶 Глава 5: странные вещи, которые может шрифт 🌞Шрифт Mojito, который может имитировать почерк и содержит ~1400 знаков 🌞#player">Первая в мире видеоигра в шрифте 🐶 Глава 6: Микротипограф — «что-нибудь полезное» 🌞Микротипограф в шрифте — что это такое и как он работает 🌞Плагин-типограф для Фигмы 🌞Типограф студии Лебедева 🐶 Глава 7: шрифт и нейросети 🌞В шрифт встроили нейросеть 🐶 И на всякий эсэмэмщица напоминает: 🌞«Как разобраться в кириллице» — статья 🌞«Как разобраться в кириллице» — бесплатный курс 🌞Используйте ТЕСТОВЫЕ ВЕРСИИ Главный хайлайт встречи — Саша разрешила произносить Circe как Цирце 👀 Пересматривайте, перечитывайте, пробуйте. А мы всегда на связи: тут в канале или по почте fonts@paratype.com P.S. В комментариях ещё опубликуем несколько фотографий с митапа
Glassmorphism Wallpapers — набор фоновых изображений в стиле глазморфизма
🎥 Оффер, преимущества, отзывы: как собрать лендинг, который конвертит?
В этом видео Ира Моторина, UX Writing Lead в сервисе Tutu, на реальных примерах показывает, какие приёмы действительно работают. Вы узнаете, как работать с текстами для сайта, грамотно смешивать блоки и добавлять убедительные доказательства к тезисам. 📱 Смотреть в VK Видео: https://vkvideo.ru/video-89546664_456240529 📺 Смотреть на Youtube: https://youtu.be/vdA1EhzGS98
Еще одно крутое применение нейросети GPT-3, вышло приложение PlaylistAI, которое позволяет создавать плейлисты для Spotify и Apple Music на основе текстового запроса или загруженного изображения. Нейросеть поможет быстро подобрать музыкальную композицию для видео или создать плейлист с нужными для вас треками.
www.playlistai.app
Визуальный язык бренда: как WEB-технологии меняют современный дизайн 👨🏻‍💻
Слушатели программы Двойного диплома «Графический дизайн и брендинг» изучают эту тему на занятиях Волосецкой Диляры Ниязовны — преподавателя дисциплины «WEB-технологии в дизайне». Диляра Ниязовна — преподаватель РГУ им. А.Н. Косыгина, специалист в области графического и UX/UI-дизайна. За её плечами — работа дизайнером в журнале Grazia и сотрудничество с разными направлениями бизнеса, где она помогает выстраивать визуальную коммуникацию с потребителем. На занятиях студенты изучают принципы построения удобных интерфейсов, адаптивную вёрстку, работу с типографикой и цветом в цифровой среде, а также создание прототипов сайтов и приложений. Сегодня дизайнер должен не только создавать стиль, но и уметь встраивать его в цифровую среду. Именно поэтому освоение WEB-технологий становится обязательной компетенцией современного специалиста. 🖇️ Подробнее об обучении на сайте
Rotato — программа macOS для создание реалистичных 3D мокапов.
В новой версии добавили презентацию приложения в режиме реального времени, новые мокапы, таймлайн, создание скриншотов для AppStore и многое другое. www.rotato.xyz
Плагин «Slide Watermark» by 郑培钦
Плагин для быстрого добавления водяных знаков 🦓 Скачать плагин 🦓 #plugin
Дизайн упаковки — это психология и умение взломать поведение человека. Сделать так, чтобы он сам, добровольно, сфотографировал ваш товар и выложил в сторис или поставил вашу упаковку себе на туалетный столик.
Кто умеет так делать — стоит дорого. А те, кто просто ставит логотип по центру коробки…ну, вы поняли 😀 Читайте и сохраняйте новый пост там 6 рабочих приёмов ⬇️ https://www.instagram.com/p/DXcDC7EDMYR/
Приоритетный заказ в WB
Не очень понимаю, что хотели сказать в интерфейсе. Тултип буквально повторяет то, что написано в баннере В чем заключается особое внимание? Возьмите мои деньги, но расскажите сначала за что Интересно, какая доля людей просто платит потому, что внимание «особое»
🆕 Синхронизация товаров с Wildberries
В интернет-магазин на Тильде теперь можно выгружать товары из вашего бизнес-аккаунта в Wildberries. Также можно настроить автоматическую синхронизацию позиций, цен и остатков. Для настройки синхронизации вашего аккаунта в Wildberries и каталога на Тильде сначала нужно получить API токен. Подробная инструкция в Справочном центре: https://help-ru.tilda.cc/online-store-payments/wildberries Где найти: Каталог 👉 Ещё 👉 Синхронизация с Wildberries В дальнейшем функции синхронизации с Wildberries будут дорабатываться и расширяться. #tildaupdates
Новый виток A11y в Apple?
Джон Тернус — новый CEO Apple, а также тот человек, который в качестве дипломного проекта в University of Pennsylvania разработал механическую руку для кормления, управляемую с помощью движений головы. То есть пользователь, не имеющий возможности двигать конечностями, мог самостоятельно есть — управление шло через head-tracking без участия рук. Также стоит вспомнить, что именно под его руководством вышли Apple Watch с Double Tap — классический curb cut effect: жестовое управление изначально появилось в 2021 году как AssistiveTouch, фича для людей с особенностями верхних конечностей, а позже та же технология стала фичей для всех. AirPods Pro с hearing aid — наушники массового рынка, работающие как слуховой аппарат. Vision Pro, где eye-tracking — основной интерфейс: формально это универсальный дизайн, но выросший из accessibility-подхода ) И это уже другой уровень доступности — встройка в железо ) Кайф? Кайф! Alt: фотография Джона Тёрнуса на сцене Apple-презентации, за ним крупным планом чипы и схемы. ___ en<able> - о дизайне в A11y | Наши статьи на VC