Forwarded from UX Notes
Рамазан Нурулаев написал о дизайне таблиц для цеха.
— Тонкие шрифты — мимо. Числа должны читаться даже в маске сварщика. Для цифр — моноширинный шрифт;
— Почти всегда нужна тёмная тема;
— Минимум цветов. Новый цвет — только чтобы привлечь внимание к критичным вещам;
— Системная цветовая индикация, которую нельзя изменить: зелёный — всё хорошо, жёлтый — обратить внимание, красный — что-то случилось;
— Есть дополнительные цвета, которые можно назначить выбранным статусам (или переназначить под себя);
— Рекомендации по выбору цвета есть в сторибуке: «фиолетовый для специальных режимов работы»;
— Пользователи попросили добавить легенду во все формы, где есть цветовая индикация;
— Заголовки столбцов были менее контрастными, чем их содержимое, но они плохо считывались. Сделали их контрастнее, а чтобы отделить от цифр, поменяли шрифт;
— Таблицы почти никогда не прокручивают (особенно, по горизонтали), поэтому они должны быть максимально компактными, но не сливаться в кашу;
— 40 px основная высота строки, 56 px — увеличенная, 32 px — компактная. Надо учитывать, что в них могут быть иконки и кнопки;
— Нужна возможность настраивать их под себя: скрывать столбцы, закреплять, менять их порядок;
— Иногда можно заменить заголовки столбцов на более компактные: «Положение плавки» → «Плавка»;
— Чтобы уменьшить визуальный шум, кнопки действий отображаются при наведении на строку. Пользователь примерно понимает, какие действия ему надо совершить;
— Чтобы было понятно, какие ячейки можно редактировать, в них есть кнопка редактирования. Ячейки с отредактированными данными подсвечиваются жёлтым.
#table #industrial
— Тонкие шрифты — мимо. Числа должны читаться даже в маске сварщика. Для цифр — моноширинный шрифт;
— Почти всегда нужна тёмная тема;
— Минимум цветов. Новый цвет — только чтобы привлечь внимание к критичным вещам;
— Системная цветовая индикация, которую нельзя изменить: зелёный — всё хорошо, жёлтый — обратить внимание, красный — что-то случилось;
— Есть дополнительные цвета, которые можно назначить выбранным статусам (или переназначить под себя);
— Рекомендации по выбору цвета есть в сторибуке: «фиолетовый для специальных режимов работы»;
— Пользователи попросили добавить легенду во все формы, где есть цветовая индикация;
— Заголовки столбцов были менее контрастными, чем их содержимое, но они плохо считывались. Сделали их контрастнее, а чтобы отделить от цифр, поменяли шрифт;
— Таблицы почти никогда не прокручивают (особенно, по горизонтали), поэтому они должны быть максимально компактными, но не сливаться в кашу;
— 40 px основная высота строки, 56 px — увеличенная, 32 px — компактная. Надо учитывать, что в них могут быть иконки и кнопки;
— Нужна возможность настраивать их под себя: скрывать столбцы, закреплять, менять их порядок;
— Иногда можно заменить заголовки столбцов на более компактные: «Положение плавки» → «Плавка»;
— Чтобы уменьшить визуальный шум, кнопки действий отображаются при наведении на строку. Пользователь примерно понимает, какие действия ему надо совершить;
— Чтобы было понятно, какие ячейки можно редактировать, в них есть кнопка редактирования. Ячейки с отредактированными данными подсвечиваются жёлтым.
#table #industrial
Forwarded from Дизайн-снайпер
Минутка показалось:
В интеренете многим показалось глядя на контуры зданий 137 школы в Барнауле, что это то, что в символическом языке называется «ничего не делать» или пинать здание бассейна узнаваемой формы. Проект школы 2021 года.
Теперь это наверное самая известная школа в Барнауле.
Если проектируете объект, всегда думайте как его дизайн будет смотреться и какие ассоциации вызывать в разных проекциях и под разными углами обзора аудиторией.
В интеренете многим показалось глядя на контуры зданий 137 школы в Барнауле, что это то, что в символическом языке называется «ничего не делать» или пинать здание бассейна узнаваемой формы. Проект школы 2021 года.
Теперь это наверное самая известная школа в Барнауле.
Если проектируете объект, всегда думайте как его дизайн будет смотреться и какие ассоциации вызывать в разных проекциях и под разными углами обзора аудиторией.
Forwarded from Shock Design
Forwarded from Дизайн-Телега 🔥
Шрифт UNIKU
💾 Скачать и использовать
https://disk.yandex.ru/d/GkoQ3NLqCpT4WA
🔎 Посмотреть описание
https://fontesk.com/uniku-font/
#font #free #latin #cyrillic
👨 Дизайн-телега
💾 Скачать и использовать
https://disk.yandex.ru/d/GkoQ3NLqCpT4WA
🔎 Посмотреть описание
https://fontesk.com/uniku-font/
#font #free #latin #cyrillic
👨 Дизайн-телега
Forwarded from PSD | Дизайн-пространство
Forwarded from Новые шрифты
Graves - Display Sans
Free for personal and commercial use.
📁 Download: https://t.me/ZIP_Files/979
🅰️ Новые шрифты
Free for personal and commercial use.
📁 Download: https://t.me/ZIP_Files/979
🅰️ Новые шрифты
Forwarded from PSD | Дизайн-пространство
Использование слотов в дизайне интерфейсов
Статья объясняет, что такое слоты в компонентах и как они помогают дизайнерам и разработчикам создавать более гибкие компоненты
Читать на дизайнерс | #статья
Статья объясняет, что такое слоты в компонентах и как они помогают дизайнерам и разработчикам создавать более гибкие компоненты
Читать на дизайнерс | #статья
Forwarded from Compo_Abatur
This media is not supported in your browser
VIEW IN TELEGRAM
Натюрморт с пивом, колой, лимоном, бананами, овсяным молоком и майонезом.
17 нарисованных вручную кадров 🖍️
gumaranks
17 нарисованных вручную кадров 🖍️
gumaranks