Сетки в дизайне

Автор

David Gaberle

Abstract 3D shapes

👉 Скачать файл

📝 Бесплатно для личных и коммерческих проектов
🗂️ #figma #шейпы

Дизайн-Телега 🔥

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

Мы в итоге вот что придумали — нарисовали около 10-15 вариантов, распечатали на А2 формате, приехали к ребятам в офис с распечатками :)) Развесили их на стены, рассказали о каждом и устроили голосование стикерами-сердечками :)

В итоге — вариант нашелся! Такой оффлайно-интерактивный формат помог! )

Прикрепляю видос прямо со встречи (все замазали квадратиками, тк нда, но должно быть понятно))

Саадия Минхас написала о нижней панели вкладок (tab bar).

— До неё легко дотянуться большим пальцем;
— На десктопе используется редко — на больших экранах её сложнее заметить;
— Включает 3−5 пунктов, ведущих на разделы верхнего уровня. Если разделов больше 5, можно добавить пункт More;
— Если используете нестандартные иконки, каждый пункт лучше сопроводить подписью;
— Если решили раскрасить иконки, не используйте слишком много цветов;
— Подписи: располагаются под иконками, короткие, без переноса на вторую строку, обрезания многоточием, уменьшения кегля, чтобы уместить текст;
— В альбомной ориентации телефона подписи можно разместить справа от иконок, чтобы заполнить пространство и освободить место для контента;
— Кроме цвета активный пункт можно выделить подложкой, точкой или полоской, заливкой контурной иконки;
— У пункта может быть индикатор, который показывает состояние контента в разделе, например, что там есть что-то новое. Счётчик показывает количество таких элементов в разделе;
— Не стоит делать неактивными или скрывать пункты, если внутри нет контента (вроде пустой корзины).

In English. #navigation