Совет: соблюдайте контрастность текста и фона.

Если контрастность будет низкой — текст презентации станет сложно воспринимать. Высокая контрастность сделает текст "читабельным", броским и видным. Самый яркий пример — белый текст на чёрном фоне, и наоборот. Благодаря степени контрастности можно расставлять акценты в тексте: основной текст — высокая контрастность, дополнительный — низкая. Используйте это как альтернативу выделения жирным и смены шрифта текста. #компоновка
https://content.desigram.ru/static/3c0a036a-abba-4e3d-b4c0-a1d757be351d.jpg

Lightroom Mastery: A Masterclass in Photo Elevation

Курс поможет вам овладеть программой Lightroom и научиться поднимать качество ваших фотографий до нового уровня. Вы узнаете, как использовать различные инструменты и функции программы для улучшения цветовой гаммы, контрастности и резкости изображений. 👀 Скачать ⭐️ Open Design | Графика, Дизайн
https://content.desigram.ru/static/137e52c8-4b88-475a-979d-88cd67cf3f70.jpg

Контрастные антиквы — это один из самых выразительных и утончённых стилей шрифта. Их графическая чёткость и драматизм сделали их фаворитом как в печатных, так и в цифровых медиа.

Давайте разберёмся, что представляют собой контрастные антиквы, какова их история, где они находят применение, а также какие преимущества и ограничения они имеют. #шрифты @graphicdesigngurus
https://content.desigram.ru/static/713daf81-0e77-481d-b847-98514a8f3546.jpg

Use Contrast

