Интерфейсы, от которых трескаются еб... экраны! ТОП-20 рекомендаций что делать с устаревшими иконками и вот этим всем

Статья рассказывает о разработке 20 продуктов компании Атвинта: образовательные платформы, корпоративные сервисы, медицинские приложения. Узнайте, как создают сложные интерфейсы! Читать на дизайнерс | #статья

Время от времени посматриваю на Nothing и прихожу к мысли, что именно так выглядит технологический застой. В то время, когда никого уже не удивляют новые мегапиксели в камерах или ещё более мощные процессоры, производители пытаются впечатлить прозрачным корпусом, шлейфом, по которому, кажется, не течёт ток, пиксельным фронтальным экраном с бутылочкой и прочими декоративными элементами. Сразу вспоминаются каталоги телефонов середины двухтысячных, где нам предлагалось изобилие форм на фоне почти одинаковых характеристик, указанных мелким шрифтом. Приятно думать, что убийцей таких каталогов когда-то стала большая идея, породившая новое, более осмысленное многообразие, которое, по-видимому, сегодня тоже находится на смертном одре в ожидании новой жизни.

+ Наш видео-разбор самой задачи вместе с Сергеем Красотиным из Humbleteam . [29 min/29 mb] Я знаю, вам интересно, что присылали участники, которые делали Тестовое Задание. Все фигмы выложить просто невозможно, триста работ вешают фигму тотально. Но что-то мы собрали в одном файле: сильные, странные, большие и маленькие. Работы мы посмотрели все (ухх... все 300+), некоторые только в присланных PDF, но большую часть конечно в ваших фигма-файлах, если нужно было оценить как был собран макет 🤌 или из презентации вообще ничего не было ясно 😵. Очень хорошо виден разброс уровня замороченности + уровень реализации. Много интересных решений. Часть участников дошла до собеседований, четверо получили приглашение присоединиться на стажировку. ========================= Тестовое задание было таким: APP «Миллениалы переизобрели маршрутки».  Компания Marshrutka реализовала в России сервис, в котором водители такси могут встраиваться в маршруты городского транспорта и тем самым закрывать потребность горожан в поездках. Мест в машине мало, стоимость выше, и оплачивать поездку нужно через приложение, а не проездным билетом. Цена зависит от того, сколько «остановок» ты проедешь. Водители могут выходить на маршрут с любой остановки, но должны сделать полный круг маршрута. Таких «кругов» может быть сколько угодно.  Сделайте дизайн экрана приложения водителя во время поездки (максимально реалистичный по содержанию), покажите разные состояния, если такие потребуются. Продумайте самостоятельно, какие здесь могут быть ограничения и особенности по сравнению с обычной поездкой на такси или автобусе. ========================= 🤖👻😻😈 в финал прорвались 4 человека  и стажируются уже полторы недели. Им очень нелегко 😅 поддержите их лайком ❤️❤️❤️

Расширение для Chrome, которое делает работу с цветом проще: выбирайте любой оттенок на экране пипеткой, подбирайте тона и создавайте палитры, копируйте в нужном формате одним кликом. Интерфейс интуитивный, ничего не тормозит — идеально, если часто работаете с цветом. #цвет Людочка, дизайн – ресурсы для дизайнеров

Статья рассказывает о разработке 20 продуктов компании Атвинта: образовательные платформы, корпоративные сервисы, медицинские приложения. Узнайте, как создают сложные интерфейсы! Читать на дизайнерс | #статья

Превратите скучные скриншоты в потрясающую анимацию в After Effects! Графика – это мощный инструмент для редактирования видео, который помогает упростить обработку сложных данных и повысить вовлеченность зрителей. В этом уроке я покажу вам шаг за шагом, как превратить статичный снимок экрана соцсети в динамичную, привлекающую внимание анимацию с помощью After Effects. #tutorial | #88-4dEt2qxY6Ja-QpSH6H2VINEYZk0mYdg5mKbb32kI">Counter Preset | By Editing Empire

