Вебинар «Как добиться «дорогого» дизайна в минимализме»

Как через работу с контр-пространством и типографикой добиться «премиального» дизайна — узнаете на бесплатном вебинаре 26 марта. 👉 Запишитесь, чтобы получить ссылку перед началом: https://t.me/TildaEventsBot?start=dl-1772458620df405f86e80d На вебинаре разберём: 🟠Как работа с контр-пространством создаёт ощущение «премиальности»; 🟠Какие приёмы в типографике можно позаимствовать из дорогих журналов; 🟠Как силовые линии влияют на восприятие дизайна. Вебинар проведёт Юрий Ерошин, веб-дизайнер с 5-летним опытом, 20+ попаданий в #madeontilda.

Зима прошла. Снег сходит. Красота сочетания природы и традиционных форм типографики. Работа Максима Дēмина «и паче снега убелюся».

Собрали 5 вымышленных проектов, которые помогут заполнить портфолио и отточить нужные навыки. Выбирайте то, что нравится, и просто начните. А если хотите разобраться глубже и добавить в портфолио реальные проекты — наши курсы помогут. 1️⃣ Редизайн приложения, которым пользуетесь каждый день Возьмите приложение, в котором вас что-то раздражает, и переделайте проблемный экран. Покажите, как анализируете UX-проблемы и предлагаете решения. Скилы: user research, работа с пользовательскими сценариями. 2️⃣ Лендинг для несуществующего продукта Придумайте продукт (приложение для медитации, онлайн-курс, эко-магазин) и сделайте для него лендинг. Покажите структуру страницы и адаптив. Скилы: веб-дизайн, UI, работа с иерархией, адаптивность. 3️⃣ Упаковка для вымышленных предметов Создайте дизайн упаковки для чего угодно: чая, свечек, шоколада, косметики. Покажите, как продукт будет выглядеть на полке. Скиллы: графический дизайн, работа с формой, типографика, визуализация. 4️⃣ Редизайн плаката известного фильма Выберите любимый фильм и сделайте к нему новый постер. Это хорошее решение, если вдохновения на другие выдумки нет. Скиллы: композиция, работа с образами, типографика, концептуальное мышление. 5️⃣ Концепт мобильного приложения от идеи до прототипа Придумайте проблему, которую решает приложение, опишите целевую аудиторию, нарисуйте user flow и сделайте несколько ключевых экранов. Скиллы: UX-исследование, проектирование, UI, работа с пользовательскими сценариями. #польза @contented

Дэвид Аллин Риз рассказал, как команда Google проектирует интерфейсы для прозрачных дисплеев в ИИ-очках и почему для этого пришлось пересмотреть многие базовые принципы UI-дизайна. В статье он объяснил, как работают такие дисплеи, почему на них чёрный цвет, тени и насыщенные цвета ведут себя иначе и какие решения легли в основу фреймворка Jetpack Compose Glimmer для XR-интерфейсов. Получился подробный разбор того, как меняется цвет, типографика, глубина и анимация, когда интерфейс существует не на экране, а поверх реального мира. Главное: • Интерфейс в ИИ-очках не размещается на поверхности линзы, а проецируется примерно на расстоянии одного метра. Поэтому пользователь должен сознательно перевести фокус с реального мира на UI • Дисплеи очков могут только прибавлять свет к уже имеющейся картинке реального мира. При таком подходе чёрный цвет выполняет функцию прозрачности, а не заливки • Чёрный цвет выступает в качестве гарантированно читабельной подложки для контента • Светлые интерфейсы не получается использовать, потому что они создают отвлекающие блики на экранах и сильнее расходуют батарею • Типографика измеряется не в пикселях, а в углах зрения. Текст делают таким, чтобы его можно было прочитать одним взглядом. Минимальный размер для читаемости — около 0,6 градусов • Пространственная дистанция становится ключевым параметром при проектировании • Анимации медленнее, чем в привычных интерфейсах. Уведомления появляются почти за две секунды, мягко привлекая внимание пользователя • При действиях пользователя, наоборот, требуется мгновенная обратная связь. Для этого применяются фокус-индикаторы и подсветки • Вся система построена вокруг идеи «спокойного интерфейса». Информация появляется только тогда, когда она действительно нужна, и не мешает восприятию реального мира #статья@zhurnalus_lite

Gerard Huerta автор знаменитых логотипов. «В 1977 году он создал легендарный логотип AC/DC для альбома Let There Be Rock. Вдохновленный Библией Гутенберга и литургической типографикой, Уэрта разработал четкие готические буквы, чтобы вызвать ощущение «высокого напряжения», которое идеально соответствовало энергии группы.» via Logo Decks

