Как я навел порядок страниц в Фигме | by Расул Гитинов | Mar, 2021

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

Гештальт-принципы дизайна: как психология формирует восприятие

Принципы гештальта формируют психологическую основу того, как человеческий разум воспринимает и организует визуальную информацию. Теория, лежащая в основе их, была основана в 1910-20-е годы немецкими психологами Максом Вертхаймером, Вольфгангом Келером и Куртом Коффкой. С тех пор он нашел признание в самых разных дисциплинах, от терапии до кибернетики и дизайна. Шесть принципов гештальта описывают, как мы…

Как устроен «самый продвинутый социальный робот в мире»?

Изучение процесса проектирования в Furhat Robotics, целью которого является создание человеческих взаимодействий между роботами с помощью штатного фокусника. Автор Генри Вонг 9 марта 2021 г. 16:39 9 марта 2021 г. 16:39 «Когда люди встречают робота, они думают, что с ним нужно разговаривать, как с Алекса», — говорит Самер Аль Мубайед. «Мы пытаемся раздвинуть границы творчества».…

Как ребрендинг Swarovski вдохновил на всемирный редизайн магазина, похожего на конфеты

Восьмиугольное обрамление лебедя логотипа хрустальной компании будет сопровождаться открытием 28 новых магазинов и соответствующей рекламной кампанией бренда. Автор Генри Вонг 8 марта 2021 г. 16:28 8 марта 2021 г. 16:34 Хрустальный бренд Swarovski обновил свой лебединый логотип в рамках более широкого ребрендинга, который включает 28 новых иммерсивных пространств по всему миру. По словам Сваровски, проектные…

Material Design на русском. Часть 31 — Как устроена система анимации | by Ruslan Sharipov | Mar, 2021

Привет. Меня зовут Руслан. Я UX/UI дизайнер в Siemens. У меня есть ютуб-канал, на котором записано несколько плейлистов по основам UX/UI дизайна. В этой серии постов однако я просто делюсь вольным переводом Material Design на русский язык. Оригинальный источник: здесь. В Material есть набор конкретных паттернов для переходов, которые могут помочь пользователям хорошо ориентироваться в…

Как составить эффективный график дня

В сутках всего 24 часа, и, если вы хотите максимально использовать их, вам нужен график. Создание и соблюдение расписания — как в личной, так и в профессиональной жизни — это лучший способ управлять своим временем и гарантировать, что вы вмещаете все, что вам нужно (и что хотите!) в свою повседневную жизнь. Однако расписание может оказаться…

Как создать интернет-магазин Square: пошаговое руководство

Соучредитель Twitter, Джек Дорси, представляет новый конструктор сайтов своими руками специально для электронной коммерции: интернет-магазин Square (не путать с конструктором веб-сайтов Squarespace). А поскольку Square Online ориентирована, в частности, на электронную торговлю, это заманчивый выбор для розничных продавцов, желающих открыть интернет-магазин. Иллюстрация OrangeCrush Если вы хотите используйте его, чтобы начать свой бизнес в сфере электронной…

Как сопоставить положение мыши в CSS

Давайте посмотрим, как получить положение мыши пользователя и отобразить его в настраиваемых свойствах CSS: — positionX и — positionY . Мы могли бы сделать это с помощью JavaScript. Если бы мы это сделали, мы могли бы делать такие вещи, как сделать элемент перетаскиваемым или перемещать фон. Но на самом деле мы все еще можем делать…

Библиотека приемов. Меня часто спрашивают, как я так быстро… | by Igor Shtang | Feb, 2021

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

Как я программно создал в Figma 256 новых компонентов дизайн-системы

Дизайна-cистема Uber Base предлагает набор компонентов маркеров карты, которые широко используются в наших продуктах и ​​отображаются всякий раз, когда мы показываем карту пользователю. Недавно мы столкнулись с необходимостью показать дополнительный контекст и решили добавить для этого бейджи – существующий базовый компонент. Проблема заключалась в том, что и маркеры карты, и бейджи имели несколько вариантов. Маркеры можно настроить по…