10 эффектов, которые не просто имитируют аналог, а прикидываются, что пиксели ещё не изобрели. Никаких плагинов, никакой магии - всё крутится на нативных возможностях Resolve 19. 📼 Что по делу: — 10 эффектов, будто сняли на камеру, которую бабушка бережно доставала из серванта, — Всё нативно: .drfx на 31 МБ, без доп. плагинов, но выглядит будто ты его из кабеля ТВ перехватил, — Целая куча ручных настроек — от маски и бликов до имитации цветового сдвига и зерна. Можно мутить кислоту, можно наоборот, сделать винтаж-лайт, — Работает в 4K (3840x2160) — то есть чётко и без артефактов, но с нужной грязью. 🧪 Почему прикольно: — Идеально в монтаж, где нужно “старит стилёк” без ритуалов с 35мм, — Кэшится быстро, даже на средней машине - проверено на людях, — Можно комбинировать с шумом, RGB-сдвигом, виньеткой - всё внутри уже есть (см. скрины настроек). P.S. Цвета можно настраивать по углам экрана — внизу жёлтый, сверху пурпур — и ты уже в клипе The Weeknd. #эффекты 🛒 Купить тут 📥 Скачать тут 🚫 НАПОМИНАЮ: ни в коем случае не подписывайтесь на наш резервный канал с цветом: @davinci_color

Открыть в Community 💚 Figma и точка

Как сделать модную анимацию в CapCut Если хочется добавить вау-эффект в видео, попробуйте переход с кругом - смотрится очень динамично и стильно: 📎Создаём круг 1️⃣Заходим в CapCut и загружаем видео ➡️ выделяем слой ➡️ Маска ➡️ Круг 2️⃣ Рятсгиваем круг на весь экран ➡️ ставим первый ключ 3️⃣Чуть отступаем вперед по таймлайну и сужаем круг ➡️ ставим второй ключ (вот и появился эффект «появления» через круг) 📎Добавляем движение 1️⃣ Разделите видео на этом моменте, где уже есть круг 2️⃣ На втором фрагменте снова ставим ключ в начале 3️⃣ Чуть смещаем видео вниз ➡️ фиксируем вторым ключом 📎Завершаем анимацию Остается только добавить фон и приметить его ко всем кусочкам видео✔️ 👍 — если полезно Зебра

Макет желательно сразу собирать в Zero Block. Будет видеофон, шрифты, плавные переходы, 5-7 экранов Откликнуться 👉 @vlkv_roman

В Tilda Education вышел новый бесплатный видеокурс: https://tilda.education/storytelling-course">https://tilda.education/storytelling-course Он полезен для тех, кто хочет узнать, как превратить дизайн в увлекательную историю, которая захватит внимание пользователя с первых секунд и приведёт к нужному вам результату – заявке, покупке или подписке. Курс состоит из семи видеоуроков, которые научат вас рассказывать о продукте с помощью приёмов сторителлинга. Вы узнаете, как: 🟠 выделить главное на сайте и спроектировать маршрут пользователя; 🟠 подбирать визуальные элементы, которые усилят смысл текста; 🟠 провести пользователя от первого экрана до целевого действия; 🟠 работать с текстом и вовлекать пользователя в историю; 🟠 увеличить конверсию сайта с помощью геймификации и интерактивных элементов; 🟠 управлять вниманием пользователя на сайте, используя силовые линии, ритм и паузы. Автор курса Мария Белая, дизайнер и иллюстратор в Тильде, веб-дизайнер с 10-летним опытом. Переходите по ссылке, чтобы начать обучение 👉 https://tilda.education/storytelling-course">https://tilda.education/storytelling-course

🟣 Cinema Grade — это современное программное обеспечение для цветокоррекции, разработанное с нуля и работающее как плагин в Premiere Pro и DaVinci Resolve. С Cinema Grade цветокоррекция становится проще и быстрее благодаря возможности прямой цветокоррекции на экране, профессиональному руководству колористом и более чем 90 встроенным голливудским цветовым решениям с предварительным просмотром ваших любимых LUT-таблиц в реальном времени. Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #plugins #Cinema_Grade #Premiere_Pro #DaVinci_Resolve #free #бесплатно

