Не комильфо на фронте Во всех диджитал проект, где есть фронт | Design & Management

Не комильфо на фронте

Во всех диджитал проект, где есть фронт, нужно помнить несколько правил, которые сделают жизнь пользователя приятнее:

1. Используй SVG вместо растра, где только можно.
В целом, с появлением Фигмы, это правило и так работает самостоятельно. Но при экспорте иллюстрации, состоящие из нескольких объектов, да еще и с каким-нибудь сабстрактом, могут превращаться в билиберду. Поэтому такие иллюстрации лучше сразу проверять и дорабатывать — объединять слои или рисовать одним слоем.

2. Не забывай делать состояния загрузки.
Скелетоны, лоадеры и пр. помогают пользователю понять, что процесс не завис, идет загрузка или обработка данных.

3. Растр под формат.
Если в проекте есть растровые изображения, старайся не делать их больше необходимого размера под платформу размера, чтобы не утежелять загруку контента. Также перед загрузкой изображений, лучше прогнать их через оптимизатор, чтобы избавиться от лишнего мусора в них и уменьшить вес.

4. Используй стили.
Когда много экранов, модалок и пр. с различными состояниями, легко можно начать придумывать все новые и новые размеры кегля, начертания и т.п. для шрифта или цвета. Поэтому лучше сразу завести правило создавать стили для шрифтов и цветов, чтобы контролировать их кол-во и места правила применения.
Сюда же относятся и стили элементов: размеры и состояния кнопок, тени, размеры иконок и т.п. Создавай компоненты и используй сразу их, чтобы потом быстрее вносить изменения и правки.
Со стилями удобнее работать и при верстке.

Точно, что-то упустил Допишите свои правила в комментариях.