Компания Range Rover впервые с 1970 года обновила визуальную айдентику и представила свой новый минималистичный логотип из двух вертикальных букв «R» — одна из них инвертирована. Новый знак дополняет классический логотип, но не заменяет его.
В компания отметили, что ребрендинг приурочен к выходу первого электромобиля Range Rover, который ожидается в конце 2025 года. Новый логотип будет использоваться в рекламных материалах, на этикетках, аксессуарах и элементах интерьера.
Где учиться дизайну
Привет! Мы на Хабр Карьере собираем сотни онлайн-курсов для тех, кто хочет освоить специализации в IT или digital или прокачивать навыки, чтобы, например, расти в квалификации.
Сегодня собрали подборку обучений для тех, кто хочет учиться дизайну с нуля и для тех, кто уже в профессии, но чувствует, что хочет прокачать навыки. Вообще все курсы по специализации можно посмотреть здесь, а ниже оставляем ссылки по ключевым навыкам:
Проектирование удобного и понятного интерфейса. UX отвечает за логику и поведение, UI — за внешний вид. Вместе делают цифровой продукт понятным и приятным в использовании.
Комплексный подход: дизайн, аналитика, пользовательский опыт и цели бизнеса. Продуктовый дизайнер думает не только о кнопках, но и о том, как продукт решает задачи людей и приносит прибыль.
Создание визуального контента: от постеров и логотипов до иллюстраций и айдентики. Помогает донести идею через форму, цвет и композицию.
Дизайн, который работает на смысл: как визуально передать сообщение, усилить бренд и сделать коммуникацию понятной. На стыке маркетинга и дизайна.
Разработка внешнего вида сайтов и веб-приложений. Включает структуру страниц, визуальные элементы и адаптацию под разные устройства — всё, чтобы пользователю было удобно.
А еще мы всегда говорим, что кроме хард-скилов важно прокачивать софты — такие курсы на маркетплейсе тоже есть. А если хочется поменять вообще все, то там же вы можете найти обучение в другой сфере. Просто переходите в раздел и выбирайте, чему хотите научиться.
А чтобы вы могли проверить качество курсов, мы собираем отзывы о тех, кто уже прошел обучение — так что читайте и выбирайте лучшее для себя.
Прощайте, танцы с бубном! Figma наконец-то добавила эффект стекла iOS 26
Дизайнеры, кто помнит, как мы страдали, пытаясь повторить "стеклянный" эффект из новенького iOS 26 в Фигме? Эти попытки создать блюр при помощи костылей, которые съедали все нервы...
Отныне можем выдохнуть.
Только что Figma Desktop встретила меня радостным попапом: "БРООО! ОНО ВЫШЛО!".
Речь идёт о новом фильтре "Glass Effect" (см. превью), который теперь официально доступен. И даже есть коммьюнити-проект от Apple с пояснениями, как им пользоваться.
Если коротко: Figma добавили отдельный фильтр во вкладке "Effects". Но учтите: работает он только на фреймах. На обычных шейпах применяться не будет.
Бьюсь об заклад, что в ближайшее время в Pinterest появится куча новых проектов с использованием этого эффекта. Мне вот только интересно, что разработчикам делать? Уже есть спецы могущие перевести этот эффект в код?
Andrew Yaros воссоздал Apple Lisa. Это один из первых ПК, где появился курсор, иконки и окна в привычном нам виде. Визуальная система, типографика и поведение интерфейса сохранены точно как в оригинале.
Lisa стоила 9995 долларов, не выдержала конкуренции, но задала основу, по которой до сих пор строится графический интерфейс. Теперь её можно запустить в пару кликов и буквально вернуться в момент, когда интерфейсы только начали обретать форму.
Обожаю эстетику, в которой всё подчинено структуре: минимум элементов, монохром, строгость. Залипла уже на пол часа. Ностальгируем с удовольствием тут
Эстетика-юзабилити
Всем привет, на связи Вадим, я BI-аналитик и хочу затронуть тему интересную для меня тему. Мой канал в тг: https://t.me/breaking_data
В UI/UX-дизайне и BI-аналитике в частности есть такой эффект - эстетика-юзабилити. Основывается он том факте, что люди воспринимают "привлекательные" продукты как "удобные" и "полезные", даже если никаких отличий от аналогов нет. Важно отметить, что данный эффект работает только в тех случаях, когда никаких значимых технических или функциональных отличий у продуктов нет.
Подсмотрел этот термин у @nastengraph в отношении dataviz'a, но его вполне можно экстраполировать и на другие сферы. Не хочу быть Тайлером Дерденом, но мы живем в мире фаст-фуда. Уйма компаний построены лишь на факте того, что их Бренд или продукт были более "привлекательными" для потребителей:
Telegram - на момент его выхода уже существовал What's Up и был монополистом.
Apple с Iphone - десятки и сотни брендов, боровшиеся за первенство, но все решил пользовательский опыт. Сегодня в целом трудно представить как рынок смартфонов (читать "рынок монополий"), мог быть зеленым, где не было яркого лидера.
Яндекс - долгое время в лидерах российских браузеров был Рамблер, кто-то вообще помнит что это?
FaceBook - да, сегодня этому явлению трудно подобрать определение, но когда-то это был ультимативнопрорывной продукт, затмивший остальные соцсети.
Все вышеперечисленные компании - это IT/Tech сектор. Можно разобрать и более низкоуровневые примеры бытовой жизни.
Например, почему мы выбираем одну кофейню, хотя рядом может быть дешевле и вкуснее? Часто — из-за атмосферы, шрифта в меню, музыки, света и логотипа на стаканчике. Та же история с супермаркетами, где "упаковка" важнее продукта. Или с автомобилями, где бренд и "статус" и составляют ценность.
Что это значит?
Визуальная подача - имеет значение. В аналитике, жизни, при создании своих проектов всё это не только «про красоту», но и про доверие, удобство.
Мораль: эстетика — это не просто "украшение". Это часть восприятия юзабилити. Не только в BI, где «понятный» отчет часто означает «эффективный» отчет, или любом другом продукте. Красота может и не спасти плохой продукт, но точно может дать хороший шанс среднему (Хотя Феррари до сих пор покупают, возможно, силы эстетики еще изучены в недостаточной степени)
У меня украли дизайн сайта, что мне делать?
Начнем с того, что правообладание дизайном сайта надо правильно задокументировать. Для этого нельзя отказываться от депонирования портала и патентования используемого визуала как промышленного образца. Это довольно распространенная практика, так делают, например, Яндекс, Сбер и многие другие компании.
Если эти параметры соблюдены, то при обнаружении факта нарушения — действуйте по следующему алгоритму:
Во-первых, обратитесь к нотариусу, зафиксировав, что некто использует ваш дизайн в собственных интересах. Должностное лицо осмотрит проблемный сайт и выдаст соответствующую бумагу;
Во-вторых, напишите собственнику портала, допустившему нарушение, официальную претензию. Требуйте удалить то, что вызывает вопросы;
В-третьих, если нарушитель не реагирует на ваши просьбы, то обращайтесь в суд. Предъявите все имеющиеся доказательства несоблюдения ваших прав (протокол осмотра, составленный нотариусом, патент, договоры подряда, заключенные с разработчиками ресурса, акты, фиксирующие передачу интеллектуальной собственности, и многое другое). В большинстве случаев — суд удовлетворяет претензии правообладателя. С нарушителя взыскивают компенсацию.
Отметим, что заявитель чаще всего требует от 10 тысяч до 5 млн. Однако суд принимает сбалансированное решение, учитывая все обстоятельства дела. Поэтому — преимущественно такие дела завершаются выплатой компенсации до миллиона.
А можно не через суд действовать?
Попробуйте.
Напишите запрос руководству поисковиков, потребовав удалить сайт, чьи владельцы скопировали ваш дизайн, из выдачи. Для этого используйте формы обращений:
Сообщить о веб-спаме и «Фишинг» (Google);
«Пожаловаться на результаты поиска» (Яндекс).
Обратитесь к регистратору проблемного домена. Предъявите ему все доказательства, подтверждающие ваши правомочия, и портал-нарушитель, скорее всего, будет заблокирован.
Что еще нужно сделать собственнику любого ресурса, чтобы обеспечить юридическую защиту его от копирования?
Как и говорилось ранее, сохраните все договоры, регламентирующие процедуру разработки интернет-портала по заказу;
Сформулируйте и разместите в публичном доступе «Условия использования сайта»;
На публикуемом фото и видеоконтенте — ставьте «водяные знаки»;
Пристально следите за конкурентами, мониторя интернет.
____________________________________________________________________________
Здесь можно защитить сайт с помощью патента на дизайн.
Помню времена, когда в ВК, для кастомной настройки своих личных страниц или сообществ, можно было использовать php-скрипты. Например, можно было накрутить голоса (это уже вспомнят немногие), добавить прогноз погоды на обложку, или другой виджет, обойти различные запреты... Дыр на старте у vkontakte.ru было дохренища.
Потихоньку они лавочку прикрыли, но добавили язык разметки, с помощью которого можно было абсолютно легально кастомизировать менюшки в группах. И вот тогда администраторы сообществ, которым лень было погружаться во всё это, действительно платили деньги за нехитрые действия, ибо всем хотелось выглядеть лучше других. Со временем убрали и эту возможность, не оставив ничего, кроме как изменяить обложки и аватарки. Тут уже все вопросы сводились лишь к владению фотошопом.
С появлением запретограма люди тоже начали соревноваться в наведении красоты на страницах, выкладывая фотки в едином цветомвом стиле или собирая из них мозайку. Но тоже, кроме умения в графические редакторы, больше ничего от них не требовалось.
К настоящему времени, как мне казалось, все это украшательство социальных сетей стало вещью совершенно бесполезной, так как юзеры даже не заходят на страницы, а черпают контент из "умной" ленты. Поэтому я пребывал в полной уверенности, что всё это осталось далеко в прошлом. А оказывается нет, до наших дней дожили целые агентства, которые оформят ваши социальные сети.
Это странно, но раз есть спрос, значит я неправ. А вы оформили свои социальные сети?
Надоела плоскость. Прямоугольники, которые притворяются кнопками.
Как дизайнеру найти первую работу без опыта и связей
Сегодня найти работу начинающему дизайнеру практически невозможно. Высокая конкуренция, сотни откликов без ответа и лишь редкие предложения выполнить тестовое без собеседования – ситуация, с которой сталкиваются многие.
В итоге дизайнер не развивается, а лишь занимается поиском и выгорает. Я хочу предложить другую стратегию: искать не работу, а опыт.
Я предлагаю начинающим дизайнерам найти бесплатную или низкооплачиваемую работу, в рамках которой можно отточить навыки, упаковать в портфолио реальные задачи и параллельно искать работу. Описываю, как это можно сделать.
1. Найти подходящую компанию. Рекомендую обратить внимание на стартапы и компании, где еще нет дизайнера. Стартапы можно найти на Product Radar, а с неудобными сервисами мы сталкиваемся по жизни – им и можно предложить свои услуги.
2. Предложить свои услуги. Просто предложить свои услуги даже бесплатно – не всегда сработает, ведь не все понимают, что им нужен дизайнер. Нужно предложить улучшения интерфейса: это покажет вашу экспертизу и слабые места продукта.
3. Упаковка опыта. Не нужно ждать завершения проекта, чтобы упаковать его в портфолио. Лучше публиковать небольшие задачи сразу. Пример: доработка регистрации, улучшение личного кабинета, добавление фильтров в таблицу заказов.
4. Параллельный поиск. Вместе с работой над проектом нужно делать по 10-20 откликов в день. Регулярно пополняемое портфолио в этом поможет. Откликаться можно на крупных площадках, как HeadHunter и LinkedIn, и более нишевых – Getmatch, каналы и чаты.
Благодаря этой стратегии вы сразу будете получать реальный опыт. Не только в дизайне интерфейсов, но и в работе с разработчиками, аналитиками и бизнесом, что не менее ценно. А если стартап будет развиваться или получит инвестиции – вам предложат повышение.
Помимо этого, вы обретете знакомства, которые в будущем могут принести вам новые проекты. Ведь так и строится личный бренд: не благодаря публикациям в соцсетях, а благодаря людям, для кого вы проделали хорошую работу.
«В одной компании я была свидетелем того, как сотрудник в свой первый день вышел перепарковать автомобиль и не вернулся. Причина: новичка не познакомили с командой, не назначили наставника, не объяснили, чем ему предстоит заниматься. Вместо этого HR-менеджер привел его в опенспейс и оставил на несколько часов без внимания… За это время сотрудник решил, что это не его компания. И я его не осуждаю😅»
Это история из статьи Гузель «Онбординг здорового дизайнера» — дизайнера внутренних продуктов в Альфа-Банке. Не так давно она сама стала наставником для новичка и чтобы ситуация из истории не повторилась, сделала онбординг-страничку, где собрала всё, что может помочь в адаптации.
И благодаря доке новичок не сбежал, а прошел онбординг весело и бодро.
А в статье поделилась шаблоном этой странички.
Заходите, читайте, берите на вооружение, шаблон работает.
Тест на собеседовании на должность проектировщика интерфейсов
Ставим перед соискателем большую коробку с конструктором типа Лего. Задача: собрать его за час. А дальше наблюдать.
В коробке должно быть шесть пакетов и инструкция по сборке. В инструкции должно быть указано, что для успешной сборки понадобится семь пакетов. Если соискатель заметит это перед тем, как распечатает первый пакет, и укажет на невыполнимость задачи — он молодец.
Конструктор должно быть физически невозможно собрать за час. Первый пакет должен занимать в среднем пятнадцать минут, а остальные пакеты должны быть примерно такого же объёма и сложности и это должно быть заметно. Если соискатель, собрав первый пакет за пятнадцать минут, укажет на невыполнимость задачи — он молодец.
Это бы отсеяло тех кандидатов, которые готовы браться за работу, не разобравшись с задачей и её выполнимостью. В нашей профессии такой подход чреват лавинообразными правками после бесполезной работы, а также быстрым выгоранием.
К сожалению, этот тест — плод моей фантазии развлекательного характера. Представляете, сколько это мороки — подготавливать и упаковывать в пакеты подобные наборы для каждого нового соискателя? Не, проще пообщаться. Но идея не даёт мне покоя :)
А вот ещё один теоретический способ, с помощью которого я бы проверял квалификацию соискателей. Там про цепляние к мелочам.
Почему я отказался от Tilda и разместил портфолио в Teletype
Старое портфолио uxvo.ru (не бойтесь жать, просто нет SSL поскольку нет денег на хостинг)
Новое портфолио — teletype.in/@denvo
Основных проблем у Tilda две: нельзя загружать hi-res изображения, все изображения сожмутся до 1680 (в моем случае, когда я показываю интерфейсы, они размываются, это неуважение к коллегам, кто смотрит мое портфолио. Все должно быть четко.) Например на сайте pinkman.ru картинки c разрешением 2400px по ширине.
Вторая причина — Dark pattern c автоплатежом и отсутствие SSL соединения для бесплатной Tilda (раньше было SSL, а сейчас нет, они его не предоставляют, изволь оплатить 750р/мес за Tilda и за хостинг).
Благодарю от души ребят, вы лучшие. Более удобного и классого инструмента нет. С учетом блокировки Notion и неимения времени вы-бываться на Behance или D-profile.
Приглашаем на бесплатный вебинар «От концепции до прототипа: погружение в дизайн-процесс».
Разберём, как рождаются и воплощаются идеи, которые действительно работают. Поговорим о том, с чего начинается проектирование, как формируется концепция и превращается в прототип. Обсудим, как организовать процесс так, чтобы он был понятен команде и полезен пользователю.
Вы узнаете, какие инструменты и подходы помогают быстро тестировать идеи и находить удачные решения. Вебинар будет полезен разработчикам, аналитикам и всем, кто работает на стыке технологий и пользовательского опыта.
📅 Дата: 19.05.2025
⏰ Время: 16:00-17:00 (мск)
👨🎓 Спикер: Клементьев Алексей — эксперт в области UI/UX дизайна.
Заинтересовала тема вебинара? Возможно, вам будет полезна программа «Проектирование, аудит и тестирование пользовательских интерфейсов» (REQ-037). Познакомитесь с основами работы с UI: UX, исследование юзабилити, оценка, аудит и тестирование UI.
Хотим еще больше работ на конкурс маскота для RUNIT
Полным ходом идет конкурс на создание маскота для фестиваля IT и спорта RUNIT, и нам уже прислали около 20 супермилых персонажей, которых мы с удовольствием разглядываем всей командой. Но нам этого мало. Уверены, тема раскрыта еще не полностью и впереди много классных идей и героев. Подать работу можно до 26 мая включительно — так что присоединяйтесь.
Технической задание предельно простое: сделать обаятельного маскота, который будет олицетворять движение, силу духа, спорт, но в то же время — еще и разработку и современные технологии. Мы рады любым вариантам, даже самым смелым. Это может быть гепард со смартфоном, ноутбук в кроссовках, супергерой в зеленом костюме — кто угодно.
В конкурсе будет три призера: за третье место дарим 20 тысяч рублей, за второе — 30 тысяч, за первое — 50 тысяч. Но самое важное — что вашего перса увидят тысячи участников RUNIT.
Все условия конкурса подробно изложены на платформе Illustrators. Там же можно подать работу. Так что ничего не бойтесь, живите здесь и сейчас и присылайте свои варианты. Это будет классное приключение!
Что не так с кассами самообслуживания? Разбор ошибки в UX
Взяв продукты в Магните, я пошла на кассу самообслуживания. После сканирования товаров, нажала на кнопку «Карта лояльности". Появилась модалка с подсказкой: "Отсканируйте карту в нижнем углу". Я пробовала сканировать её разными способами, но сканер не распознавал телефон. Сотрудник подсказал: "Положите телефон вертикально». Оке, заветный писк машины - задача решена.
После этого на экране появилась вторая модалка с текстом: "Количество баллов — ХХХ, списание баллов невозможно по тех причинам". И две кнопки: «Начислить баллы» и «Вернуться назад». Я случайно нажимаю "Вернуться назад", и карта сбросилась. Снова сканирование, снова модалка — на этот раз всё прошло нормально, скидка применена, баллы начислены. Задача вроде бы простая: получить скидку и баллы за покупку, но процесс оказался не таким уж очевидным. Давайте разбираться.
Что не так
— Неочевидный сценарий
Когда я сканирую карту лояльности, я ожидаю два простых результата:
• Применение скидки по карте
• Начисление баллов за покупку
Но вместо этого мне показывают два возможных действия, которые непонятны на интуитивном уровне: «Начислить баллы» и «Вернуться назад». Как пользователь, я не сразу поняла, что мне делать, и случайно сбросила карту.
— Лишние действия
Лишние действия в процессе только усложняют и замедляют покупку. В идеале интерфейс должен быть интуитивно понятным и минимизировать количество шагов. Здесь же, модалка с подсказкой, только добавляет путаницы.
Как можно улучшить
— Объединение шагов.
Зачем разделять информацию на две разные кнопки, если можно предоставить все нужные данные в одном окне? Вместо того, чтобы показывать «начисление баллов» и «сбросить», лучше использовать одну универсальную кнопку с кнопкой «Продолжить», которая будет обрабатывать все сразу.
— Упрощение текста.
Модалку можно отредактировать, чтобы она содержала только нужную информацию для пользователя в одном окне:
модалка
Количество баллов: 36,8
Будет начислено за покупку: 17
Списание баллов невозможно по техническим причинам.
[продолжить]
Всё, процесс завершён! Всё становится понятно с первого взгляда, и пользователь не теряет время на лишние шаги.
Вывод
Сложные интерфейсы, такие как кассы самообслуживания, должны быть максимально понятными и интуитивно простыми. Когда пользователь сталкивается с множеством лишних шагов и неясных инструкций, он не только теряет время, но и становится раздражённым.
Упрощение действий, ясность и минимизация количества окон и кнопок — вот что нужно для удобного и эффективного пользовательского опыта.
Amazon впервые за 20 лет обновила логотип — теперь улыбка стала теплее и дружелюбнее. Компания привела к единому стилю более 50 своих брендов, включая Amazon Smile и Alexa. Новый дизайн разрабатывали 18 месяцев вместе с агентством Koto.
На Гран-при в Майами 2025 года 20 гонщиков Формулы-1 проехали по трассе на полноразмерных автомобилях, собранных из 400 000 деталей LEGO. Проект, созданный за 22 000 часов командой из 26 дизайнеров и инженеров, воспроизвёл болиды всех 10 команд Формулы-1 с точными ливреями и логотипами спонсоров.
Каждая машина, управляемая вручную, весила до 800 кг и была оснащена функциональными колёсами и рулевым управлением. Конструкции собирались на модульной раме, что упростило транспортировку и сборку. Проект является частью партнёрства LEGO и Формулы-1, направленного на привлечение новой аудитории.
