Дизайн

34 инструмента для веб-дизайна на каждый день

Веб-дизайн — сложная «наука»? И да, и нет. Представляем вашему вниманию подборку из более чем 30 инструментов и онлайн-редакторов для работы с изображениями и графикой самых различных форматов. Используйте один из них или сразу несколько, чтобы ваши фотографии и сайты стали лучше и красивее.

1. Subtle Patterns

Subtle Patterns — oтличная онлайн-коллекция шаблонов для “бесконечного” фона на сайте. И вся эта красота — бесплатно.

2. Stripe Mania

Stripe Mania — бесплатное веб-приложение, которое позволяет вам создавать фоновые изображения “в полосочку”. Можно использовать до 5 сочетаний цветовой гаммы, с разной шириной и расстоянием между полосками в создаваемом фоне.

3. Stripe Generator

Stripe Generator — онлайн-сервис для быстрого создания картинок, чтобы использовать их в качестве фонового изображения на сайте.

4. Colour Lovers

Colour Lovers — огромная подборка цветов, палитр и паттернов для создания фоновых изображений. Еще можно добавлять собственные фоны в коллекцию, доступную для пользователей по всему миру.

5. Pictaculous

Pictaculous — бесплатный онлайн-сервис, который позволяет вам сгенерировать цветовую палитру на основе загруженного файла в формате PNG, JPG или GIF.

6. I Want Hue

I Want Hue — онлайн-сервис для поиска и подбора сочетания групп и цветов, Отлично подойдет для тех, кто занимается колористикой, созданием цветовых схем и “размножением” шаблонов для сайтов.

7. Placeit

Placeit — сервис для подготовки фото-картинок для портфолио. С его помощью ваш сайт можно “вставить” на экран ноутбука, айпада или айфона. Отлично подходит для подготовки презентационных материалов.

8. Place Hold

Place Hold — сервис для быстрой онлайн-демонстрации готовых шаблонов и сайтов. Можно задать цвет, размер, масштаб загружаемых макетов и картинок.

9. Cut & Slice Me

Cut & Slice Me — бесплатный плагин для Photoshop, чтобы экспортировать готовые картинки на различные устройства в течение нескольких секунд.

10. CSS3ps

CSS3ps — бесплатный “облачный” плагин для Рhotoshop, чтобы конвертировать готовые слои в CSS3.

11. Creately

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

12. Easel.ly

Easel.ly — простой редактор для быстрого создания инфографики в вашем браузере без использования сторонних инструментов обработки изображений.

13. Sneakpeekit

Sneakpeekit — набор инструментов для создания фреймов и разработки прототипов для вашего сайта.

14. Loader Generator

Loader Generator — бесплатный веб-сервис для создания анимированных загрузчиков сайта.

15. Mothereffing Animated Gif

Mothereffing Animated Gif — простое приложение для загрузки сразу нескольких картинок и получения на их основе настраиваемой анимации с рядом заданных параметров: размер, частота показов, качество итоговой анимации и т.д.

16. Duri.me

Duri.me — генерация кода для изображений, чтобы этот код в дальнейшем использовать для вставки на ваш сайт.

17. Rsizr

Rsizr — онлайн-редактор для изменения изображений и быстрого масштабирования графики.

18. Fotor

Fotor — мощный и понятный онлайн-редактор практически любой графики с большим набором встроенных инструментов и фильтров. Есть отдельные приложения для Android and iPhone.

19. JPEGmini

JPEGmini — бесплатный онлайн-сервис, при помощи можно “сжать” готовый фотоснимок с сохранением исходного качества (поддерживается пятикратное сжатие) и получить готовый более “легкий” файл в формате JPEG.

20. Cropp.me

Cropp.me — очень простой и быстрый инструмент для масштабирования и “кропа” готовой графики до нужных вам размеров или пропорций.

21. Photocat

Photocat — онлайн-редактор изображений, который оснащен богатым инструментарием для работы с графикой. Готовые изображения сохраняются в JPG или PNG.

22. Round pic

Round pic — веб-сервис для быстрого создания “круглых уголков” для любых изображений. Действия с заранее заданными параметрами можно проконтролировать в окне предварительного просмотра.

23. Kraken

Kraken — онлайн-приложение для оптимизации снимков и корректировки их “веса”, чтобы сделать графику более “легкой”.

24. Editor Method

Editor Method — веб-приложение для работы с векторной графикой прямо в вашем браузере. Достаточно открыть браузер — и вас под рукой сращу богатый набор инструментов для создания изображений в формате SVG. Мощности Adobe Illustrator от него ждать не стоит; но многие задачи с его помощью решить можно.

25. Patternify

Patternify — браузерное приложение для создания шаблонов фонового изображения без применения каких-либо редакторов. На каждый созданный шаблон также создается уникальная ссылка, при помощи которого готовый шаблон можно показать друзьям или коллегам.

26. The Noun Project

The Noun Project — онлайн-коллекция из отличной узнаваемой графики, которая постоянно пополняется.

27. Copy Paste Character

Copy Paste Character — онлайн-коллекция символов Unicode, из которой можно выбрать и скопировать в свой контент любой понравившийся символ.

28. X-Icon Editor

X-Icon Editor — приложение на основе HTML5 для создания иконок с высоким разрешением, которые можно применить на сайте или для новых вкладок в веб-проектах.

29. Make App Icon

Make App Icon — для оптимизации иконок для любых приложений под iOS и Android. Просто загрузите картинку, — и сервис автоматически изменит ее размер до требуемых пропорций. Результаты сохраняются в PNG, JPG и PSD.

30. IcoMoon

IcoMoon — онлайн-сервис для подготовки и создания монохромных иконок и встраивания их в шрифты. Выбранное изображение можно встроить и оформить на сайте на основе правил, прописанных в CSS, либо параметров текста и формы. Также есть простой визуальный редактор для иконок.

31. Mobile Tuxedo

Mobile Tuxedo — позволяет создавать иконки, которые оптимизированы для работы с сенсорными экранами. Готовая графика сохраняется в форматах EPS, PSD и PNG в различных разрешениях.

32. Icon Monstr

Icon Monstr — коллекция из более чем 600 иконок для веб-приложений, диаграмм и графиков. Все иконки доступны в форматах PNG и SVG.

33. Endless Icons

Endless Icons — сайт с постоянно пополняемой коллекцией монохромных иконок. Все иконки изготовлены в стиле скетчей, нарисованных от руки.

34. UI8 Freebies

UI8 Freebies — раздел с бесплатными дизайн-файлами: иконки, презентации, текстуры, шрифты, элементы интерфейса. Чаще всего авторы публикуют в этом разделе бесплатные (ограниченные) версии платных продуктов, которые доступны в основном разделе для покупки.