📺 Дизайн для телевизоров: практические принципы 10-футового интерфейса

Милан Балач во второй части статьи о TV-дизайне разбирает практические аспекты проектирования интерфейсов для телевизоров. Главный принцип: все платформы (Roku, WebOS, Android TV, Fire TV, tvOS) используют одинаковую схему управления через D-pad, OK и Back, что позволяет создавать универсальные решения. Ключевые ограничения включают необходимость отступов в 5% от краёв экрана (или 60 точек сверху/снизу и 80 по бокам), базовый размер текста от 24px вместо привычных 16-18px для веба, и обязательное визуальное выделение фокуса через масштабирование, инверсию цветов или рамки. Интересный приём: использование 13 колонок вместо 12 позволяет последнему элементу «полки» лучше выглядывать из-за края. Ввод текста через D-pad требует около 38 нажатий для фразы «hey there» против 9 на мобильном устройстве. Внутри: – Почему нечётное количество колонок решает проблему overscan; – Как использовать длительное нажатие для удвоения функций кнопок; – Зачем Prime Video переназначает кнопку Up для функции X-Ray; – Почему вертикальное движение меняет группы, а горизонтальное элементы внутри; – Как PNG с прозрачностью оживляет жёсткие интерфейсы; – Какие три пропорции постеров (2:3, 16:9, 1:1) используются для разного контента. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы
Изображение поста

Как звучит орел, рожающий яйцо: профессия саунд-дизайнера. Александр Василенко

У нас в гостях Саша Василенко – мультидисциплинарный художник и композитор, преподаватель Центрального университета, ex-руководитель звукового департамента в компании Endel. Участник фестивалей “Инверсия” “III Points” “INTERVALS” “НУР” “ПУСК” и др. Работы выставлялись в ГЭС-2, Третьяковской галлерее, Цех, Солянке, Generative Gallery, Буксир, МУАР им Щусева, Внутришоу, КЦ ЗИЛ и др. Сотрудничал с такими компаниями как Apple, Amazon, Mercedes-Benz, Audi, Cartier, Yandex, Rosbank, radugadesign, HVJ, Alan Watts Foundation и с научными лабораториями Fraunhofer, Arctop, Sleepscore Lab в рамках исследований влияния звука на человеческий мозг. Также сотрудничал Universal Music Group, Warner Music Group, Sony Music, Tencent, Spinnin, Deutsche Grammophon Поговорили о том, на каких рынках зарабатывают саунд-дизайнеры и где востребованы их услуги. Как промышленный дизайн связан с сайнд-дизайном и есть ли там свои тренды. Каким скиллсетом должен обладать саунд-дизайнер для входа в профессию. Как звучит орел, рожающий яйцо. С кем и как взаимодействует саунд-дизанер в продуктовых командах и где искать классные звуковые референсы для продуктов. А так же, о том, какое оборудование используется в профессии. Используете ли вы звуковое сопровождение в свои проектах? – Пишите в комментариях к выпуску 👉 Смотреть на YouTube 👉 Смотреть и слушать в Telegram-плеере 👉 Слушать в Apple
Изображение поста

Никогда бы не мог подумать что скажу это...

Мне НУЖЕН айфон Но я его просто всей душой ненавижу Мне критически в жизни не хватает Фотошопа под рукой. Всегда если нужно даже просто инверсию цвета сделать, обычное сочетание клавиш Ctrl + I, я должен садиться за ноут А я хочу валяться на диване! И только на айфонах есть возможность скачать адекватную версию Фотошопа, фулл оригинальную Чуть позже может что-то типа 13 mini возьму, и будет на кровати лежать. Что думаете?
Изображение поста

Оснащение персонажей в и After Effects

