🔔 Inspiration #193

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – sandbar.com – shuttle.zip/about – k72.ca/en/about – vori.com – headstrongltd.com ——— – join.com – flair.digital – zudo.amsterdam – nudea.com – theupandupgroup.com ——— – durable.com – apple.com/apple-watch-series-11 – acadium.com – hannun.com – searchsystem.co ——— – vecton.ai – 222.place – bevel.health – roydenso.com – automator.design ——— 💻 Вакансии в IT и digital 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Я решил совместить приятное с полезным и начать приглашать много HR-экспертов в «https://boosty.to/vshka">Вышку» (мой boosty). Это будет целая серия подобных лекций. Цель: максимально разобраться в этом вопросе вместе с моими подписчиками «Вышки». Это кстати пример, как я постоянно одним действием решаю несколько целей: разнообразить контент Вышки, вникнуть самому в современный процесс трудоустройства и поделиться этой информацией с подписчиками. А сегодня в 19-00 (по мск) будет выступать Евгений Черданцев (Head of Marketing, Edtech, ex-Skyeng, Foxford, Changellenge Education) Поговорим о том, как эффективно искать работу в диджитале, не тратить силы впустую и выстраивать поиск так, чтобы он приводил к реальным интервью и офферам. Разберем рабочие стратегии поиска вакансий, ошибки, которые мешают получать ответы от работодателей, и эффективные инструменты. 📌 На лекции обсудим: • как выжать максимум из hh; • как грамотно распределять силы при откликах и не выгореть в процессе поиска; • как построить эффективную воронку поиска работы, найти слабые места и повысить конверсию в оффер; • зачем каждому специалисту нужен LinkedIn; • где искать вакансии помимо hh; • как написать нанимающему менеджеру напрямую и увеличить шансы попасть на интервью; Также Евгений поделится личным опытом найма и взглядом работодателя на процесс отбора. Получить доступ к этой лекции и еще 60+ от знаковых экспертов можно по ссылке https://boosty.to/vshka

Я начал поиск работы, и для этого мне нужно было заняться своим портфолио. Если экранчики я бодренько умею вставлять через Ctrl + С — Ctrl + V, то вот со структурой и сторителлингом у меня огромные проблемы. Ещё стоит учесть, что это почти год работы, поэтому я вообще всё похерил и забыл. На помощь пришёл жпт и мой гениальный план: 1. Создать агента Head of design. 2. Попросить его провести интервью, задавая мне ровно по одному вопросу за раз. Таким образом, мы несколько часов потрещали по душам, в ходе этого разговора я осознал, что не просто закрывал задачки, а реально вносил какой-то импакт в продукт и создал, между прочим, нихуёвинкий диз, создал процессы и вообще кучу всего полезного. По итогу у меня готовая структура кейса со всеми ключевыми моментами, осталось только красоты накидать ПРОМТ В КОММЕНТАРИЯХ ✨

Пока у команды нет общей структуры, каждый экран собирается заново: где-то основной текст 14 px, где-то 16 px, где-то межстрочный интервал выставлен руками, где-то тот же жирный стиль выглядит иначе. В макетах это еще терпимо, а в разработке быстро превращается в хаос. Олуватосин Обалана показывает практичный подход, как собрать типографику через примитивные и семантические токены и масштабировать ее на веб, планшет и мобильный в Фигме. Ценность статьи в том, что это не просто теория про читаемость, а пошаговая схема: как назвать токены, как разложить роли текста, как связать стили с переменными и переключать режимы без дублей. Внутри: – Какие принципы держат типографику в порядке: удобство, ясность, иерархия; – Какие базовые требования по доступности стоит заложить сразу: размер текста, контраст, межстрочный интервал, масштабирование; – Что такое примитивные токены и какие свойства туда выносить: семейство, вес, размер, межстрочный и межбуквенный интервалы; – Зачем нужны семантические токены и почему они снимают ручные правки по всему продукту; – Как назвать токены по иерархии, чтобы дизайнеры и разработчики говорили на одном языке; – Как разложить роли текста: Display, Heading, Subheading, Body, Caption, Label; – Как считать межстрочный интервал через коэффициенты для крупных и мелких размеров; – Как настроить в Фигме режимы для разных экранов и не плодить отдельные стили под каждый размер. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