Кажется, что креатив – это вкусовщина, но на практике его можно (и нужно) оценивать по конкретным критериям. Рейтинг креативности – это инструмент, который помогает понять, насколько визуал соответствует задачам проекта. 📌 В этом видео разбираю как оценивать креативность, как сохранять баланс креатива в проекте, и оставить восприятие информации комфортным для пользователя, а также где та самая грань между уместной креативностью и перегрузом. 🔹Смотреть видео в HD: YouTube / VK Креатив должен усиливать восприятие, а не мешать понять, что происходит на экране, поэтому важно уметь грамотно работать с композицией и сеткой. 🔥 Для этого сегодня я провожу бесплатный вебинар "Главные принципы сеток и композиций в UX/UI". Разберемся на реальных примерах, как делать даже самые креативные интерфейсы понятными с помощью сетки, как работать с ритмом в композиции, и сохранять логику в дизайне. ❗️Жду вас уже сегодня, 24 июля в 19:00 мск, присоединяйтесь ➡️ Зарегистрироваться на вебинар

Хороший дизайн начинается не с цвета и не с кнопки, а с логики. С того, как на экране размещены элементы, какие между ними связи и как пользователь воспринимает структуру. Именно это — композиция. И именно она делает интерфейс не только красивым, но и удобным, читаемым, убедительным. В этот четверг в 19:00 по МСК вы узнаете ключевые принципы сеток и композиции: — как выстраивать визуальную иерархию — какие подходы актуальны в 2025 году — почему шаблонные сетки больше не работают — и как мыслить не блоками, а логикой восприятия Материал будет полезен как новичкам, так и дизайнерам с опытом — особенно тем, кто устал от типовых решений и хочет прокачать визуальное мышление. 📍 45–60 минут насыщенной лекции 📍 Практическое задание после — с индивидуальным разбором ➡️ Зарегистрироваться на лекцию Реклама. ИП Кузьмин Е.Л. ИНН: 634502641730, erid: 2VtzqwJcnrU

Подборка проверенных моделей — от бюджетных до продвинутых. Все с хорошей цветопередачей и IPS-матрицами (кроме одного игрового, у него VA), так что можно спокойно работать с цветом, интерфейсом и иллюстрациями. 🖥 1. SunWind SM-27FI401 27", IPS, 2560×1440 ✔️ QHD-разрешение ✔️ 100% sRGB ✔️ 75 Гц Недорогой монитор с высоким разрешением — хорош для макетов, иллюстраций и веб-дизайна. Подходит тем, кто работает с интерфейсами или типографикой. 🖥 2. Xiaomi Mini LED Monitor G Pro 27i 27", Mini LED, 2560×1440 ✔️ Яркость до 1000 нит ✔️ Высокая контрастность ✔️ Поддержка HDR Премиальный вариант: идеально для работы с цветом, видео и 3D. Mini LED + высокая яркость делают его интересным даже для motion-дизайнеров. 🖥 3. Gigabyte G27Q 27", IPS, 2560×1440 ✔️ 92% DCI-P3 ✔️ 144 Гц ✔️ Поддержка HDR Хотя позиционируется как игровой, у него отличная цветопередача и QHD-разрешение. Подойдёт и для дизайна, и для видео. 🖥 4. Redmi Display 27 FHD 27", IPS, 1920×1080 ✔️ Бюджетный и минималистичный ✔️ Хорошая цветопередача ✔️ Матрица без ШИМ Для начинающих или как второй монитор. Простая модель для повседневной работы и веб-дизайна. 🖥 5. Digma Progress 27A501F 27", IPS, 1920×1080 ✔️ Узкие рамки ✔️ 75 Гц ✔️ Яркость до 300 нит Бюджетный монитор на каждый день. Удобен для черновиков, компоновки интерфейсов, создания презентаций. 🖥 6. AOC C24G2AE-BK 23.6", VA, 1920×1080 ✔️ 144 Гц ✔️ Изогнутый экран ✔️ Высокая контрастность Модель с VA-матрицей и изогнутым экраном — больше подходит для видеомонтажа и геймеров, но может использоваться как дополнительный монитор для дизайнеров. 🖥 7. Philips 27E1N1100A 27", IPS, 1920×1080 ✔️ Узкие рамки ✔️ SoftBlue и Flicker-Free ✔️ Универсален Надёжный офисный монитор с достойной цветопередачей. Отлично подойдёт для веб-дизайнеров и UI/UX. 💡Совет: Если работаете с печатью, выбирайте модели с sRGB 99–100% и разрешением 2560×1440 и выше. Если только интерфейсы и веб — подойдёт и Full HD, главное — стабильная цветопередача и IPS. 🔍 А на чём работаете вы? Делитесь моделями 👇 Реклама. Информация о рекламодателе по ссылке.

