Дизайн

О школе Баухаус в цитатах дизайнеров

Наш арт-директор Федор Ноздрин и еще семь дизайнеров из известных студий рассказали порталу DSGNRS, как художественная школа Баухаус повлияла на них и на всё дизайн-сообщество. Делимся некоторыми цитатами из материала.

Федор Ноздрин, AGIMA:

«Ле Корбюзье — величайший архитектор-модернист. Он никогда не был среди преподавателей Баухауса, но его работы оказали огромное влияние на основателей и учеников школы. Еще он повлиял на стиль советской застройки: железобетонные панели, плоские крыши, отсутствующий декор — всё это отголоски его архитектурных догм».

Эмиль Исхаков, ONY:

«Баухаус объединил архитектурное, скульптурное и художественное мышление в мультидисциплинарной философии. Мы расширили это мультидисциплинарным подходом, включив типографику, CGI, генеративный, саунд- и диджитал-дизайн. Таким образом, мы являемся в некотором роде продолжателями Баухауса, создавая новые опыты для брендов через эксперименты с разнообразными медиумами и пробуя новые выразительные средства».

Павел Конюков, Nimax Brands:

«Баухаус собрал в одном месте ключевые идеи модернистской мысли и стал важной точкой в переходе от традиционного общества в индустриальному с точки зрения дизайна. Тенденции отразились в отказе от порочного украшательства , упрощении дизайна, эстетике лаконичности, понятности и рациональной функциональности».

Полную версию статьи читайте тут. И приходите в Телеграм-канал нашей дизайн-команды. Там много классных находок из мира дизайна.

С 19 по 21 апреля в Нижнем Новгороде пройдут Дизайн-выходные — некоммерческий проект, проводящийся ежегодно в формате конференции в одном из городов России. Проект построен на открытом и добровольном обмене знаниями и позиционирует себя как образовательная миссия российского дизайн-сообщества.

20 апреля на Дизайн-выходных выступит Екатерина Мохначева, арт-директор РСХБ.

Екатерина расскажет про создание 3D графики в финтехе: как выстроить стиль, создать процессы и иллюстрации на потоке внутри компании, что можно сделать самим, а что лучше отдавать на студию.

Подробности и регистрация.

В два или три года я столкнулся с великой несправедливостью

Я самостоятельно застегнул все пуговки своей зимней курточки. Снизу-вверх. И когда добрался до самой верхней пуговицы, для неё не нашлось петельки.

Оказалось, что я по невнимательности вставил первую пуговицу во вторую петельку и проделал всю работу неправильно. Передо мной встал сложный выбор. Оставить всё как есть или переделать работу с нуля.

Ох, сколько эмоций я испытал! Это что же мне теперь всё заново расстёгивать и застёгивать? Может, оставить так?

В итоге принял волевое решение переделать. Это было несправедливо! Я так старался, а теперь приходится всё переделывать!

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

Уже догадались, в чём мораль? Когда проектируешь интерфейсы — иногда случается та же ерунда. Приходится переделывать собственную работу, потому что в её основе было ошибочное решение.

Эмоции — те самые, из детства. И чем больший участок нужно переделывать — тем больше эмоций. Но я всё так же принимаю решение не оставлять всё, как есть (и не пытаться исправить с помощью костылей), а переделать нормально с нуля. И с каждым таким случаем я становлюсь умнее и осторожнее и уточняю и проверяю всё больше моментов перед началом работы.

Microsoft представила новый интерфейс Xbox Cloud Gaming, который включает в себя функции с панели управления Xbox. Он предлагает доступ к веб-версии группового чата Xbox, и пользователи могут присоединиться к разговорам из браузера.

Также теперь можно находить друзей в Xbox, отправлять сообщения, просматривать профили пользователей и достижения, получать доступ к уведомлениям. Microsoft тестирует интерфейс на инсайдерах Xbox. 

Поскольку он является частью Xbox Cloud Gaming, большая часть интерфейса также будет доступна на смарт-телевизорах и гарнитурах Quest VR. Однако функция группового чата Xbox в Интернете в настоящее время недоступна на Smart TV.

Microsoft также запускает новые игровые центры в своем приложении Xbox для Windows, позволяющие игрокам ПК отслеживать ход игры, получать доступ к надстройкам и новостям от разработчиков внутри приложения Xbox.