Обзор этапов оснастки для 2D-анимации. Сюда входит обсуждение прямой и инверсной кинематики, их различий и того, как их можно применить к персонажу и несколько примеров рига. Ссылка (для просмотра с субтитрами) #usefulness ChChad Adobe Animate
Хочется подретушировать лицо,но не знаешь как?
Держи туториал📒 1. Дублируем фото, преобразуем в смарт-объект 2. Инвертируем фото (изображение — коррекция инверсия) 3. Наносим фильтр (фильтр-другое- краевой контраст 30.0),ставим режим наложения «жесткий свет» 4. Наносим фильтр размытие (фильтр-размытие-размытие по Гауссу 4,7) 5. Зажимаем alt и создаем маску слоя 6. Берем белую мягкую кисть, непрозрачность 28% и корректируем недостатки Ну что, как успехи? Автор: @graphicdesignrist8283">@graphicdesignrist Intelligent Design
Почему мы видим красный цвет, когда его нет? Это — оптическая иллюзия, основанная на субпиксельной инверсии и восприятии цвета. Наш мозг сам дорисовывает красный, чтобы сбалансировать то, что видит
Плагин Flipbook Animator GIF — интересный инструмент для анимации, который улучшит любой дизайн. Имеет множество функций, в том числе предварительный просмотр, изменение скорости анимации, инверсию, экспорт анимации в gif.
Минутка показалось:
Логотип РЖД на урнах, если посмотреть на него с внутренней стороны, вызывает у некоторых пассажиров и прохожих изумление и улыбку. Проектируя логотип надо смотреть на его инверсию, чтобы понимать как он будет смотреться и восприниматься в отражениях на различных поверхностях.
Изображение поста
🎨Flipbook Animator GIF • #plugin
Интересный плагин для анимации, который улучшит любой дизайн. Имеет множество функций, в том числе предварительный просмотр, изменение скорости анимации, инверсию, экспорт анимации в gif. 💜 Design Case. Подписаться
Изображение поста
Хочется подретушировать лицо,но не знаешь как?
Держи туториал📒 1. Дублируем фото, преобразуем в смарт-объект 2. Инвертируем фото (изображение — коррекция инверсия) 3. Наносим фильтр (фильтр-другое- краевой контраст 30.0),ставим режим наложения «жесткий свет» 4. Наносим фильтр размытие (фильтр-размытие-размытие по Гауссу 4,7) 5. Зажимаем alt и создаем маску слоя 6. Берем белую мягкую кисть, непрозрачность 28% и корректируем недостатки Ну что, как успехи? Автор: @graphicdesignrist8283">@graphicdesignrist TOP Tutorial
NOKTA: Inverted Luts & Filters | #эффекты
Два нестандартных фильтра, которые придадут драматичный инверсированный вид вашей работе. 👉🏼 Скачать Больше материалов: @designrar
Изображение поста
Плагин Invert Colors — позволяет быстро инвертировать текст, изображения, заливки и обводки.
Кибер панк эффект в figma.
Графика с инверсией и градиентной картой мгновенно цепляет взгляд. Идеально для обложек, сайтов и постеров! #Уроки
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
Изображение поста
NOKTA: Inverted Luts & Filters
Эти инвертированные фильтры придают драматический инверсионный вид и включают в себя 2 цветовых образа. ☁️ Скачать | #LUTs 💥 Content Case — все для Photoshop и Adobe illustration
Изображение поста
Меняем фон с сохранением тени за пару щелчков💪🏻
Шаг 1. Создаем корректирующий слой с любимым цветом. Шаг 2. Выделяем банку с полочкой. Выделение - предмет. Шаг 3. Делаем маску слоя, копируем его. Делаем инверсию второго слоя маски. CTRL+I Шаг 4. Меняем режим наложения на “Умножение” (Multiply) Вуаля!✨ Автор: @grafiktool Intelligent Design
Оснащение персонажей в и After Effects
Обзор этапов оснастки для 2D-анимации. Сюда входит обсуждение прямой и инверсной кинематики, их различий и того, как их можно применить к персонажу и несколько примеров рига. Ссылка (для просмотра с субтитрами) #usefulness ChChad Adobe Animate
Что такое кости в Blender?
Как анимировать скелет? | Инверсная кинематика. | Blender 3.0 👀 Смотреть 😄 Графика и дизайня
Изображение поста
Плагин Dark Me — позволяет создать темную тему для вашего интерфейса или электронной почты всего одним кликом. Он автоматически изменяет цвета слоев, так что фоновый цвет становится темным, а элементы на нем — светлыми.
Также доступна опция полной инверсии яркости. #тема #интерфейс #цвета #цветоваяпалитра
Понравилась инверсия курсора, благодаря чему он не теряется на странице
Как логотипы наших студентов попали в подборку Behance?
#ДНК выпуск 18 Сегодня у нас не просто разбор, а настоящий повод для гордости🔥 Две наши студентки — Софья и Марина — получили свои первые награды за логофолио на Behance! Это самый трушный момент в карьере дизайнера: когда твоя работа замечена и выделена среди сотен других. Первые награды — самые ценные. Представьте: вы только пришли учиться, еще разбираетесь, что к чему, и тут — бац! — ваш проект попадает в подборку Behance. Это не просто успех, это мотивация уровня «я реально могу!» 🚀 Давайте разберём, что зацепило кураторов Behance Работы Софьи и Марины — пример того, как разные подходы к логотипам могут вызывать вау-эффект: 😈Геометрия vs. органика. Один логотип строится на строгих формах, другой — на плавных линиях. 😈 «Чистые» простые варианты и сложные композиции. От минималистичных решений до эффектных экспериментов. 😈 Шрифтовые фишки. Где-то нежная лигатура, где-то — мощный гротеск с модерновым вайбом. 😈 Суперточная сетка в лого, который выверен до пикселя. 😈 Грамотная работа с инверсией. Логотипы на темном фоне — не просто «поменяли местами черный и белый». Здесь учтены нюансы: светотень, баланс, читаемость. 😈 Стильный бунтарский вайб. Айдентика, которая не боится ломать шаблоны. Это и лайновый логотип для тату-салона, и брутальная графика с негативным пространством, и стильные нешаблонные градиенты. А еще — техно-графика для умного дома в форме песочных часов (вот это ход!) Смотрим, вдохновляемся и анализируем! Ссылочки на Behance и Telegram прикрепляю: 😈Марина на Behance и Telegram 😈Софья на Behance и Telegram Заходите, вдохновляйтесь, ставьте лайки! 🚀 А как думаете вы — что именно могло зацепить кураторов? У меня есть догадки, но я их приберегу 😉 Жду ваши версии в комментариях! Пишите, обсудим!