Привет, Хабр! А вот и финальный в этом году дайджест новостей из мира дизайна. С вами Андрей, продуктовый дизайнер Garage Eight, и десять новостей, которые зацепили мое внимание:
Редизайн Sketch для macOS.
Цвет года — 2026 от Pantone.
Ребрендинг японского института Chiba Tech.
Брендинг для любителей велоспорта.
Ребрендинг к 150-летию банка Hantington.
Новые инструменты Figma для редактирования изображений.
Брендинг для Музея советских игровых автоматов.
Удобный сайт для создания инвойсов.
Промышленный дизайн клавиатур и мышей.
Сборник с примерами использования Liquid Glass.
Вы еще помните такую замечательную программу для macOS, как Sketch? Я вот помню! Даже то, как примерно в 2014 году резко перешел с Photoshop на нее и какой у меня был от этого восторг! Прекрасный интерфейс, быстродействие на каком-то космическом уровне и заточенность под определенный четкий набор задач — всё это уже почти 12 лет назад вызывало полнейший восторг.
Сейчас же Sketch, конечно, уже далеко не на первых рядах, так сказать, истории дизайнерских инструментов, однако компания продолжает жить и развивать свой продукт, и вот в этом месяце она выпустила глобальное обновление интерфейса в связи с выходом macOS Tahoe.
Вместе с обновленным внешним видом, построенным по новому визуальному коду Liquid Glass, Sketch принес еще несколько улучшений:
Автоматический перенос в Auto Layout.
Удаление фона из фотографии по одному клику.
Более разветвленную структуру папок.
А кроме того, много улучшений производительности (пишут, например, что теперь любой документ открывается в пять раз быстрее).
Смогут ли ребята из Sketch снова отвоевать себе большой «кусок пирога» или же нет, покажет время, но я рад за них, что продукт продолжает развиваться и не стоит на месте.
В прошлом году мы с вами успели рассмотреть цвет года под названием «Мокка Мусс», и вот уже в этом году компания Pantone решила нас порадовать своим очередным выбором COTY!
И им стал такой светло-серый цвет под названием «Облачный Танцор»! И что же можно сказать об этом? Как говорится, dark grey is the new black, light grey is the new white. Я уже давно стараюсь не использовать в своих дизайнах «чистые» цвета (причем как в цифровом пространстве, так и в интерьере). Очень красивый и спокойный оттенок, окружающий нас легкостью слегка облачного неба и танца, кажется, что всё это как никогда актуально в наше перегруженное тревожное время.
Кстати, специалисты из Pantone сразу дали нам и палитры сочетаний с цветом года, можете смело применять, они явно получились удачными!
А как вам итоги другой премии года, которую можно сократить до аббревиатуры GOTY? Смотрели?
Классный кейс от одной из моих любимых студий Pentagram — ребрендинг технологического института из Японии Chiba Tech.
Новый образ получился действительно очень технологичным, с продуманной версткой и интересными графическими приемами. При этом дизайн-студия сохранила историческую преемственность знака, первая версия которого появилась вместе с основанием института в 1942 году.
Для различных графических материалов ребята из Pentagram решили использовать сетку, основанную на том, как построен новый знак, его монохромность разбавить яркими акцентными цветами, а иероглифы, которые используются в разных плакатах и постерах, стилизовали под логотип.
Но мне особенно понравился прием, когда новый знак с примененной к нему анимацией оживает и приобретает живые эмоции, прямо как какой-нибудь анимированный стикер из Телеграма.
А следующий кейс уже из Германии! Для велосипедного бренда Гамбурга, ну как бренда — различных активностей и предложений для любителей велоспорта, дизайнер Карл Андерс разработал свежий комплексный бренд.
Здесь есть всё, что нужно: и логотип-иконка, очень аккуратный и знакомый всем велосипедистам, и отличные интересные анимации того, как работает знак, и большой набор иконок на все случаи велосипедной жизни. Яркие динамичные акцентные цвета добавляют спортивного настроения бренду, а аккуратная, слегка акцидентная типографика очень подходит крупному немецкому городу.
Мы просто не могли обойти стороной новую публикацию от ведущей брендинг-студии в мире Koto. На этот раз она выпустила на обзор общественности работу для 150-летнего банка Huntington по обновлению его бренда.
Бренд решили немного переформатировать с упором на обычных людей и их дело, в котором есть увлечение, любовь и душа.
Как всегда, работа от Koto получилась очень объемной и продуманной: цвета, новый шрифт, классный ламповый фотостиль, продуманная сетка и, в отличие от многих предыдущих работ, ключевые элементы приложения и веб-сайта банка. Помимо этого, ребята снова создали для клиента инструмент для создания графики с четкими правилами и ограничениями, чтобы не нарушать продуманный брендинг.
Помимо всего прочего, был разработан и собственный обновленный шрифт для Huntington — классическая антиква, немного отсылающая к надписям на сооружениях времен Римской империи (кстати, вы всё еще думаете о ней?) и создающая настроение такого классического банка с большой историей и доверием.
Figma представила три новых инструмента для точного редактирования изображений с помощью ИИ, которые ускоряют и упрощают работу с картинками прямо в Figma — без необходимости использовать внешние программы:
Erase object — инструмент для удаления выбранных объектов на изображении и автоматического заполнения фона.
Isolate object — позволяет выделить объект, изолировать его от фона, перемещать, редактировать или применять эффекты (цвет, свет, тень, размытие).
Expand image — расширяет фон изображения для изменения пропорций без искажения (например, адаптация под другие форматы).
Всё это собрано на одной панели инструментов для редактирования изображений и фотографий. В общем, Photoshop интегрируют в ChatGPT, Gemini интегрируют в Figma вместе с Nana Banana, ChatGPT интегрируют в Photoshop и так далее и тому подобное, прямо-таки сплошной симбиоз и благодать, кроме цен на акции Figma Inc., которые с появления на Nasdaq в августе этого года всё продолжают падать и падать.
Агентство ONY снова спешит нас порадовать свежим дизайнерским великолепием!
На этот раз они выполнили работу для Музея советских игровых автоматов. Ребята явно вдохновлялись эстетикой полувекового промышленно-продуктового дизайна от советских специалистов и в своем новом брендинге использовали формы и цвета, характерные для того времени. И надо сказать, у них отлично получилось: сразу чувствуешь связь с билетиками, диафильмами, прочным металлом вместо пластика и технобрутализмом, часто присущим для промышленного дизайна из СССР.
Кстати, а вы помните авторов прошлого логотипа для МСИА? ![]()
Наткнулся на интересный проект по созданию инвойсов для международных платежей под названием Acctual.
Очень приятный сайт, рассказывающий об инструменте, выполнен в приятной минималистичной стилистике, с использованием живых фотографий, как будто сошедших к зрителю со стола бухгалтера: кнопки, скрепки, наличные, стикеры и тому подобное — все эти элементы органично оживляют подачу, при этом не перегружают информационную подачу и дополняют рассказ своей атмосферой.
Попробовал так же создать собственный инвойс, и, честно говоря, мне понравилось: очень хорошо отмечена зона, над которой работаешь сейчас, присутствуют ненавязчивые анимации, которые помогают ориентироваться в интерфейсе, и последовательно подана информация для заполнения данных для инвойса.
Если есть фрилансеры, которые работают с международными платежами, можете попробовать, вдруг будет актуально и ускорит вашу работу? Но, может, и нет...
И снова у нас в гостях замечательное международное бюро дизайна Pentagram! На этот раз с работой для компании Calligra по созданию клавиатуры и мыши, которые стартап позиционирует как «инструменты для создателей».
Классный пример промышленного дизайна в стиле ретрофутуризма, выполненный по всем современным стандартам разработки, сами Pentagram так и говорят: «Создание аппаратного обеспечения Calligra требовало такого же соблюдения принципов дизайна, как и разработка программного обеспечения. Применение лучших практик в области дизайна взаимодействия привело к симметричному расположению клавиатуры, где цифровая панель находится слева от клавиатуры, а не в обычном месте справа».
Кстати, это очень интересный момент, на который я сразу обратил внимание: расположение цифровой панели клавиатуры слева, а не справа, как обычно, возможно, это действительно ускоряет работу с этим устройством.
Единственное, что лично у меня вызвало вопросы, — это вторая часть разработанного продукта, а именно мышь. Она выглядит, мягко говоря, не сильно эргономичной, и наверняка те, кто пользовался хоть раз в жизни мышкой от Apple (Apple Magic Mouse), поймут всю ту боль, которую испытываешь от работы с неудобным инструментом.
Однако, не попробовав, не узнаешь, а нам лишь остается верить в то, что этот продукт, разработанный столь именитой студией, действительно станет классным инструментом в руках специалистов.
Достопочтенная корпорация Apple недавно выпустила сборник того, как те или иные стартапы (или крупные компании) применяют новый визуальный код Liquid Glass в своих цифровых продуктах.
Что тут можно сказать, сам обновленный визуальный образ до сих пор остается крайне спорным, однако то, как Apple популяризирует его, я считаю удачным примером маркетинга.
В примерах же, приведенных в этом сборнике, к сожалению, очень много спорных решений, и в основном выглядит так, как будто «до» — это как раз обновленные версии, а «после», то есть улучшенные варианты, — это вот как раз то, как выглядели приложения до обновления. Немудрено, что уже отовсюду слышатся новости о том, что люди, некогда стоящие за успехом всей экосистемы «яблочной» компании, быстро и довольно резко покидают компанию... Будем следить, к чему все эти события приведут!