Figma анонсировала конференцию Config 2024. Мероприятие пройдёт в Сан-Франциско 26 и 27 июля. В этом году мероприятие будет в гибридном формате. За два дня на сцене выступят более 75 спикеров на 50 сессиях. Компания ожидает принять более 8 тыс. участников.

Сейчас билет на очное посещение можно приобрести за 350 долларов, но скоро цену увеличат до 700 долларов. Виртуальное участие бесплатное. Все сессии можно будет посмотреть в прямом эфире.

«Яндекс» представил голосовой ассистент «Алису» нового поколения. Она работает на базе большой языковой модели YandexGPT, которая умеет объяснять сложные понятия, помогает решать креативные задачи и поддерживает диалог.

Новая «Алиса» уже доступна всем пользователям на всех платформах и в новом интерфейсе a.ya.ru — оцените сами, как она изменилась.

CAD (BIM) Revit и IFC в Unreal Engine, Unity, Oculus — визуализация, рендеринг, метаверсии и игровой дизайн

? Стандартный рендеринг в CAD (BIM) программах часто не дотягивает до качества визуализации, но игровые движки, такие как Unreal Engine и Unity, произвели революцию в архитектурной и дизайнерской визуализации. Эти движки предлагают быстрый рендеринг и интуитивно понятные настройки света, материалов и геометрии, которые значительно улучшают процесс визуализации. Теперь клиенты могут изучать виртуальные модели зданий, взаимодействуя с такими элементами, как освещение и мебель, в режиме реального времени, что улучшает их понимание и вовлеченность. Unreal Engine позволяет проводить метаверсии, превращая 3D-виртуальные миры в крупные социальные центры.

? Unreal Engine позволяет создавать интерактивные приложения 3D, дополненной (AR) и виртуальной (VR) реальности из 3D CAD (BIM) моделей.
? Визуализацию или симуляцию движения автомобилей и людей можно настроить буквально в несколько кликов. Погода и время также легко настраиваются
? Бесплатные движки позволяют подключать алгоритмы искусственного интеллекта, которые наглядно позволяют воспроизводить симуляции в реальных сценах, а не на бумаге
? Используя Unity и инструментарий ML-Agents, ты можешь создавать ИИ-среды, которые будут физически, визуально и когнитивно насыщенными
? С помощью Unity Machine Learning Agents больше не нужно"кодировать" эмерджентное поведение, а можно научить интеллектуальных агентов "учиться",

«Яндекс Музыка» доработала дизайн «Моей волны», который теперь подстраивается под музыкальные предпочтения пользователей.

Ключевой рекомендательный продукт «Яндекс Музыки» под названием «Моя волна» теперь для каждого пользователя выглядит персонально. Её новый дизайн формируется с помощью генеративных технологий на основе музыкальных предпочтений каждого слушателя.

Разработчики пояснили, что это обновление стало следующим шагом в персонализации сервиса вслед за переходом на новую модель рекомендаций с использованием глубоких нейронных сетей в «Моей волне».

Новый дизайн «Моей волны визуально отражает музыкальные предпочтения слушателя и динамично меняется вместе с ними, создавая индивидуальный аудиовизуальный опыт.

Благодаря обновлению пользователи смогут полноценно погрузиться в свой персональный музыкальный мир и наблюдать, как меняются их вкусы.

Разному настроению треков соответствуют разные оттенки специально разработанной палитры. Алгоритмы анализируют настроение треков и присваивают им соответствующий оттенок. В новом дизайне «Моей волны» объединяются цвет пользователя, который генерируется на основе анализа треков его «Коллекции», и цвет прослушиваемого трека.

Новый образ Моей волны динамичен. Анимация подстраивается под ритм треков и реагирует на лайки. После нажатия на сердечко появляется импульс, который символизирует воодушевление пользователя от чутко подобранной для него музыки.

Обновление дизайна «Моей волны» — ещё один шаг в сторону большей персонализации сервиса.

Apple представила модель машинного обучения Ferret-UI для распознавания элементов пользовательского интерфейса. В исследовании компания отметила, что практически все доступные мультимодальные языковые модели плохо работают с интерфейсами. Нейросети не отличают кнопки от полей ввода и других элементов.