спойлер: от нас будет приглашённый эксперт что это такое и как работает? 📁 ¡portfolio hero! — бесплатный челлендж для графических, коммуникационных, продуктовых, веб- и ui/ux дизайнеров, которые давно откладывали портфолио «на потом». 💭 в течение трёх недель вы присылайте по кейсу в неделю, а ребята из duo и приглашенные эксперты по понедельниками и вторникам разбирают их в прямом эфире, от нас в том числе будет приглашённый эксперт! расписание эфиров ¡portfolio hero 8! неделя 1 4 мая, эфир «ведение в ¡portfolio hero 8! — расскажем вам, как проходит челлендж, чего ожидать от себя и эфиров и ответим на вопросы 5 мая. обучающий эфир «как сделать сочный кейс» 🙆 таня богомолова — продуктовый дизайнер в альфа-банке, ментор duo sapiens, автор канала @vpolezreniyaaa 🙆 павел эренбург — head of creative в dizzaract, ментор duo sapiens, автор канала @literallyeren неделя 2 11 мая. разбор кейсов графического и коммуникационного дизайна первой недели 🙆 анастасия голикова — коммуникационный дизайнер в elama яндекс, иллюстратор на фрилансе, ментор duo sapiens, автор канала @anastasiagolikovaa 🙆 анна медведева — бренд дизайнер, ex арт-директор family, ментор duo sapiens, личная страница 12 мая. разбор кейсов продуктового, веб- и ui/ux- дизайна первой недели 🙆 антон ягупов — uxui-дизайнер в далее, команда сбера, шеф-редактор явно.дизайн, ментор duo sapiens, автор канала @yavnodesign 🙆 дима черкасов — ex .aic, ex red collar, сейчас senior product designer в сбере, ментор duo sapiens, автор канала @krinzhall неделя 3 18 мая. разбор кейсов графического и коммуникационного дизайна второй недели 🙆 антон смирнов — руководитель дизайна внутренних сервисов, арт-директор бренда работодателя т-банк, ментор duo sapiens, 🙆 валерия тетеева — мультидисциплинарный дизайнер, ex спец проекты т-юанка, ex яндекс, ментор duo sapiens, автор канала @visuaaaals 19 мая. разбор кейсов продуктового, веб- и ui/ux- дизайна второй недели 🙆 игорь старков — senior product designer xsolla, ex альфа-банк и втб банк, ментор duo sapiens, линкедин 🙆 даниил аверин — middle product designer, ex pinkman, ментор duo sapiens, автор канала @averination_tips Неделя 4 25 мая. разбор кейсов графического и коммуникационного дизайна третьей недели 🙆 юлия федорищева — старший дизайнер коммуникаций мвидео, бывший ведущий дизайнер упаковки в самокате, сооснователь агентства noideas agency agency (нет идей), ментор duo sapiens, автор канала @julia_mordovina 🙆 дима исаев — основатель isfirst.agency, дизайн директор ex. яндекс, авито, скайенг, ментор duo sapiens, автор канала @isfirst_strategy 🙆 никита михайлов — операционный директор и мультидисциплинарный дизайнер в школе и студии щёлочь 26 мая. разбор кейсов продуктового, веб- и ui/ux- дизайна третьей недели 🙆 марина лавринченко — бывший дизайнер в студии лебедева и яндекс лавке, сейчас работает в т-банке над цифровым рублём, ментор duo sapiens, автор канала @mldsg_mrla 🙆 светлана рыбушкина — дизайн-лид продуктовой команды в «мой мтс» ментор duo sapiens регистрация на челлендж 🤩