При помощи этого инструмента вы можете быстро проверить контрастность цветов в вашем проекте. 💾 Открыть Dropzz #Plugin
https://content.desigram.ru/static/f7d65bc2-eae2-4920-b5c2-0a0616518e31.jpg
Color Contrast Checker — полезный виджет, предназначенный для проверки контрастности тех или иных цветов
https://content.desigram.ru/static/c4a14405-d895-48e0-98fd-16de05a7145c.jpg
Эти две эффектные новинки –
1️⃣H011 G8 Пихта Неброди рустикальная 2️⃣H2409 G8 Дуб Кардифф коричневый – буквально неотличимы от натуральной древесины, грубоватой, контрастной, в духе кантри. Особую аутентичность им придает структура ST G8 Поры глубокие матовые. Она соответствует тренду на чрезвычайно матовые поверхности, которые не дают зеркального отражения. На поверхности в этой структуре практически не видны следы эксплуатации, что делает её подходящей для изготовления столешниц. Разбросанные по ней древесные поры неглубокого тиснения в сочетании с шероховатыми участками делают прикосновение к ним особенно приятным. Больше о декорах в структуре ST G8 | ЭГГЕР, наличию продукции и рекомендациях по сочетаемости узнайте по ссылке ➡️https://www.egger-russia.ru/furniture-interior-design/filter/texture-is-stg8/apply/
Геометрические гротески — это подкатегория шрифтов без засечек, главной особенностью которых является основа на простых геометрических формах: кругах, квадратов и треугольниках.
Ключевые черты таких шрифтов: - Четкая геометрия: буквы имеют строгую, выверенную форму. - Равномерная ширина линий: без контрастности, которая характерна для шрифтов с засечками. - Минималистичность: отсутствие декоративных элементов. - Универсальность: одинаково хорошо читаются на бумаге, экране и других носителях. В этой статье мы разберем, что такое геометрические гротески, где их использовать и как выбрать подходящий для своих задач. #шрифты @graphicdesigngurus
https://content.desigram.ru/static/1932110d-8be8-41cf-a099-7cfdd7966027.jpg
Image EffectSync — этот плагин позволяет пользователям копировать настройки коррекции (такие как экспозиция, контрастность, насыщенность и т. д.) из одного изображения и вставлять их в несколько выбранных изображений.
https://content.desigram.ru/static/b04071c5-0210-4b1e-9781-3c817d14ed43.jpg
Тот случай, когда черно-белый интерфейс выглядит ярче и контрастнее, чем многие цветные проекты.
https://content.desigram.ru/static/a5c95c12-0a04-47f8-82fe-8b5a695845d8.jpg
Шрифт Bergamasco
Bergamasco — это потрясающе четкий шрифт с засечками, отличающийся высокой контрастностью и четкими деталями. Идеально подходит для редакционных и крупноформатных заголовков, брендинга и плакатов. Скачать #free #latin #cyrillic 🔠 Fonts
https://content.desigram.ru/static/a7688535-31a8-47aa-8cbd-1dd36df11412.jpg
Плагин Polychrom — помогает проверить контрастность между цветом текста и фоном.
Автоматически находит фон выбранного объекта и отображает уровень контраста, позволяя дизайнеру легко настроить цвета для достижения требуемого визуального эффекта. #контрастность #цвет
Продаёте одежду? Ловите идею для слайда! 👕
1. Добавляем 3 фотографии людей в одежде без фона, размещаем примерно так, как на видео. 2. Рисуем прямоугольник в левой части слайда, немного меняем его, двигая узлы и накидываем текст. 3. Добавляем остальной контент — логотип фирмы и привлекающий текст. Не забудьте про правило контрастности — фотографии не должны теряться на фоне. Просто и красиво! #заготовки
DUOTONE EFFECT В ФОТОШОП
Самый простой в исполнении эффект в фотошопе - duoton. Сегодня я расскажу как же применить этот эффект к вашему фото. Duoton - это полутоновое воспроизведение изображения с использованием наложения одного контрастного цветового полутона на другой цветовой полутон. Это чаще всего используется для выделения средних тонов и бликов изображения. 👀 Смотреть ⭐️ Open Design | Графика, Дизайн
https://content.desigram.ru/static/5a4b8614-780a-4187-ab0f-50372e0727cd.jpg
«...рекомендуем поизучать крупные дизайн-системы и гайдлайны, чтобы понять, как правильно работают компоненты...»
Вспоминаю тестовое задание от Самоката. Одна из задач была улучшить дизайн мобильного приложения для менеджера даркстора. Я проанализировал возможные несостыковки и нарисовал свое удобное и правильное решение. Фидбек был таким: «...рекомендуем поизучать крупные дизайн-системы и гайдлайны, чтобы понять, как правильно работают компоненты...». Мой дезигн с точки зрения логики был неплохим, но были допущены ошибки: title в navbar был расположен неправильно, шеврон для раскрытия шторки повернут не в ту сторону и тому подобное. Осознание этих ошибок пришло уже впоследствии, когда я изучил необходимые фундаментальные вещи, типа гайдов от Apple (Human Interface Guidelines) и Android (Material Design). Благодаря этому опыту, сейчас я могу точно сказать, что во время проектирования своих первых работ необходимо изучить гайдлайны. Что мы узнаем из гайдлайнов: Компоненты и их названия: если не понятно, что такое Floating Button или в каких 3 позициях может быть Bottom sheet, то точно стоит начать прямо сейчас Механика компонентов: их состояния, реакции на жесты, анимация Навигация в приложениях: в каких случаях нужен нижний тапбар, а в каких нет; как работает поиск Принципы инклюзивного дизайна: рекомендуемый минимальный размер шрифта, цветовая контрастность, что такое скринридер и как он работает Различия подходов Apple и Android в дизайне: полезно знать, хотя сейчас дизайн приложений часто становится более единообразным Правила и антипаттерны: в Material Design детально описано, как нужно и как не нужно проектировать, с аргументацией на основе исследований Эти знания повысят квалификацию и ценность как специалиста. Ниже ссылки на оригинальные ресуры на английском и на переведенный материал (спасибо @chim_mammedova ) Human Interface Guidelines 🍎(En) Material Design 3 🤖(En) Human Interface Guidelines 🍎(Ru) Material Design 2 🤖(Ru) #материалы #дизайн_системы 💬 Тултип
МИНУМАЛИЗМ: БАЛАНС МЕЖДУ ПРОСТОТОЙ И ВЫРАЗИТЕЛЬНОСТЬЮ
Чтобы достичь гармонии в минималистичном дизайне, помните о простоте форм и функциональности. 💡 Используйте нейтральные цвета для отвлечения внимания от деталей. Уделяйте внимание качеству элементов и правильно применяйте отрицательное пространство. Сбалансируйте тяжелые и легкие части в интерьере. Контрастные объекты выделят важные зоны. 🎨 #ВебДизайн #ГрафическийДизайн #UXUI #Минимализм #СоветыДизайна ПОДПИСАТЬСЯ | ЧАТ ДИЗАЙНЕРОВ | UMA
https://content.desigram.ru/static/7f0b8bab-7a84-4fb5-863e-7c6f9f8fcffd.jpg
SunnyDay
SunnyDay — экспериментальный шрифт, вдохновленный летним настроением. Он отличается высокой контрастностью и большой формой. Это студенческая работа, поэтому шрифт местами может быть не идеальным, но он отлично подходит для заголовков и крупных надписей. Источник #Cyrillic @fontovik
Практика Bento-верстки: переосмысление контента
Сегодня у нас практика по Bento-верстке. У нас уже есть контент, который мы сгенерировали нейросетью и использовали в прошлом макете в швейцарском стиле. Сегодня мы переиспользуем этот текст, но сделаем уже Bento-верстку. 1. Возвращаемся к основам Самое простое – это взять то же расположение модулей, что было при швейцарском стиле, но сделать шаг назад. Те подложки, которые мы использовали для закрытия блоков с контентом, теперь используем как фон, в котором будем располагать контент. 2. Скругление углов и выбор цветов Добавляем небольшие, но важные изменения: скругляем углы у этих блоков и выбираем нейтральные цвета, которые будут контрастировать с основным фоном. Сам текст делаем чуть меньше и добавляем отступы от краёв. Фон делаем контрастным по отношению к блокам. 3. Пространство между блоками Между блоков оставляем небольшой, но заметный отступ. Всё пустое пространство, которое ещё осталось, заполняем такими же блоками. Блоки выравниваем по вертикали и горизонтали, а также выравниваем контент внутри них. 4. Итого: простой но эффектный дизайн Это наш первый заход в Bento-верстку, и первая операция завершена успешно! Дизайн это просто. Выкладываем свои дизайны по практике бенто-верстки в комментариях к этому посту🫡
https://content.desigram.ru/static/52913722-36d3-4f01-93c8-04ba356ec1e9.jpg
Шрифт Riviera
Riviera — легкий и теплый, подвижный и пластичный, вдохновленный летним побережьем и гедонизмом. Акцентный, контрастный и плавный. Скачать #free #latin #cyrillic 🔤 Fonts Everyday
https://content.desigram.ru/static/d6f22882-ab63-4ef0-8c23-e7ac89882d51.jpg
Ситуэйшн: вы скачали шаблон, но заметили, что текст "нечитабелен" из-за плохой контрастности.
Зачастую, это исправляется в пару шагов: 1. Рисуем черный прямоугольник во весь слайд и размещаем его под всеми объектами, кроме самого нижнего слоя. 2. Подкручиваем прозрачность (50-60%). Рассмотрим более сложные случаи? #основы
Тот случай, когда черно-белый интерфейс выглядит ярче и контрастнее, чем многие цветные проекты.
https://content.desigram.ru/static/a5c95c12-0a04-47f8-82fe-8b5a695845d8.jpg