Компания собрала большой датасет для обучения Ferret-UI, что значительно улучшило распознавание. Отмечается, что нейросеть превосходит не только открытые MLLM, но и GPT-4. Модель можно использовать для реализации новых функций доступности. К примеру, нейросеть сможет управлять мобильным устройством, опираясь на запросы пользователя.

Инженеры компании опубликовали исследование на портале Arxiv.

Как делать MMO-шутер по-взрослому⁠⁠

В гостях у «Геймдева от первого лица» Алесандр Никитин, основатель и директор GFA Games, разработчика одной из самых ожидаемых игр 2024 года – Pioner.

Поговорили с Александром о том, как делать MMO-шутер по-серьезному.

Обсудили Тольятти, киберспорт, получение инвестиций от Tencent и будущее игровой индустрии. И, конечно, поговорили о том, про что Pioner и каким он будет.

Посмотреть на игру Pioner:

• Сайт игры

• Сообщество ВКонтакте

Слушайте выпуск на:

• Apple Podcasts

• Яндекс Музыка

• Spotify

• Castbox

• Ссылки на все другие платформы

В Figma появилась возможность совершить путешествие по эпохам Интернета с помощью тематических курсоров. Функцию добавили в честь Международного дня Интернет, который ежегодно отмечают 4 апреля.

Всего доступно четыре набора курсоров:

• 8-bit. Пиксельные курсоры, вдохновлённые эпохой Windows 2000.

• Y2K. Дизайн этого набора навеян началом двухтысячных.

• Aero. При создании курсоров дизайнеры использовали интерфейс Windows Vista и Windows 7. Набор охватывает период с 2007 по 2009 год.

Skeuomorphic. Релиз первого iPhone вызвал рост популярности скевоморфизма, а эти курсоры вернут пользователя во время, когда элементы интерфейса повторяли объекты реального мира.

На YouTube-канале DesignCode опубликовали бесплатный курс по созданию 3D-моделей для iOS и visionOS в Spline. В двухчасовом ролике обсуждают следующие темы:

• Базовые формы;

• Материалы, свет и эффекты;

• Камера, анимации и состояния;

• Кнопки и компоненты;

• Пошаговая анимация;

• Создание 3D-иконки для iOS-приложения;

• Создание 3D-иконки для visionOS-приложения;

• Создание 3D-сцены;

• Анимация частиц;

• Экспорт моделей в SwiftUI-проекты.

Nike представила кроссовки Air Force 1 в дизайне 404 Error («Ошибка 404»).

Производитель изменил форму кроссовок, нанёс на стельки строки с символами 0 и 1, а также добавил на язычок цифры 404 поверх названия модели.

Сбоку на обуви написано: «404 Error, the requested Upper was not found» («Ошибка 404, запрошенный верхний элемент не найден», что умело интегрирует веб-жаргон в физический дизайн, воплощая в себе суть этого эксклюзивного решения цифровой эпохи).

Кроссовки ожидаются в продаже летом 2024 года по цене от $150.

Как включить тёмную тему на Хабре и почему она - отстой?

Зайдите в квест и просто нажимайте на любой ответ. В конце вам дадут тёмную тему, вне зависимости от ваших ответов.

Начинайте страдать.

Вот вам сенсационная новость! Figma решила развлечь нас совершенно непредсказуемым обновлением. Я вот даже задумываюсь, как я мог жить до этого момента, когда узнал об этой фантастической новинке. Так в чем же подвох? Теперь в Figma можно менять свой курсор! Да‑да, вы не ослышались. Если вам вдруг важно, как ваш курсор выглядит, то теперь вы можете наслаждаться этой функцией. Просто взгляните справа сверху возле вашей аватарки и погрузитесь в мир безграничных возможностей курсора!

Figma решила провести неделю веселья, начиная с 4 апреля, объявив это «404 — нашим ежегодным Апрельским Днем Веселья». Приглашают окунуться в эпоху цифрового дизайна от времен DOS и Y2K до эпохи скевоморфизма и Windows Vista.

Главные принципы инклюзивного дизайна 

Инклюзивный дизайн — метод проектирования интерфейса с учетом потребностей как можно большего числа пользователей.

Чтобы соответствовать высокому уровню доступности по WCAG, необходимо придерживаться 4 принципов.

1. Воспринимаемость

• Всегда должна быть текстовая альтернатива нетекстовому контенту.