Are.na Не соцсеть — а мышление. Здесь нет лайков и алгоритмов. Только каналы с визуальными и текстовыми коллекциями от дизайнеров, художников и исследователей. Лучшее место, чтобы найти нестандартные рефы и понять, как думают люди с насмотренностью. 📎 Ищи по тегам типа «grid systems», «vernacular typography» — найдёшь вещи, которых нет в Pinterest. Cosmos Визуальный мудборд нового поколения. Работает как Are.na, но с более красивым интерфейсом и акцентом на эстетику. Здесь собираются те, кто устал от Pinterest-овской коммерческой эстетики и хочет что-то более сырое и честное. 📎 Подписывайся на людей, чьи проекты тебя триггерят — их коллекции часто ценнее любых статей. Savee.it Курируемый мудборд с жёстким фильтром на качество — сюда не заходят случайные люди. Эстетика сырая, экспериментальная, без коммерческого шума. Одна из самых андеграундных визуальных баз прямо сейчас. 📎 Не трать время на поиск — просто открывай раздел «Explore» и скролль. Алгоритм здесь работает честно, без рекламы и продвижения. То что ты видишь — реально лучшее из загруженного. Fonts In Use Реальные примеры использования шрифтов в реальных проектах. Брендинг, плакаты, упаковка — всё с указанием гарнитуры. Если ты ищешь, как работает тот или иной шрифт в контексте — это must-have. 📎 Фильтруй по индустрии — найдёшь, как выглядит типографика в твоей нише. Letterform Archive Один из лучших архивов визуальной культуры в мире. Здесь хранятся оригинальные образцы шрифтов, рекламы, плакатов и книг с 1800-х до наших дней. Часть коллекции доступна онлайн бесплатно. 📎 Раздел «Online Collection» — это кроличья нора, в которую можно провалиться на несколько часов и выйти с идеями на год вперёд. Сохрани пост — и в следующий раз, когда будет творческий ступор, открывай не Pinterest, а эти места. 📎 Креативити

Извлечение новых русских дизайн тенденций. Уникальные проекты и вдохновение из истории. Узнайте о современном русском стиле дизайна Читать на дизайнерс | #статья

Основная мысль: плохая типографика разрушает бренд за 0.3 секунды. Типографика формирует первое впечатление на 60–75%, а ИИ до сих пор её почти не контролирует. В своей статье Amir Mushich раскрывает как это можно обойти с помощью Nano Banana и LTX Elements 🔥 Читать статью

В прошлом месяце вышел подкаст об истории длинного тире, Velvetyne открыли предзаказ на книгу об истории студии, Джессика Уолш выпустила свою первую колонку для Creative Boom, а Dual Type нарисовали шрифт, который помогает понять, какие именно движения кисти сформировали римский маюскул. Остальные февральские новости типографики — в нашем журнале!

Клиент может быть селебрити с хорошим вкусом, но выбор типографики и дизайна может стать настолько слабым, что это заметно даже на промо-фотографиях и сразу намекать, что скоро будет редизайн («сделайте буквы/шрифты заметней»)

#вдохновение@zhurnalus_lite #сайт@zhurnalus_lite

Мы — Джони и Клайд, занимаемся запуском, ведением и развитием ютуб-каналов. Мы ищем графических дизайнеров в новый проект для работы с видеоконтентом. Ожидания: — умение анализировать материал и быстро работать, создавая не только эстетичный, но и осмысленный продукт — чувство стиля, понимание трендов в графическом дизайне, а также глубокая проработка логики визуализации — высокий уровень владения Photoshop Будет плюсом: — навык работы с ИИ — портфолио, даже учебное, где есть коллажи, плакаты и крутая типографика Условия: — график 5/2 с 12 до 20 — ЗП до 100к — комфортный стильный офис с верандой — работа в молодом коллективе увлеченных дизайном людей — лояльное и компетентное руководство → Откликнуться #дизайн

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

В марте узнаете, как формировать доверие покупателей, добиваться «дорогого» дизайна в стиле минимализм, а также увидите разбор сайтов на Тильде. Регистрируйтесь, чтобы получить ссылку на вебинар перед началом: ▶️ 11 марта в 13:00 Дизайн-ревью сайтов на Тильде в прямом эфире https://t.me/TildaEventsBot?start=dl-1748948697d0edc996dc08 ▶️ 17 марта в 13:00 Как создать блог на Тильде. Быстрый старт https://t.me/TildaEventsBot?start=dl-1772455090aa90626f4767 ▶️ 19 марта в 13:00 Поведенческая психология покупателя: как сформировать доверие через экран https://t.me/TildaEventsBot?start=dl-17724578299b8b49c3f01b ▶️ 26 марта в 15:00 Как добиться «дорогого» дизайна в минимализме: воздух, сетки, типографика https://t.me/TildaEventsBot?start=dl-1772458620df405f86e80d Записи всех вебинаров сохраняются в ВК Видео на YouTube-канале Тильды. Подписывайтесь, чтобы не пропустить новые видео: 📱 в ВК Видео → https://vk.com/tildapublishing 📺 на YouTube → https://www.youtube.com/@TildaPublishing

