Сайт эко-бренда одежды Planeta CAPS. Немного анимации и много типографики.

Шрифт Pinnacle

Футуристический шрифт, вдохновлённый типографикой NASA 1970-х. Расширяет культовый стиль, добавляя верхний и нижний регистр, символы, цифры, лигатуры и альтернативы. Подходит для sci-fi проектов, космической тематики, логотипов, постеров, брендирования. Рекомендуем для сочетания: Orbitron, Exo 2, Audiowide, Russo One Автор: Lauren Herda Лицензия: Для личного и коммерческого использования Скачать семейство

В месте буквы: как делать дизайн для дислексиков

Больше результатов опроса в рамках проекта «В месте буквы», в котором мы исследуем дизайн для людей с дислексией вместе с Щёлочью. Первая часть с подборкой личных проектов о дислексии — тут. Из 365 участников опроса 84% считают, что дислексия снижает уровень жизни и комфорта человека, при этом 76% не знают, как облегчить восприятие дизайна и типографики людям с дислексией. Подобрали 5 ресурсов, которые погрузят в тему и подскажут, как учесть потребности дислексиков в своей практике. ● Designing for Dyslexia — короткий курс от образовательной платформы Uxcel. ● Dyslexia friendly style guide — материал от British Dyslexia Association (BDA) ● How Accessible Typography Makes Classrooms More Inclusive — статья об LX-дизайне для детей в журнале PRINT. ● Цифровая доступность в Тильде — гайд по созданию сайтов, которыми смогут пользоваться люди с физическими и когнитивными ограничениями. ● Accessibility tools от Figma — база плагинов, которые помогут подобрать цифровую палитру, настроить контрастность или правильно подобрать шрифты.
Изображение поста

Шрифт «SCHABO CONDENSED» Современный гротескный шрифт, созданный для акцидентной типографики. Нет поддержки кириллицы, только латиница, цифры и все спец. символы. Можно бесплатно использовать в личных и коммерческих целях.