Но перед этим хотим сказать, что для нас самое важное — это вы! Все, кто читает наши каналы и рассылки, кто пришёл на митап, слушал, шутил и задавал вопросы. Для нас это очень много значит. И, конечно, отдельное спасибо ВКПБ — студиям 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. В комментариях ещё опубликуем несколько фотографий с митапа

Универсальные макеты устройств для наушников, в которых вы можете заменить 3-кратные логотипы на наушниках своим логотипом или дизайном. #мокап_psdец 📁 Скачать

Джон Тернус — новый 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

А пока я загружаю дизайн-систему туда, напишу про заявленную доступность Claude: • Аудит компонентов на соответствие WCAG 2.1 / 2.2 (A, AA, AAA) — контрастность, фокус, таб-порядок, размеры тач-таргетов • Проверка и генерация корректной ARIA-разметки (roles, states, properties, live regions) • Проверка работы с клавиатурой и фокуса • Анализ семантики HTML, heading hierarchy, landmark-регионов • Проверка alt-текстов • Генерация A11y-документации для компонентов дизайн-системы (do's/don'ts, примеры использования) Есть набор Accessibility Agents — специализированных агентов для Claude Code, GitHub Copilot и Claude Desktop, которые проверяют код на соответствие WCAG 2.2 AA, покрывают i18n/RTL, дата-визуализации, email, медиа, web components Пока сама не тестировала, попробую попозже )

Здесь вы найдёте классную коллекцию надутых буковок для оформления новых проектов. ⌨️Скачать набор⌨️ #материалы

🔸 Экстерьерный 3D визуализатор в IND: https://archi.ru/vacancy/?id=2216 🔸 Ландшафтный архитектор в DEREVO PARK: https://archi.ru/vacancy/?id=2215 🔸 Ведущий архитектор в UNK landscape: https://archi.ru/vacancy/?id=2214 🔸 Маркетолог-стратег в horovod.space: https://archi.ru/vacancy/?id=2213 🔸 Ведущий архитектор в HEADS GROUP: https://archi.ru/vacancy/?id=2212 🔸 Архитектор на рабочую документацию (Revit) в HEADS GROUP: https://archi.ru/vacancy/?id=2218 🌿🌿🌿🌿 Напоминаем, что мы публикуем вакансии бесплатно. Присылайте их, пожалуйста, на job.archi.ru@gmail.com Шаблон и формат здесь: https://archi.ru/files/archijob/ #вакансии

Школа дизайна НИУ ВШЭ предлагает принять участие в опросе о будущем архитектуры. Опрос проводится в рамках совместного исследования Школы дизайна НИУ ВШЭ, HeadHunter, PR-агентства «Пресс-папье» и бюро FUTURA-ARCHITECTS. Цель исследования – понять, как сегодня строится профессиональный путь молодых специалистов: с какими ожиданиями и реальностью они сталкиваются, что им помогает, а что мешает расти. Принять участие в анонимном опросе могут студенты, выпускники и молодые специалисты. Опрос открыт до 8 апреля. Результатами исследования обещают поделиться в апреле 2026 года и далее дважды в год публиковать актуальные данные о состоянии профессии на платформе Школы дизайна НИУ ВШЭ «Креативный город». 👉Пройти опрос можно здесь. #архитектура #профессия #опрос #исследование #школа_дизайна_ВШЭ

headlime.com/features/landing-page

Универсальные макеты устройств для наушников, в которых вы можете заменить 3-кратные логотипы на наушниках своим логотипом или дизайном. #мокап_psdец 📁 Скачать

