Ресурсы по дизайну, которые стоит сохранить каждому разработчику

—

от автора

Во многих проектах дизайнера нет. Это не оправдание для интерфейса, который выглядит случайным.

Эти инструменты закрывают решения, которые обычно идут не так: цвет, контраст, отступы, картинки и типографическая шкала.

Цвет

Примерьте палитру на реальном макете, а не на пяти ничего не говорящих квадратах.

Цвет

Быстро генерируйте и фиксируйте палитры, затем экспортируйте их как CSS-переменные.

Доступность

Две минуты здесь спасают от серого по серому, который заваливает любой аудит.

Типографика

Строит согласованную шкалу заголовков, чтобы кегли перестали быть произвольными.

Иллюстрации

Бесплатные иллюстрации, которые перекрашиваются под бренд ещё до скачивания.

Изображения

Сжимайте картинки в браузере и смотрите потерю качества до того, как согласитесь на неё.

Фоны

Генерирует SVG-кляксы, волны и градиенты для hero-секций за пару кликов.

Инструмент дизайна

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

Если брать только два, берите проверку контраста и типографическую шкалу: они чинят то, что пользователи действительно замечают.

Нужно не выбрать, а построить?

Веб-приложения, API, инфраструктура и интерфейсы. Фриланс из Барселоны, клиенты по всему миру.