👀Вдохнули-выдохнули. Мы в Паратайпе уже очень ждём весны: когда станет теплее и расцветёт вишня.

А пока делимся с вами важными ссылками с субботней лекции Саши на 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 Инструкция по установке ⚡️ Книги (их не было на лекции, но они будут полезны): 🔸Живая типографика, Александра Королькова 🔸 Облик книги, Ян Чихольд 🔸Новая типографика. Руководство для современного дизайнера, Ян Чихольд 🔸Основы стиля в типографике, Роберт Брингхерст 🔸Мой путь к типографике, Вольфганг Вайнгарт 🔸Типографика. Порядок и хаос, Владимир Лаптев ⚡️ Лекции: 🔸Вся правда о шрифтовых парах 🔸Шрифтовая магия Буквы не то, чем кажутся
Изображение поста

Графический дизайнер @ Private AI

Private AI — ведущий разработчик решений по обеспечению конфиденциальности для искусственного интеллекта. Создаёт инструменты, которые позволяют компаниям использовать данные, сохраняя при этом конфиденциальность пользователей. 🤩Задачи: • Дизайн логотипов и иллюстраций для платформы предсказания • Создание персонажа , олицетворяющего пользователей платформы предсказаний • Создание стикер паков и эмодзи с персонажем маскотом платформы • Создание рекламных изображений для соцсетей 👀 Что ожидают: • 2+ года опыта работы; • Создание графики строго без использования AI • Опыт работы в стартапе или на фрилансе; • Уникальный, самобытный творческий стиль; • Отличное владение Figma, Canva и Adobe; • Пунктуальность. 💸 Условия: • ЗП не указана; • Удалёнка и гибкий график; • Премирование за высокие достижения; • Оплачиваемое посещение конференций, прохождение курсов и тренингов. 🔠 Откликнуться 🔠 Откликнуться 🔠 Откликнуться
Изображение поста

Графический дизайнер в Electroforma

Мы — Electroforma, занимаемся стратегией, брендингом, маркетингом и веб-разработкой. Задачи: — создавать дизайн, развивающийся в систему — собирать брендбуки и гайдлайны — разрабатывать полиграфию, мерч, презентации — работать в команде с арт-директором, дизайнерами, маркетологами Ожидания: — сильная база по графическому дизайну — умение работать с печатными носителями, знание правил подготовки макетов к печати — владение пакетом программ Adobe: Photoshop, Illustrator и уверенный навык работы в Figma с макетами и презентациями — умение составлять промпты, делать апскейл, ретушировать и создавать визуализации с помощью ИИ — хороший уровень английского языка Условия: — гибкий рабочий день, удаленка — возможность распределять свое рабочее время, главное — укладываться в дедлайн — сделка попроектно + почасовка на небольших задачах → Откликнуться #дизайн
Изображение поста

💙 Изучи графический дизайн на бесплатном мини-курсе от VideoSmile!