Хороший дизайн начинается не с цвета и не с кнопки, а с логики. С того, как на экране размещены элементы, какие между ними связи и как пользователь воспринимает структуру. Именно это — композиция. И именно она делает интерфейс не только красивым, но и удобным, читаемым, убедительным. В этот четверг в 19:00 по МСК вы узнаете ключевые принципы сеток и композиции: — как выстраивать визуальную иерархию — какие подходы актуальны в 2025 году — почему шаблонные сетки больше не работают — и как мыслить не блоками, а логикой восприятия Материал будет полезен как новичкам, так и дизайнерам с опытом — особенно тем, кто устал от типовых решений и хочет прокачать визуальное мышление. 📍 45–60 минут насыщенной лекции 📍 Практическое задание после — с индивидуальным разбором ➡️ Зарегистрироваться на лекцию Реклама. ИП Кузьмин Е.Л. ИНН: 634502641730, erid: 2VtzqvciBMi

Хороший дизайн начинается не с цвета и не с кнопки, а с логики. С того, как на экране размещены элементы, какие между ними связи и как пользователь воспринимает структуру. Именно это — композиция. И именно она делает интерфейс не только красивым, но и удобным, читаемым, убедительным. В этот четверг в 19:00 по МСК вы узнаете ключевые принципы сеток и композиции: — Как выстраивать визуальную иерархию. — Какие подходы актуальны в 2025 году. — Почему шаблонные сетки больше не работают. — И как мыслить не блоками, а логикой восприятия. Материал будет полезен как новичкам, так и дизайнерам с опытом — особенно тем, кто устал от типовых решений и хочет прокачать визуальное мышление. — 45–60 минут насыщенной лекции — Практическое задание после с индивидуальным разбором Зарегистрироваться на лекцию Реклама. ИП Кузьмин Е.Л. ИНН: 634502641730, erid: 2VtzqvvVMmz

Команда дизайн-системы Газпромбанка поделилась, как набор кнопок для мобильного приложения превратился в основу всех цифровых сервисов банка. Ребята объединили компоненты для iOS, Android и веба, заложили переменные для быстрых тем и встроили доступность прямо в ядро, поэтому клиенты с нарушением зрения пользовались интернет-банком без проблем. После успеха систему оформили как самостоятельный продукт. Команда завела подробную документацию, запустила портал знаний и открыла исходный код, чтобы внешние подрядчики подключались без лишних согласований. Чёткие правила и версионность помогли семи специалистам поддерживать сотни экранов и развивать Banka UI как настоящий бренд внутри банка. Внутри: – Общие компоненты для трёх платформ; – Переменные для быстрых тем; – Доступность в ядре системы; – Портал знаний и открытый код; – Правила версионности и поддержки. ➡️ Читать статью ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

🔎 Goodbye Greenscreen - плагин на основе искусственного интеллекта для матирования фона и кеинга. Прощай, зеленый экран 🔹Greenscreen использует возможности искусственного интеллекта, чтобы сделать ввод максимально простым и быстрым. Вы можете создавать подложки без ручного маскирования или создания ключевых кадров. 🔸Автоматическое создание маски для портретных снимков и снимков в полный рост. Он работает как фильтр из популярных инструментов для видеоконференций, оптимизированный для видео. ✅ Работает на After Effects и Premiere Pro Источник 💾 ССЫЛКА 💬 Комментарии ➡️КАНАЛ⬅️ #plugins #Goodbye_Greenscreen #After_Effects #Premiere_Pro #free #бесплатно