Изображение поста
Шрифты с подвохом: за что ты можешь огрести, даже если скачал “бесплатно”
Ты скачал шрифт, поставил в макет, клиенту отдал — красавчик? Почти. Только если шрифт без лицензии — ты потенциально на крючке. Разбираемся по фактам: 1. Бесплатно ≠ можно. Многие “бесплатные” шрифты только для личного использования. Коммерция — уже нарушение. 2. Google Fonts — не панацея. Да, безопасно. Но и скучно. А если ты дизайнер, а не просто компоновщик элементов — придется выходить за рамки. 3. Где смотреть лицензию? — В описании шрифта (обычно .txt-файл или на сайте) — На платформах типа MyFonts, Fontspring, Creative Market — У авторов напрямую 4. Чем грозит? — Удаление макета — Судебное письмо — Потеря доверия клиента Шрифт — не просто пиксели. Это объект авторского права. Веди себя с ним как с чужим велосипедом: не бери без спроса. #шрифты #лицензия #дизайн #вебдизайн #типографика #ui #ux #шрифтовойгайд
Изображение поста
Motion Titles and Lowerthirds
Ещё один набор шаблонов для After Effects, созданный для упрощения процесса создания динамичной типографики. ✈️Скачать шаблоны✈️ #AfterEffects
Источник изображения: bm-collective.com
Концепт, композиция и типографические приемы на примере футболки с принтом "FOCUS in your life — LET ME ALONE" 🔹 Концепт Главный месседж футболки: “FOCUS in your life — LET ME ALONE” Это визуальный и смысловой протест. Он может трактоваться как: - заявление о границах и фокусе на себе; - вызов внешнему давлению, инфошуму, навязчивому вниманию; - одновременно и мотивационное («занимайся своей жизнью»), и интровертное, закрывающее от мира. Визуально настроение поддерживает статичная, словно античная скульптура с закрытыми глазами — как бы "не смотри на меня", "я в себе". 🔹 Типографические приёмы 1. Шрифт с засечками в стиле ретро/антиквы - Использован экспрессивный шрифт с контрастными штрихами, напоминающий плакатные или газетные шрифты 60–80-х. - Особенно ярко он проявляется в словах FOCUS и LET ME ALONE. 2. Комбинация капс-лок и курсивных элементов - Слова "IN YOUR LIFE" — курсив, мелкий размер, создают подложку, «второй голос». - "FOCUS" и "LET ME ALONE" — кричащие заголовки в капсе. 3. Цветовое выделение - Текст в ярко-красном цвете — агрессивно, драматично, сразу привлекает внимание и усиливает месседж. - Цвет создаёт эмоциональный заряд — страсть, тревога, решимость. 4. Типографическая драматургия - Большое слово FOCUS визуально давит на лицо и взгляд, как символ внешнего давления. - Фраза "LET ME ALONE" внизу как отпор, вырванная строка — усиливает драму. 5. Мелкий текст и штрихкод - Добавлен баркод и название коллектива (BMCOLLECTIVE) — как элемент "технического" визуального языка, популярного в streetwear. 🔹 Композиция 1. Центральная композиция с вложением изображения - Текст и изображение интегрированы друг в друга: FOCUS буквально «наложено» на глаза статуи. - Получается слоистость: глаз → текст → новый слой текста. 2. Вертикальная иерархия - Сверху вниз читается так: - FOCUS (визуально и смыслово доминирует), - IN YOUR LIFE (контекст), - LET ME ALONE (эмоциональная кульминация), - Подпись с баркодом (авторская маркировка). 3. Баланc шрифта и изображения - Изображение выполнено в монохроме и с высокой текстурной плотностью (винтажный градиент и зерно), чтобы не спорить с ярким красным текстом. #типографика @graphicdesigngurus
Изображение поста
Хороший пример, как дерзкий стиль контента уравновешивается гармоничной композицией и типографикой.
Изображение поста
В месте буквы: как делать дизайн для дислексиков
Больше результатов опроса в рамках проекта «В месте буквы», в котором мы исследуем дизайн для людей с дислексией вместе с Щёлочью. Первая часть с подборкой личных проектов о дислексии — тут. Из 365 участников опроса 84% считают, что дислексия снижает уровень жизни и комфорта человека, при этом 76% не знают, как облегчить восприятие дизайна и типографики людям с дислексией. Подобрали 5 ресурсов, которые погрузят в тему и подскажут, как учесть потребности дислексиков в своей практике. ● Designing for Dyslexia — короткий курс от образовательной платформы Uxcel. ● Dyslexia friendly style guide — материал от British Dyslexia Association (BDA) ● How Accessible Typography Makes Classrooms More Inclusive — статья об LX-дизайне для детей в журнале PRINT. ● Цифровая доступность в Тильде — гайд по созданию сайтов, которыми смогут пользоваться люди с физическими и когнитивными ограничениями. ● Accessibility tools от Figma — база плагинов, которые помогут подобрать цифровую палитру, настроить контрастность или правильно подобрать шрифты.
Изображение поста
Adobe Illustrator CC Masterclass: Zero to Hero – Full Course [ENG]
Мастерство Adobe Illustrator: от основ до продвинутой векторной графики, 3D-дизайна и реальных проектов ✅ ЧЕМУ ВЫ НАУЧИТЕСЬ • На этом курсе вы станете профессиональным дизайнером-иллюстратором! • Творческие приемы, которые помогут вам выделиться: волшебные текстовые эффекты — создавайте изогнутые эффекты текста в изображении и потрясающую типографику • Умный выбор цвета – идеальные цветовые сочетания для любого проекта • Играйте с глубиной и светом — добавляйте 3D-эффекты к значкам и тексту с помощью градиентов. • Бесшовный дизайн узора – создание безупречных повторяющихся узоров для обоев и тканей. • Современные иконки и изометрические дизайны — идеально подходят для архитектурных проектов и дизайна пользовательского интерфейса. • Освойте инструменты Illustrator: работайте как профессионал с Adobe Illustrator CC • Создавайте и редактируйте фигуры, значки и изображения от новичка до продвинутого уровня • Изучите золотые приемы: векторный дизайн, типографика и маскирование • Совершенствуйте свои эскизы — превращайте простые линейные рисунки в потрясающие векторные изображения • Plugin Magic – создавайте случайные, привлекательные узоры с помощью вспомогательных инструментов • Поднимите свои навыки дизайна на новый уровень: • Воплощайте сложные идеи в жизнь — создавайте потрясающие проекты с помощью передовых инструментов • Создавайте уникальные логотипы — даже воссоздавайте логотипы известных брендов. • Цифровой дизайн персонажей — создавайте иллюстрации животных, персонажей и объектов с помощью профессиональных инструментов. • Невероятные результаты, которых вы достигнете: • Создайте впечатляющее портфолио — более 50 творческих проектов, которые позволят вам продемонстрировать свои навыки • Блесните в своем резюме — добавьте навыки иллюстратора в свое профессиональное портфолио • Зарабатывайте деньги — начните зарабатывать деньги, выполняя реальные проекты и работая фрилансером. • Изучите дизайн от А до Я — предыдущий опыт не требуется! • Этот курс изменит ваши навыки дизайна! • Проектное практическое обучение • Практичные, готовые к выходу на рынок методы 🛡Тема: Adobe Illustrator CC Masterclass: Zero to Hero – Full Course 💾  ССЫЛКА 💬 Комментарии ➡️ КАНАЛ ⬅️ #курсы #Adobe_Illustrator #free #бесплатно Материал предоставлен только для справки и ознакомления. Поддержите автора, купив у него курс
Изображение поста
Работа с госсектором: специфика, вызовы и неочевидные преимущества
Госпроекты часто требуют строгого следования регламентам утверждённым ещё в 2005. Идея «современного» разбивается о фразу: «У нас так принято». Согласование с пятью министерствами, тремя комитетами и двумя кураторами — обычная практика. Правки могут приходить даже после финального утверждения. Как выжить: ▫️ Документируйте все этапы. ▫️Создавайте «запасные» концепты для разных сценариев согласования. ▫️Изучите нормативы заранее. Иногда проще вписать креатив в рамки, чем пытаться их сломать. Почему это ценный опыт? ⭐️Масштаб: Ваш дизайн увидят миллионы. ⭐️Нетворкинг: Контакты в госструктурах открывают двери для крупных проектов. ⭐️Эксперимент: Умение работать в жестких рамках — навык, прокачивающий гибкость. Как не потерять себя? ▫️ Используйте современные паттерны в фоновых элементах или типографике — так, чтобы они не конфликтовали с ГОСТами, но задавали тон. ▫️Предложите UX-исследование. Даже если не просили покажите, как улучшение юзабилити сайта повысит лояльность граждан. ▫️Документируйте каждый этап так, чтобы ваши решения нельзя было исказить. Создавайте подробные пояснения к макетам. Работа с государственными компаниями — это не только про бюджет и масштаб, но и про умение балансировать между творчеством и бюрократией.
Изображение поста
10 принципов хорошего дизайна от Дитера Рамса на примере ChatGPT
Этим принципам больше 45 лет, но они по-прежнему звучат как манифест современного дизайна. Более того — с каждым годом становятся всё актуальнее. Изначально Рамс сформулировал их для промышленного дизайна. Но давайте взглянем на них через призму digital-сервисов. Например — ChatGPT. ⸻ 1. Хороший дизайн — инновационный ChatGPT это новый формат взаимодействия с технологиями. Пользователь общается с ИИ как с собеседником, а не через множество кнопок, меню и форм. Это сдвиг интерфейсной парадигмы: текст как UI. ⸻ 2. Хороший дизайн делает продукт полезным Решает задачи быстрее и проще. Составить текст, проанализировать данные, придумать идею, сделать план, перевести — всё это за секунды и в одном окне. Универсальный инструмент. ⸻ 3. Хороший дизайн — эстетичен Интерфейс предельно чистый и визуально сбалансированный. В фокусе — диалог. Цвета сдержанные, типографика удобна для чтения. Минимум визуального шума. ⸻ 4. Хороший дизайн делает продукт понятным Минимум туториалов. Ты просто приходишь и начинаешь писать. Интерфейс работает по принципу «что вижу — то и делаю». ⸻ 5. Хороший дизайн ненавязчив Не требует внимания к себе. Ты не замечаешь сам продукт — он не мешает между тобой и твоей задачей. Минимум маркетинга. Диалог занимает центр внимания. ⸻ 6. Хороший дизайн честен Честно сообщает о своих возможностях и ограничениях. Предупреждает, что ответы могут быть неточными. Не пытается прикинуться человеком, не скрывает свои рамки. ⸻ 7. Хороший дизайн долговечен Диалог — универсальная модель взаимодействия. Письменная речь и интерфейс на основе текста — одна из самых долгоиграющих форм. Такой подход адаптивен к любому будущему носителю (мобильный, VR, AR, голосовой ввод и т.д.). ⸻ 8. Хороший дизайн продуман до мелочей ChatGPT кажется простым, но за этой простотой — тонкая работа. Ответы форматируются по смысловым блокам с классной микроанимацией, даже пауза в ответе имитирует живой темп диалога. Контекст сохраняется, даже если ты ушёл и вернулся ⸻ 9. Хороший дизайн экологичен Этот принцип хуже всего переносится на digital. ИИ-модели ресурсоёмки, поэтому с точки зрения экологии ChatGPT скорее противоречит идее Рамса. Я бы заменил данный принцип на «Доступный»: продукт поддерживает голосовой ввод, распознание окружения при помощи видео и подходит большинству людей с ограниченными возможностями, поддерживает множество языков и контекстуально адаптируется, что делает его инклюзивным по отношению к разным контекстам и культурным кодам. ⸻ 10. Хороший дизайн — как можно меньше дизайна Интерфейс практически отсутствует. Только поле ввода и диалог. Всё остальное — ситуационно и по необходимости.
Изображение поста
Легкий сайт с очень крутой типографикой
Изображение поста
🧰 CRED's neoPOP UI kit
Этот файл содержит цветовую систему, типографику, сетку и более 300 надежных компонентов, все варианты с реквизитами компонентов. Dezzigners
Изображение поста
#ищу #дизайнер
Ищу дизайнера в команду О нас: Академия SMM-стратегов Дианы Карачевой — это уникальное место, где мы переучиваем опытных SMM так, чтобы каждый ученик давал реальный результат клиентам и за счет этого повышал свой чек. Необходимые навыки: —Знание графических редакторов —Насмотренность и чувство стиля —Владения основами типографики —Работа с нейросетью ЧТО ВЫ ПОЛУЧИТЕ ОТ РАБОТЫ С НАМИ?😍 — классный, дружный коллектив — возможность роста до руководителя отдела — возможность спикерства, записи уроков — попадание в тусовку инфобиза — бесплатные обучения от ТОПов рынка Условия: Обсуждаются индивидуально с каждым кандидатом Заполни анкету, мы посмотрим анкету и пригласим на собеседование. Для связи @ksu_wrxz Присылайте портфолио ❤️ ➖➖➖➖➖➖➖➖➖➖ Как выявить мошенника 👉 Читать Больше вакансий тут 👉 @GetClient_TG_bot
Изображение поста
8 правил типографики, которые не стоит игнорировать
Хочешь, чтобы твой текст читали, а не прокручивали? Начни с этих восьми правил: 1. Выбирай читабельный шрифт — без вычурности и лишнего стиля. 2. Контраст — обязателен. Тёмный текст на светлом фоне (и наоборот), без «серенького» на сером. 3. Иерархия заголовков — чтобы пользователь сразу понял, где что. 4. Ограничь количество шрифтов — двух шрифтов (и максимум трёх начертаний) более чем достаточно. 5. Межстрочный интервал — не впритык. 130–150% от размера шрифта — хорошее начало. 6. Ширина строки — оптимально 50–75 символов. Широкие строки утомляют. 7. Не растягивай текст по ширине. Justify — зло, особенно без хинтов и кернинга. 8. Тестируй. На разных устройствах и экранах. Красиво на маке — не значит читаемо на андроиде. Типографика — это фундамент. Плевать, какой у тебя дизайн, если читать невозможно. #типографика #шрифты #ui #дизайн #ux #дизайнинтерфейсов #практика #вебдизайн
Изображение поста
💙 Друзья, напоминаем, что у нас есть бесплатный мини-курс по графическому дизайну для новичков!
За 6 уроков вы получите базовые знания по композиции, типографике, верстке и создадите свою первую работу. Также вас ждёт: 🔹Сертификат о прохождении; 🔹Живая поддержка от кураторов; 🔹Чат с единомышленниками; 🔹Подарки от VideoSmile. Получить курс - https://cloudlessons.ru/c/26397
🔨🔧 Загрузка нескольких шрифтов для проекта
Теперь вы можете загружать до трёх собственных шрифтов в каждом проекте. Например, можно выбрать акцидентный шрифт для заголовков, а гротескный — для основного текста 🔤 Для каждого из шрифтов можно загрузить до 9 начертаний для более гибкой работы с типографикой. После загрузки шрифтов и начертаний их можно сразу назначить для заголовков или для основного текста. Для каждого начертания шрифта нужно загружать отдельный файл в формате WOFF. Где найти: Настройки сайта → Шрифты и цвета → Расширенные настройки → Загрузить шрифт. #tildaupdates
Изображение поста
Как выглядел бы графический дизайн, если бы его делал веб-дизайнер?
Примеры слайдов презентаций, обложек к презентациям и постам, сертификата от Сергея Телидченко. Отличительная особенность этих работ в том, что основным материалом является текст. «Я обожаю типографику. Принципы работы с ней схожи как в графическом, так и в веб-дизайне. А в своём тг-канале делюсь нюансами и подходами в работе с типографикой, которые превращают массу текста в стройную форму, зацени https://t.me/stelidchenko»
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Графический дизайн для новичков
Что ты узнаешь: Основные элементы дизайна (цвет, композиция, типографика); Лучшие программы для графического дизайна; Полезные лайфхаки для создания стильных работ; С чего начать путь дизайнера. 👀 Смотреть 😄 Графика и дизайн
Изображение поста