Всего за 4 урока ты освоишь Figma и создашь свою первую работу. Также тебя ждут: 🔹Сертификат о прохождении; 🔹Живая поддержка от кураторов; 🔹Чат с единомышленниками; 🔹Подарки от VideoSmile. Получить мини-курс: https://cloudlessons.ru/c/26859
Film grain textures pack by Juan Buitrago
Небольшой набор текстур для создания эффекта плёночных фото прямо в Figma. ⚡️Скачать текстуры⚡️ #материалы
Изображение поста
Плагин «Figma Tags» by exelobaiza
А этот плагин позволит добавлять теги к страницам фигмы ⏳ Скачать плагин#plugin
Изображение поста
Токены цвета для приложения
Захар Бернадский выпустил практическое руководство о том, как создать, организовать и передать разработчикам систему цветовых токенов для приложения. Он показал процесс создания базовых групп цветов с точки зрения семантики и компонентов, а ещё практические приёмы для работы в Figma и экспорта токенов в код. #статья
Изображение поста
SMM-менеджер в Fashion Factory School
Fashion Factory School — онлайн-школа по обучению модному бизнесу и профессиям в сфере моды. Будем рады инициативному кандидату, который разбирается в моде и модном бизнесе, профессионально работает с Figma и хорошо пишет. Задачи: — разрабатывать контент-стратегию по соцсетям и составлять контент-план — генерировать идеи и гипотезы по темам и форматам и выстраивать воронки продаж через соцсети — создавать креативы и визуалы — организовывать кросс-промо активности в соцсетях — выезжать на мероприятия в Москве: съемка и монтаж контента Ожидания: — умение работать с площадками VK, Telegram, Instagram* Условия: — возможность удаленной работы — оформление в штат по ТК РФ или как самозанятого — уровень зарплаты обсуждается на собеседовании с успешным кандидатом Как откликнуться: — резюме и портфолио присылайте в тг @itmustbefun. #маркетинг * Принадлежит компании Meta, которая признана экстремистской и запрещена на территории РФ.
Изображение поста
Figma продолжает допиливать свой интерфейс, в UI3 вернули фиксированные панели.
www.figma.com/blog/our-approach-to-designing-ui3/
Создаём адаптивную карточку в Figma by kutuzova_alesya
Полезный туториал, из которого вы узнаете, как при помощи автолейаута создать адаптивный дизайн. #figma #туториал
Создание глубоких теней в Figma.
Графдиз vs UI/UX-дизайнер:
кто ты? Графический дизайнер — это визуальный чувак. Делает стильные баннеры, посты, афиши, фирменные стили, упаковку и постеры для концертов. Если тебе кайф работать с иллюстрациями, типографикой, оттенками и визуальными экспериметами — welcome сюда. Основные скиллы: Photoshop, Illustrator, Figma для статичных макетов, свой стиль и вкус, много насмотренности. В портфолио — яркие айдентики, луковые постеры, визитки, мерч и арт-плакаты. Это про “визуально красиво”. UI/UX-дизайнер — это цифровой архитектор. Он строит сайты и приложения, чтобы было удобно, понятно и быстро. UI (User Interface) — рисуешь кнопки, интерфейсы, меню, чтобы хотелось кликать и ничего не сломалось. UX (User Experience) — думаешь за пользователя: где потеряется, что раздражает, как ускорить путь к цели. Тут много логики и тестирования, коллаб c разработчиками и аналитиками. Рабочие программы: Figma, Sketch, иногда Protopie. В портфолио — лендинги, мобильные приложения, навигация для сервисов. Фаст-факты: • UI/UX — чаще про командную работу, графдизайнеры могут фрилансить и быть самостоятельнее • Графдизайнер делает для офлайна (печать, мерч), а UI/UX скорее про онлайн • В UI/UX чаще высокий порог входа по знаниям, зато очень много работы и рост ближе к IT • Графдиз — твой выбор, если хочется самобытного стиля и свободы визуального самовыражения • В UI/UX легко уходить в аналитику, исследования и проектирование продуктов Всё равно не можешь определиться? Глянь реальные проекты, попробуй разные задачи — и сам почувствуешь, что ближе. Больше инсайтов и разборов профессий ищи на нашем сайте. 📎 Креативити
Изображение поста
adelt.io в поиске веб-дизайнера (middle+)
мы расширяемся и нам нужен дизайнер, который уверенно работает на пересечении брендинга, веба и графики. проекты с нуля и в развитии ждем, что ты: – делаешь сильный веб-дизайн и визуальные концепции; – умеешь собирать айдентику и бренд-гайды; – создаешь графику для digital и офлайна; – работаешь в Figma / Photoshop / Illustrator (работа с After Effects и простой моушен будет большим плюсом); – активно используешь AI-инструменты в работе мы забираем тебя в команду, если: – опыт в digital / web более 3 лет; – владеешь английским от Intermediate; – имеешь широкий спектр инструментов и чувство вкуса. предлагаем: – международные проекты, оплата в $ или ₽; – минимум бюрократии, прямой контакт с теми, кто принимает решения; – работу с сильной командой и развитие навыков за счет компании; – полностью удалённый формат, условия оформления прозрачны. присылай портфолио и резюме → @adelt_anna.
Изображение поста
Плагин мокапов макбука и айфона
Ссылка на плагин — MacBook and iPhone Mockup for Figma #плагины
Изображение поста
💜 Изучи Веб-дизайн на бесплатном мини-курсе от VideoSmile!
Всего за 4 урока ты: • Познакомишься с профессией Веб-дизайнера; • С нуля изучишь Figma; • Создашь первый экран сайта известного бренда. Также тебя ждёт: • Грант на обучение и полезные материалы; • Сертификат о прохождении; • Живая поддержка кураторов и закрытый чат. Получить мини-курс - https://cloudlessons.ru/c/26958
Гайд «Cоздание пряничных домиков в FigJam» by Figma for Education Постройте пряничный домик, используя готовые пряники и сладости. При желании можно сделать свою собственную открытку.
Изображение поста
📖 Вышел Журналус № 495. Камень, который научился генерировать стресс в метро Ташкента
Вот что мы подготовили на этой неделе: • Цитаты из книги Келли Макгонигал «Хороший стресс как способ стать сильнее и лучше» • Как люди используют ИИ и что такое «ИИ-грамотность» • Гайд по Figma Make • В чём разница между вайб-кодингом и агентной разработкой • Почему вкус — это инструмент и что такое «хороший дизайн» • Как сделать систему токенов для типографики дизайн-системы • Простой проверенный метод построения палитры интерфейса • Какими должны быть принципы проектирования ИИ в ближайшие пять лет • Почему именно сейчас наступил переломный момент в разработке кода • Навигация метро Ташкента
Изображение поста
Простая анимация иконки в Figma
Ребенок любит рисовать и проводить время в телефоне?
Пора превратить это в навык будущего 🚀 Приглашаем подростков 13–15 лет на курс «Графический дизайнер» Ребята научатся работать в реальных профессиональных инструментах: Adobe Photoshop, Illustrator и Figma Всего за 4 месяца (2 раза в неделю по 1,5 часа) они смогут: ✨ Ретушировать фото как профи 🎨 Собирать стильные коллажи и постеры ✏️ Создавать логотипы и визитки с нуля Итог – готовое портфолио и владение инструментами, которые открывают двери в мир креативных профессий Мечты о творческой карьере становятся реальностью!👇 ✅ Запись по ссылке: https://t.me/synergycraetiv 🩵 Или через сайт: https://synergycreativehub.ru/ 📲 Или по номеру телефона: +7 (968) 725-84-19
Изображение поста
MockFlow — импортируйте элементы дизайна из Figma и используйте их как часть UI-блоков.