А пока делимся с вами важными ссылками с субботней лекции Саши на UX/UI Conf о шрифтах в вебе. В подборке есть и книги, и записи других лекций, и статьи. Надеемся, каждый найдёт для себя что-то интересное. ⚡️ Пара мыслей с лекции, которые могут выручить вас — Иногда шрифтовые дизайнеры добавляют прямо в название шрифта подсказку, в каких размерах его использовать — смотрите картинку к посту. — Если вы собираетесь использовать шрифт в мелком кегле, особенно на экране — межбуквенные расстояния должны быть достаточно просторными, в этом случае может помочь разрядка (положительный трекинг). — Если вы собираетесь использовать шрифт в крупном кегле, отрицательный трекинг допустим, но обязательно проверяйте его на сложных сочетаниях типа «ух», «кл», «гт» — не давайте буквам слипнуться! — Если вы хотите попробовать использовать на сайте новый для себя шрифт, обязательно посмотрите на прототип из Windows с самого старого монитора, какой найдёте, чтобы проверить экранное отображение. ⚡️ Шрифты, о которых спрашивали во время лекции (ими была сделана презентация): Роскошный Hint Эксцентричная Helsa У нас на сайте появились тестовые версии, не забывайте скачивать и примерять шрифты ⚡️ Бесплатные шрифты, которые участвовали в лекции 🐶 Текстовые: Commissioner Geologica Golos Text Golos UI IBM Plex Sans Onest PT Root UI Tilda Sans 🐶 Не совсем текстовые Lanze Martian Grotesk 🐶 Совсем не текстовые Ambidexter Kudry Weird Headline ⚡️ Статьи, курсы, инструкции и коды: 🔸Большая подборка шрифтов без бюджета с приличной кириллицей  🔸«Как разобраться в кириллице» — статья 🔸«Как разобраться в кириллице» — бесплатный курс 🔸Статья ABCDinamo о встраивании вариативных шрифтов на сайт (на английском) ⚡️ Примеры кода для вариативных шрифтов с codepen.io 🔸Изменение жирности по ховеру 🔸Анимация изменения формы независимо от курсора 🔸Анимация изменения ширины независимо от курсора 🔸Изменение жирности в той части надписи, где курсор 🔸Изменение ширины и жирности в той части надписи, где курсор ⚡️ Ещё немного полезного: 🔸Статья о микротипографе, который мы встроили в шрифт 🔸Статья о том, как включить возможности OpenType в CSS и Фигме 🔸«Тёмная сторона шрифта» суперлонгрид о технической стороне шрифта (иногда нужен VPN) 🔸Статья о том, как бесплатно попробовать шрифты 🔸Статья о многоязычных шрифтах 🔸Большая статья о шрифтовых лицензиях ⚡️ Приложения: Фонтоскоп — бесплатное приложения для теста почти всей библиотеки Паратайп в Ai, Ps, Id, Figma Инструкция по установке ⚡️ Книги (их не было на лекции, но они будут полезны): 🔸Живая типографика, Александра Королькова 🔸 Облик книги, Ян Чихольд 🔸Новая типографика. Руководство для современного дизайнера, Ян Чихольд 🔸Основы стиля в типографике, Роберт Брингхерст 🔸Мой путь к типографике, Вольфганг Вайнгарт 🔸Типографика. Порядок и хаос, Владимир Лаптев ⚡️ Лекции: 🔸Вся правда о шрифтовых парах 🔸Шрифтовая магия Буквы не то, чем кажутся

В квартира на 30 этаже с панорамным видом на город мы создали спокойный, почти невесомый проект, собранный на нюансах, пропорциях и тактильных деталях. В обзоре подробно разобрали не только результат, но и логику решений — от планировки до мелочей, которые в долгосрочной аренде решают больше, чем кажется. В видео рассказали: — Как работать с большими окнами и панорамными видами — Почему в квартире с семейным сценарием жизни важно заранее продумывать кабинеты, гостевые зоны и дополнительное хранение — Как мы объединили гостевой санузел и постирочную, не потеряв ощущение пространства — Где уместны предметы из Китая и как считать их реальную стоимость с доставкой — Столярные изделия под ключ: какие задачи они закрыли в этом проекте Смотрите полный обзор: 👉🏻 YouTube https://youtu.be/5QAKowKCD-E?si=_lsb_junnWa-E4yS 👉🏻 Вконтакте https://vkvideo.ru/video-229398955_456239202?list=ce63264b6224179c23 В проект заложено множество решений, которые не видны на фото — как пример, постирочная, где можно спрятаться от блокировок соц.сетей 😅

