🔗 Accessible Brand Colors

Инструмент для подбора цветовых сочетаний, которые соответствуют стандартам доступности (ADA). Помогает сделать бренд ярким, но читаемым для всех. #цвета #доступность #контраст #брендинг #ui #инструменты #дизайн Посмотреть 🔗

Шрифт Attack Type by Ivan Tsanko

Современный контрастный шрифт с засечками. Лучше всего подходит для заголовков, логотипов, плакатов и т.д. Имеет 4 начертания: Regular (бесплатный), Medium, Bold, Heavy. Шрифт является бесплатным в начертании Regular, для личного и коммерческого использования. Скачать #free #latin #cyrillic Fonts Cloud 🔤 Fonts Everyday
Изображение поста

Еще один сайт дизайнера в приглушенных flat цветах. Дизайн кажется очень живым за счет легких искажений светлого и темного фона, шума и нарисованных от руки иллюстраций. Отличный контраст, которые разделяет информацию. Структура достаточно простая и весь материал изучается быстро.

Хочется подретушировать лицо,но не знаешь как?

Держи туториал📒 1. Дублируем фото, преобразуем в смарт-объект 2. Инвертируем фото (изображение — коррекция инверсия) 3. Наносим фильтр (фильтр-другое- краевой контраст 30.0),ставим режим наложения «жесткий свет» 4. Наносим фильтр размытие (фильтр-размытие-размытие по Гауссу 4,7) 5. Зажимаем alt и создаем маску слоя 6. Берем белую мягкую кисть, непрозрачность 28% и корректируем недостатки Ну что, как успехи? Автор: @graphicdesignrist8283">@graphicdesignrist Intelligent Design
#уроки
Превратите свое селфи в шедевр в Photoshop В этом уроке мы узнаем, как превратить плоское селфи в потрясающее по глубине, объемности и драматичности изображение. От создания четкого образа до использования кривых, масок и дополнительных настроек для создания эффектного освещения – мы рассмотрим все это от начала до конца. Начиная с правильной обрезки, выпрямления и устранения искажений, мы подготовим изображение к дальнейшей обработке. Затем, с помощью очистки и ретуши, мы создадим прочную основу. После этого мы приступаем к созданию специальных эффектов для освещения, теней, цвета и контраста, делая все возможное для создания профессионального и в то же время естественного образа. 00:00 Чему мы научимся 00:32 Разберемся в подходе 00:55 Правильно обрежем изображение 01:16 Процесс очистки 02:21 Удалим дефекты 03:19 Исправим зеркальные искажения 05:33 Создаем блики 06:57 Создаем тени 08:54 Добавляем свет и специальные эффекты 11:53 Выделяем контуры 14:29 Добавляем яркие цвета 16:07 Создаем пользовательскую виньетку 17:35 Завершающий штрих 19:05 Заключение Автор | Image
🎨 4 полезных сервиса для работы с цветом
🔹 Color Hunt — подборки готовых трендовых палитр. Можно листать по популярности, сезону и настроению. 🔹 Color-Hex — конвертация цвета во все нужные форматы: HEX, RGB, CMYK и даже HSL. 🔹 Adobe Color CC — продвинутый инструмент от Adobe. Генерирует палитры, проверяет контрастность и даже адаптирует цвета под разные формы дальтонизма. 🔹 Coolors — нажимаешь пробел — и получаешь новое сочетание. Можно фиксировать нужные цвета, сохранять палитры. Автор видео Сохраняем и делимся с дизайнерами 💬 #полезное
Шрифт Yokawerad
Декоративный антиква-шрифт с высоким контрастом. Изящные засечки, выразительные штрихи и проработанные лигатуры делают его отличным выбором для оформления, где важна визуальная выразительность и глянец. Подходит для логотипов, свадебных полиграфических материалов, обложек журналов, оформлений в соцсетях и других проектов, где нужна яркая типографика. Рекомендуем для сочетания: Literata, Rozetka, PT Serif, Fira Sans. Автор: Grzegorz Luk Лицензия: Для личного и коммерческого использования Скачать семейство
А что, если не срать в UI, не оформлять СТА и текстовые блоки одинаково и следить за контрастностью?
Изображение поста
Пропорции
Будем разбираться как управлять впечатлением от дизайна Начнем с пропорции цвета. На примере поставила два постера в одной палитре, но с разными пропорциями цветов. Степень контрастности можно сравнить с ин ян: ин - энергия направленная внутрь, ян - направлена во внешнее пространство. 🦔 Первый плакат создает впечатление легкости, акцент смещается на текст и картинку. Светлый фон направлен на пространство снаружи и как будто светится. 🦔 Второй заполняющий, здесь уже белый становится акцентом и основанием в нижней части макета. Энергия макета направлена внутрь, в глубину себя Черного в обоих постерах равное количество — он играет роль акцента В итоге все зависит от цели и лица принимающего решение. Ин или Ян выбор за вами. Такое деление помогает решить какой контраст вам нужен и какие впечатления вы хотите передать
Изображение поста
Simple WCAG 2.1 — плагин для проверки цветового контраста.
Изображение поста
Мои мысли в голове, пока я слушаю правки от клиента
Оригинал: Милая девочка в нарядном платье с серьёзным лицом яростно бьёт пиньяту дубинкой — контрастная, комичная сцена. Вариант адаптации: Идеально для рилсов и сторис на тему фриланс-боли, скрытой ярости, внешнего спокойствия и внутреннего шторма. Подойдёт для контента про SMM, дизайн, работу в команде и фейковые брифы от клиентов. #мем #видео
КАК ПРОВЕРИТЬ ЧИТАЕМОСТЬ ТЕКСТА В FIGMA.
Требования к контрасту: минимум 4.5 для текста, 3 для заголовков. Источник Hot design | #Tutorials
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Автор: Junyoup Bong
Разбор дизайна айдентики бренда BISCUIT BASKET 1. Общая идея и цель проекта - Тип продукта: кофейня. - Цель: создать запоминаемый визуальный стиль с характером, который легко масштабируется на упаковку, мерч и посуду. - Целевая аудитория: молодые горожане, поклонники эстетики в стиле “ретро-графика + утилитарность”, ценители уникальных брендов с ироничным тоном. 2. Визуальный стиль и эстетика - Общий стиль: ретро-гротеск + минимализм + ироничная иллюстрация. Вдохновлён эстетикой 60–80-х годов, с визуальными отсылками к японской упаковке и западному модернизму. - Цветовая палитра: тёплый красный, кремовый, белый — тёплые и «съедобные» тона. Контраст высокий, создаёт эффект плакатности. - Типографика: - Основной логотип — уникальный ретро-шрифт с характерными скруглениями и крупными интервалами. Визуально “мягкий”, дружелюбный, но уверенный. - Всё набрано капсом — создаёт ощущение целостности и брендинговой строгости. - Иллюстрации: - Персонажи с простыми формами, минимальной детализацией — вызывают симпатию, легко запоминаются. - Часто персонажи взаимодействуют с элементами бренда: несут корзину, едят печенье и т.д. — усиливается вовлечение. - Сетки и графика: используется сеточная структура (печатная решётка) — отсылка к упаковке продуктов или контрольным листам. Визуально даёт порядок и винтажную атмосферу. 3. Композиция и структура - Простота и повтор — ключ к узнаваемости. Повторяется логотип, иконки, решётка и персонажи. - Система блоков: каждая единица (коробка, стакан, бутылка) имеет собственную микро-композицию, но все они объединены общей графической логикой. - Иллюстрации + типографика работают как равноправные элементы. 4. Визуальная логика и читабельность - Высокая читаемость: логотип читается на любом фоне и формате. - Лёгкость восприятия: визуально простая система — 2 цвета, крупные формы, узнаваемая графика. - Навигация через повтор: узнавание бренда идёт не через детализацию, а через систематическое повторение визуальных маркеров (шрифт, решётка, цвет, герой). 5. Сообщение и эмоция - Тон: дружелюбный, ироничный, немного наивный — создаёт ощущение бренда, “у которого есть душа”. - Эмоция: тепла, ностальгии, лёгкости, юмора. Всё как будто говорит: "ты дома, это вкусно, просто и приятно". - Сообщение: бренд со стилем и характером. Он создаёт свою культуру через повседневные вещи. 6. Что можно взять для себя ✅ Сильная айдентика через персонажа и повтор ✅ Шрифт как логотип — запоминается и задаёт тон бренду ✅ Сеточная система — отличный способ добавить графической структуры ✅ Гибкость применения: работает на посуде, бумажной упаковке, мерче и в digital Design Analysis Gurus
Изображение поста
Как сделать слайды удобными и красивыми? 🤔
Словарик дизайнера (59) 📎 UI/UX в презентациях – это инструменты, позволяющие создавать визуально приятные и удобные для восприятия слайды. 👉 Зачем он нужен? UI/UX позволяет создавать не просто красивые картинки, а делать презентацию продуманной и помогать аудитории легче воспринимать информацию. 💡 Как использовать? UI (визуальный дизайн) – все, что касается визуала, т.е. контраст фона и текста, иерархия текста (заголовок– подзаголовок– основной текст), цвета (не более 2-3 цветов), шрифты (не более 1-2 шрифтов) и пустое пространство. UX (опыт взаимодействия) – то, как аудитория воспринимает информацию, т.е. создание последовательной истории, один слайд = одна мысль и доступность информации (шрифт не меньше 18pt, контрастные цвета, минимум текста). #словарикдизайнера
Изображение поста
БРЕНДЫ С МАРКЕТИНГОВОЙ НАЧИНКОЙ
Blin Queen – русское кафе в Амстердаме, продают блины с разными начинками. Полная посадка и интернациональная аудитория. Вкусно. Приятно. Был. Разберем почему это крутой брендинг: - продукт в названии (блин) - мы лучшие в нашем деле (я королева блинов, метафора) - креативный образ (корона из блинов цепляет) - рифма и аллитерация помогает запомнить (блин квин) - контраст ретростилизации со сковородкой ломает мозг и это прекрасно И главное: им надо тратить меньше денег на маркетинг и размещение. Почему? Да потому что маркетинг – это про запоминаемость, чтобы потом про вас сказали: о, я где-то это видел слышал. В общем, чтобы запомнили обычное лого надо показать его 20 раз. Считайте купить 20 банеров. А Blin Queen надо показать раз 5. Понятное дело, что далеко не все зависит от названия. Еще там рынок, конкуренты, команда, войны, санкции, качества и силы фаундеров. Но название – это флаг корабля, которые либо видно. Либо это просто тряпка 🏴‍☠️ Кстати, из крутых и относительно новых брендов, которые сейчас качают в том числе за счет классного названия – это сервис для психологов Ясно. Интересно сколько они теперь тратят на маркетинг 🤔 В общем, делайте бренды с начинкой!
Изображение поста
Contrast — плагин позволяет легко проверять коэффициент контрастности цветов.
Изображение поста
Это я сказал начальнику, что не задержусь, ведь сегодня пятница
Оригинал: Две собаки: одна злобно гавкает и явно в бешенстве, вторая спокойно сидит рядом и мило улыбается — полный контраст эмоций. Вариант адаптации: Подходит для сторис, мемов и рилсов про пятничные страдания офисного планктона, токсичных начальников, попытки сбежать домой и внутреннюю борьбу между "я устал" и "ты обязан". Отлично работает как визуальный гэг под голос или наложение текста. #мем #видео
Blue Yellow Bold — стильные обложки для YouTube
Яркий контраст и смелая типографика. Идеально для креативных каналов, брендов и блогеров, которые любят выделяться. В комплекте 3 полностью редактируемых макета.
Изображение поста
Как и зачем затемнять фотографии?
Делается это нетрудно, нужно добавить прямоугольник, залить его черным цветом и настроить прозрачность. Хитрость полезна в тех случаях, когда текст сливается с содержимым на картинке (низкая контрастность). Мотайте на ус, пригодится! #медиаконтент
Способы повышения контраста и видимости объектов на фоне всем хорошо известны: добавить объекту обводку или свечение/тень — и готово!
Объект стал более заметным, ведь теперь на его границе цвет объекта и цвет фона отличаются сильнее (потому что цвет фона был локально подправлен эффектом). Это как накинуть «шарпа» фотографии. Очевидная и общеизвестная вещь.
Изображение поста