Минутка стиля:

Дизайн транспортной компании H-Cargo.

Если вам вдруг показался фаллос — это корабль контейнеровоз. В морских контейнерных перевозках в основном используются стандартные ISO-контейнеры. Но если показался фаллос, тогда точно не надо читать состав дизайнеров, мало ли что еще покажется. Значит показалось.

Дизайнеры: Huy Nguyen, Hue Nguyen, Jc Black, Đàm Linh

Компания: Brity Creative

Минутка нейронки:

Спросил у нейронки, что она думает о нашем с вами канале, названии и популярном контенте. Результат погрузил в размышления. Задумался о стратегии контента.

Минутка комбо:

Комбо последних трендов в дизайне — немного тревожно, но интересно. Или когда новый UX за большие деньги.

Минутка дизайна транспорта:

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

Александр Григоренко написал о проектировании перетаскивания.

— Drag and Drop — взаимодействие с объектами, состоящее из трёх последовательных операций: захвата (Drag) объекта, перемещения и отпускания (Drop);
— Отлично подходит для: 1) перемещения элемента на новую позицию, 2) изменения размера или формы элемента;
— В отличие от реального мира, в цифровой среде непонятно, что и куда можно перемещать, как захватить (элемент доступен полностью или есть «ручка захвата») и что произойдёт после перемещения;
— Для ручек захвата в интерфейсе нет единой графической метафоры, но есть с годами сложившиеся варианты. Важно придерживаться выбранного варианта;
— Есть специальные курсоры: Grab и Grabbing (macOS) и Move (Windows) для перемещения, No-drop для пересечения с зонами, где элемент нельзя сбросить, с префиксом Rezise для изменения размера;
— Если на объект можно и просто нажать, подберите не слишком быструю или долгую длительность нажатия, которая приведёт к перетаскиванию (50–500 ms);
— Проблема лишних небольших движений курсора при нажатии (Sloppy Clicks) решается порогом дистанции, прохождение которой запускает перетаскивание (3–5 px);
— Объект при перетаскивании должен визуально отличаться от остальных;
— В списке или гриде важно определить, когда сдвигать элементы, чтобы перетаскиваемый мог занять их место. Лучше всего — в момент пересечения края перетаскиваемого объекта с центром статичного. Также потребуется ненавязчивая анимация перемещения элементов (100–500 ms);
— Проще в разработке — не двигать сразу элементы списка или грида, а показывать индикатор возможного положения перетаскиваемого объекта. И так легче не терять контекст старого положения элементов (полезно при работе с mindmap);
— Если зона сброса находится за пределами экрана, поможет автоскрол страницы вслед за перетаскиваемым объектом. На мобильных аккуратно подбирайте его скорость. Ещё можно показывать временное окно для сброса объекта в пределах текущего окна (drag lens);
— Предусмотрите отмену перетаскивания клавишей Esc и сбросом элемента в нейтральную зону;
— В целях доступности добавьте альтернативные способы выполнить то, что даёт перетаскивание.

#drag_and_drop

Упаковка линейки веганских блюд Today’s special

Старый добрый приём — сочетание разных шрифтов — в новом исполнении. Здесь похожие гротески со схожими пропорциями, но один геометричный и строгий, другой же — несовершенный и «небрежный»

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

Больше картинок и анимаций: awdee.ru/packaging-of-the-todays-special-vegan-food-line

#awd_pack via behance.net/gallery/159673591/TODAYS-SPECIAL

Минутка историй:

знакомых каждому