Install plugin

Type.Today выпустили руководство по правильному использованию знаков различных валют в типографике. Оно содержит как общие советы, так и рекомендации по знакам отдельных валют: рублей, долларов, рупий, евро, биткойна и других. Примеры советов из справочника: • Символы валют должны сочетаться с маюскульными цифрами, чтобы выглядеть в наборе гармонично. В некоторых случаях используются табличные и минускульные версии • В шрифте, в котором есть табличные цифры, должны быть и табличные знаки валют • В английском языке знак доллара ставится перед числом ($100) • Знак евро (€) может быть указан и до, и после числа в зависимости от языка • Для евро, фунтов и других валют рекомендуется использовать узкий неразрывный пробел (100 €), чтобы знак и сумма не разрывались на разные строки • В японском языке знак иены (¥) не требует пробела перед числом, тогда как в некоторых европейских странах пробел обязателен • Знак биткойна (₿) — единственный знак криптовалюты, внесённый в «Юникод». Он пишется после числа и отделяется от него неразрывным пробелом #статья

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

При выборе шрифта забудьте о его декоративной функции. Собрали несколько примеров, которые помогут правильно передать эмоции, смысл и не сфальшивить. 🔶 Impact — титан мемов с ультражирным начертанием и уплотнённым трекингом, что наделяет текст солидной мощью. Кто-то считает его архаизмом. Выбирайте его, если нужна проверенная классика. 🔶 Gagalin — игривый фигурный шрифт в стилистике комиксов. 🔶 Lobster — рукописный шрифт с налётом винтажа, крайне любим рекламщиками. 🔶 Obelix Pro — лёгкий и немного детский шрифт подчеркнёт игривый тон. 🔶 Rodchenko — акцидентный шрифт в стиле конструктивизма, как будто с пафосного плаката. 🔶 Uni Sans — плотный гротеск отлично подойдёт для ёмких текстов самой разной тематики. В комментариях приветствуются мемы в вашем исполнении, коллеги! [Фабрика Дизайна]

Опубликовал на сайте большой материал с разъяснениями по вопросу, который регулярно всплывает в личке: «А что мне вообще можно делать с этим шрифтом?» Коротко о том, что внутри: Шрифт — это не просто файл. Юридически он защищён сразу по двум статьям ГК РФ: как программа для ЭВМ и как произведение графического дизайна. Скачать где-то файл шрифта ≠ получить права. Это ключевое заблуждение, за которое потом прилетают иски (от меня пока не прилетало 😁). Авторское право не нужно регистрировать! Оно возникает автоматически с момента создания — это прямо прописано в ст. 1257 ГК РФ. Никаких свидетельств, нотариусов и РАО для защиты не требуется. Студии продают лицензии по тарифным сеткам: отдельно за устройства, отдельно за pageviews, отдельно за приложения. Запутаться легко, переплатить — ещё легче. Моя новая лицензия устроена иначе: одна покупка — все виды использования, без счётчиков и ограничений по тиражам. В конце статьи — подробный FAQ, если не хочется вчитываться в текст Лицензии: можно ли передать файл шрифта заказчику, можно ли использовать шрифт SP в логотипе под товарный знак, как встраивать на сайт, что нужно бухгалтерии для корректности сделки и многое другое... → ЧИТАТЬ СТАТЬЮ → ЧИТАТЬ СТАТЬЮ → ЧИТАТЬ СТАТЬЮ #шрифт #типографика #лицензия #графическийдизайн #право #гайд

Вот что мы подготовили на этой неделе: • Цитаты из книги Келли Макгонигал «Хороший стресс как способ стать сильнее и лучше» • Как люди используют ИИ и что такое «ИИ-грамотность» • Гайд по Figma Make • В чём разница между вайб-кодингом и агентной разработкой • Почему вкус — это инструмент и что такое «хороший дизайн» • Как сделать систему токенов для типографики дизайн-системы • Простой проверенный метод построения палитры интерфейса • Какими должны быть принципы проектирования ИИ в ближайшие пять лет • Почему именно сейчас наступил переломный момент в разработке кода • Навигация метро Ташкента