coding web-design programming web-development productivity developer-tools productivity-tools wireframing

Инструменты-заполнители, повышающие производительность для разработчиков и дизайнеров

27 февраля 2022 г.

Вы когда-нибудь работали над дизайном макета и сталкивались с мыслью, что если бы я только знал какой-нибудь генератор, чтобы создать для меня какие-то временные образцы? Это может быть связано с чем угодно — образцом текста, изображениями, логотипом бренда, изображениями профиля, данными JSON и многим другим.

В этой статье я составил список полезных генераторов заполнителей, чтобы вы могли ускорить рабочий процесс разработки. Все, что вам нужно сделать, это скопировать сгенерированные образцы данных и вставить их в свой проект, где вы хотите их использовать.

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

Текст

1. [Лорем Ипсум] (https://www.lipsum.com/)

Стандартный фиктивный генератор текста.

2. Loripsum.net

Улучшенная версия Lorem Ipsum с возможностью включения ссылок, списков, блоков кода, заголовков, добавления стиля текста и других параметров настройки.

Картинки

3. [Фотографии Picsum] (https://picsum.photos/)

Предоставляет случайные или определенные изображения. Укажите желаемый размер изображения в конце URL-адреса запроса. Эффекты оттенков серого и размытия также можно применять к любому изображению.

4. Placeholder.com

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

Логотипы

5. Лого Ipsum

Готовые к использованию сменные логотипы в различных стилях и композициях для вашего дизайна. Автоматически генерирует код SVG для каждого, просто нажав на них.

Аватары

6. DiceBear

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

7. Персонажи

Игривый генератор аватаров для современной эпохи.

8. Аватааарс

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

Данные JSON

9. Случайный пользователь

API с открытым исходным кодом для генерации случайных пользовательских данных.

10. Заполнитель JSON

REST API, который вы можете использовать всякий раз, когда вам нужны поддельные данные.

11. Поддельный JSON

Создавайте нужные вам ответы JSON с помощью расширенного встроенного редактора JSON.

Кодовые блоки

12. Поддельный код

Превратите реальный код (Github Gist) в искусственный код (изображение SVG).

Развлекательный

13. Place Kitten

Сервис для получения изображений котят для использования в качестве заполнителей в ваших проектах.

14. CupCake Ipsum

Генератор Lorem Ipsum с сахарным покрытием.

15. RoboHash

Предоставляет уникальные изображения роботов/инопланетян/монстров для любого текста.

Писать всегда было моей страстью, и мне доставляет удовольствие помогать и вдохновлять людей. Если у вас есть какие-либо вопросы, не стесняйтесь обращаться!

Если эти ресурсы помогли, свяжитесь со мной в Twitter, LinkedIn и GitHub!

Посетите мой Блог для получения дополнительных статей, подобных этой.

Впервые опубликовано [здесь] (https://madza.hashnode.dev/15-useful-placeholder-tools-for-designers-and-developers)*

Оригинал