• Капча должна быть представлена в нескольких формах.

• Нельзя пренебрегать контрастностью.

2. Понятность

Например, выбор цвета товара в интернет-магазине должен иметь текстовое пояснение, чтобы быть понятным для людей с нарушением цветовосприятия. Ответные уведомления системы или инфографика должны маркироваться не только цветом, а иметь пояснительную иконку или штриховку.

3. Управляемость

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

4. Надежность

Интерфейс должен оставаться доступным при изменении версий продукта или операционной системы.

Больше примеров доступных и недоступных интерфейсов найдете в нашей статье. А за вдохновением приглашаем в тг-канал нашей дизайн-команды. 

Google представила открытую библиотеку jpegli с реализацией кодировщика и декодировщика изображений в формате JPEG.

Библиотека включает дополнительные оптимизации для повышения эффективности кодирования, позволяющие на 35% увеличить степень сжатия высококачественных изображений, по сравнению с традиционными кодеками JPEG.

В сравнении с libjpeg-turbo проект jpegli позволяет добиться аналогичного уровня качества при снижении битрейта на 32%. На уровне API и ABI библиотека полностью совместима с libjpeg62 и может применяться для её прозрачной замены. Код jpegli написан на языке С++ и распространяется под лицензией BSD.

Библиотека jpegli позволяет кодировать изображения с выделением 10 и более битов на цветовой компонент. При этом результат работы алгоритмов кодирования адаптируется для традиционной для формата JPEG модели, допускающей использование только 8 бит на цветовой компонент. Подобная особенность позволяет сохранить совместимость с уже существующими декодировщиками, рассчитанными на 8-битовое представление цветовых составляющих.

Кодируемые при помощи jpegli изображения полностью соответствуют стандарту JPEG, не требуют специфичных декодировщиков и могут просматриваться в существующих просмотрщиках JPEG и веб‑браузерах. Применение для распаковки изображений, сжатых при помощи jpegli, собственного декодировщика позволяет добиться дополнительного снижения артефактов. Скорость кодирования при помощи jpegli сопоставима с библиотеками libjpeg‑turbo и MozJPEG.

Источник: OpenNET.

На Хабре не хватало тёмной темы. Мы помогли это исправить.

Быстрее перейти на тёмную сторону поможет технический квест от Хабра и Yandex Cloud:

Чтобы пройти наш челлендж, нужно помочь компании с загадочным названием Lux ex tenebris решить проблемы с логином, которые возникли при последнем обновлении в прод. В конце квеста вас ждёт не только тёмная тема, но и розыгрыш мерча.

Приходите решать задачи и открывать тёмную тему Хабра → https://dark.habr.io/

А здесь уже можно прочитать пост Хабра о том, как создавалась эта тема.

Вышла версия iOS 17.5 beta 1 с номером сборки 21F5048f. Она доступна зарегистрированным разработчикам. В ЕС iOS 17.5 поддерживает установку приложений непосредственно с веб-сайтов. 

Однако разработчикам придётся принять новые условия App Store. Они будут платить сбор в размере 0,5 евро за каждую первую установку, если их число превысит 1 млн за последние 12 месяцев.

Кроме того, любое PWA должно соответствовать рекомендациям Apple. Их можно устанавливать только с домена веб-сайта, который разработчик зарегистрировал в App Store Connect. Apple также предоставит разработчикам ряд API-интерфейсов для интеграции с системными функциями.

iOS 17.5 beta 1 также включает в себя несколько небольших изменений дизайна. Apple обновила дизайн значка «Цель чтения» на верхней панели навигации, а в приложении «Настройки» появился новый символ для меню «Доступ с помощью паролей для веб-браузеров» в разделе «Конфиденциальность и безопасность». Виджет «Подкасты» получил динамический цвет.

Наконец, iOS 17.5 включает в себя систему защиты от отслеживания с помощью таких аксессуаров, как AirTags. iOS будет идентифицировать аксессуары для отслеживания, даже если они не сертифицированы Apple или Find My.

YouTube упрощает поиск лучших моментов в видео. Теперь компания автоматически генерирует ключевые моменты в «любом видео», просматриваемом по телевизору.

Генеральный директор YouTube Нил Мохан поделился примером работы функции, когда она генерирует лучшие моменты из трёхчасовой трансляции с Олимпийских игр в Токио.