Как проверить сайт на оптимизацию и доступность | by Ирина Бушуева | Mar, 2021

Статьи по дизайну

Проверить сайт на доступность самостоятельно можно с помощью инструмента WAVE (WAVE Web Accessibility Evaluation Tool, «Инструмент оценки веб-доступности»). Фрагмент главной страницы WAVE Ввожу адрес сайта и получаю результат: Результат проверки на доступность Можно посмотреть детали. Мне особенно нравится, что сервис сразу подсказывает, как исправить ошибки. Детали ошибок и способы устранения Ещё один важный параметр доступности…

Создавайте интерактивные компоненты с Variants | by Ирина Бушуева | Mar, 2021

Статьи по дизайну

Вы можете создавать интерактивные компоненты только с использованием Variants из одного и того же набора компонентов. Если у вас нет набора компонентов для работы, вам нужно сначала создать его. Узнайте, как создавать Variants. Создавайте варианты взаимодействия Интерактивные компоненты представляют новое действие прототипа: «Изменить на». Выберите начальный вариант взаимодействия из набора компонентов. Перейдите на вкладку Prototype…

Как я впервые сделала дизайн-систему | by Ирина Бушуева | Feb, 2021

Статьи по дизайну

Проверить, что логика использования цветов не противоречит друг другу (инпут в фокусе не имеет цвет «дефолт»). Вынести цвета в стили. Задать стили компонентам (начиная с атомов). Проверить, что 1) вынесены все цвета 2) все цвета заданы через стили. 3. Разобраться с типографикой То же самое: Вынести все используемые стили в отдельный фрейм. Убрать/ объединить близкие.…

Отзыв на модуль «Информационные ожидания» от «Собаки Павлова» | by Ирина Бушуева | Aug, 2020

Статьи по дизайну

Дедлайнов у задач нет — можно делать в своем темпе. Каждую неделю появляются текстовые (никаких вебинаров!) разборы предыдущих заданий. Хочешь докопаться до сути — читай, нет — никто не заставляет. Авторы задачника подчеркивают, что «мы прокачиваем каждый себя. Так, как ему удобно и хорошо». По всем вопросам можно писать в общий чат в телеграм, администраторы…

Как мы собрали Интранет на Confluence | by Ирина Бушуева | Jul, 2020

Статьи по дизайну

Accordion Image Slider — слайдер с анимацией, удобно, когда места мало, а фотографий много. Image Slider — хороший вариант слайдера с автопрокруткой, показывает по одной фото. Gallery Slider — слайдер как в интернет-магазине. Даже есть Before After Image Slider — пока не использовала. Если фотографий много, и их нужно упаковать в архив, удобно использовать Image…

Использование Auto Layout компонентов в Figma | by Irina Bushueva | Jul, 2020

Статьи по дизайну

Самым сложным было организовать секцию деталей: она должна поддерживать многострочные параметры. Это означает, что все блоки должны вести себя в соответствии с объемом контента, который имеют блоки выше. Блок может иметь от одной до трех строк параметров, поэтому нам необходимо поддерживать любые конфигурации в этих пределах: От 1 до 3 строк Строки могут иметь 4…