В этом выпуске подкаста «Дизайн прост.» мы беседуем с Ульяной Сало, Head of Design в OpenBuilders, о ее вдохновляющем пути от фронтенд-разработчика до успешного дизайнера. Ульяна делится своим опытом работы в крупных корпорациях и стартапах, а также размышляет о важности гибкости и способности адаптироваться к быстро меняющемуся миру технологий. Мы обсудим, как влияние на продукт, взаимодействие с командой и постоянное обучение помогут вам оставаться актуальными в индустрии. 👉 Слушать в mave 👉 Слушать в Apple Ссылка на Яндекс подъедет к вечеру

Vercel это компания, которая всегда фокусировалась на вебе. Когда они решили сделать мобильное приложение v0, то поставили цель: оно должно быть достойно Apple Design Award. Фернандо Рохо, Head of Mobile, рассказал, как они этого добивались. Они выбрали React Native с Expo, но это было только начало. Чтобы чат ощущался как iMessage, пришлось написать около 1000 строк кода только для обработки клавиатуры. Каждый релиз iOS ломал что-то в их приложении, и они играли в догонялки с Apple. Патчили React Native напрямую, чтобы убрать некрасивые индикаторы скролла и добавить жест свайпа вверх для открытия клавиатуры. Использовали Liquid Glass из iOS 26 для эффекта размытия в композере. А ещё решили не делать feature parity с вебом, а сфокусироваться на одном сценарии: быстро превратить идею в что-то реальное, пока ты вдали от компьютера. Внутри: – Архитектура чата: LegendList, Reanimated, Keyboard Controller; – Как сделали анимацию появления сообщений с учётом динамической высоты; – Почему contentInset оказался лучше всех других подходов для blank size; – Какие патчи пришлось внести в React Native для нативного ощущения; – Как организовали шаринг кода между вебом и мобайлом через OpenAPI. Телега, кстати, тоже максимально нативная и это кайф) ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Делюсь с вами модификацией, которую я писала по просьбе коллег 🐱 Если вы используете на всем многостраничном сайте меню из zero-блока, то для вас этот код, который меняет внешний вид активного пункта меню: Несколько правил по использованию кода: ⭐️ Присвойте блоку(ам) с меню класс .uc-header ⭐️ Все пункты меню сделаны с помощью элемента кнопки (Button) ⭐️ В самом начале кода скорректируйте css-свойства под ваш дизайн активного пункта ⭐️ Если вы хотите, чтобы с активным пунктом можно было взаимодействовать, сотрите свойство pointer-events: none; ⭐️ Подключение библиотеки jQuery не требуется Для случая, когда вам может понадобиться задать разные стили для кнопок первого и второго уровня меню, я оставлю код в комментариях. Правила его использования те же, только поправить нужно будет два комплекта свойств. 💭 По всем вопросам модификации пишите в комментарии к посту. #тильда #модификации #меню

Silver Mercury — экосистема креативных и маркетинговых коммуникаций Задачи: — формировать и развивать команду под задачи соцсетей и контента SM — планировать и вести соцсети — формировать точку зрения SM и усиливать бренд в профессиональной среде — инициировать, договариваться и вести коллаборации в соцсетях — участвовать в запуске и продвижении вебинаров, онлайн-ивентов, спецпроектов — помогать выстраивать присутствие ЅM в цифровой индустриальной среде — анализировать активность рынка Ожидания: — есть опыт самостоятельного ведения и развития соцсетей как продукта — есть опыт управления людьми, подрядчиками или проектными командами — следишь за рекламой, брендами, агентствами, персонами — умеешь реагировать на инфоповоды быстро и тонко — умеешь упаковывать, а не просто постить — любишь копать, читать, анализировать — пишешь живо, без канцелярита и шаблонов Условия: — удаленная работа — полная занятость → Почитать подробнее и откликнуться #маркетинг