Лайфхакер
Лайфхакер
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Куда поехать на выходные
Опрос для читателей
Добрые новости
Стыдные вопросы
Есть мнение
Норм или стрём
Личный опыт
Объясняем за минуту
Веб-сервисы
1 июля 2013

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

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

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

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

🥰 Опрос для дорогих читателей! Помогите нам стать лучше и поделитесь, что вы хотели бы изменить. В конце — бонус от наших иллюстраторов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обложка: Bloomua/Shutterstock.com
Источник: www.multyshades.com
Если нашли ошибку, выделите текст и нажмите Ctrl + Enter
Это интересно
ИГРА: Снова в школу! Найдите всё, что пригодится для учёбы

ИГРА: Снова в школу! Найдите всё, что пригодится для учёбы

Поваренная книга донора. 15 простых и полезных рецептов, которые поддержат организм до и после сдачи крови

Поваренная книга донора. 15 простых и полезных рецептов, которые поддержат организм до и после сдачи крови

Экстренная контрацепция: что о ней важно знать, а во что стоит перестать верить

Экстренная контрацепция: что о ней важно знать, а во что стоит перестать верить

Зачем проходить диспансеризацию и оплатит ли её работодатель

Зачем проходить диспансеризацию и оплатит ли её работодатель

Комментарии
Авторизуйтесь, чтобы оставить комментарийНажмите, чтобы перейти к авторизации.
Oleg Yurga
01.07.13 14:40
Неплохая подборка, спасибо. Вот только веб-дизайн к ней ни при чём) Хотя несколько ссылок в избранное дизайнерам добавить стоит.
Валера Тележинский
01.07.13 15:02
Спасибо за полезную информацию )
Максим Шоломов
01.07.13 15:06
Place hold — сервис заглушек изображений, а не для презентации макетов.
Что вы могли пропустить
iPhone 18 Pro Max и Galaxy S26 Ultra сравнили на прочность — один разбился вдребезги
iPhone 18 Pro Max и Galaxy S26 Ultra сравнили на прочность — один разбился вдребезги
0
15:10
Новости
Устройства
Samsung раскрыла сроки выпуска One UI 9 для старых смартфонов Galaxy
Samsung раскрыла сроки выпуска One UI 9 для старых смартфонов Galaxy
0
13:10
Новости
Технологии
Для работы и чила: ещё 9 дофаминовых гаджетов и аксессуаров
Для работы и чила: ещё 9 дофаминовых гаджетов и аксессуаров
0
13:00
Устройства
Устройства
Зачем платить больше: 11 гаджетов и устройств, на которых не стоит экономить
Зачем платить больше: 11 гаджетов и устройств, на которых не стоит экономить
0
Вчера
Технологии
Технологии
Для Microsoft Word вышел плагин ChatGPT — работает даже на бесплатном тарифе
Для Microsoft Word вышел плагин ChatGPT — работает даже на бесплатном тарифе
0
Вчера
Новости
Технологии
OnePlus 16 показали на фото и видео — у него корпус с тайными посланиями
OnePlus 16 показали на фото и видео — у него корпус с тайными посланиями
0
Вчера
Новости
Устройства
Объясняем за минуту: как узнать модель своего телефона
Объясняем за минуту: как узнать модель своего телефона
0
19 сентября
Технологии
Технологии
Всё, что нужно знать о GTA 6: отвечаем на 15 главных вопросов
Всё, что нужно знать о GTA 6: отвечаем на 15 главных вопросов
0
18 сентября
Технологии
Технологии
Face ID в iPhone 18 Pro и Pro Max частично спрятали под экран — и это вызвало проблемы
Face ID в iPhone 18 Pro и Pro Max частично спрятали под экран — и это вызвало проблемы
0
18 сентября
Новости
Устройства
Китайские учёные научились подслушивать звук в наушниках других людей — даже через стены
Китайские учёные научились подслушивать звук в наушниках других людей — даже через стены
0
18 сентября
Новости
Технологии
У «Яндекс Документов» появилась ПК-версия, которая работает без интернета
У «Яндекс Документов» появилась ПК-версия, которая работает без интернета
0
18 сентября
Новости
Технологии
Почему смартфон не подключается к Wi-Fi и как это исправить
Почему смартфон не подключается к Wi-Fi и как это исправить
0
18 сентября
Ликбез
Технологии
iPhone 18 Pro и Pro Max впервые протестировали на автономность — до OnePlus 15 ещё далеко
iPhone 18 Pro и Pro Max впервые протестировали на автономность — до OnePlus 15 ещё далеко
0
17 сентября
Новости
Устройства
Энтузиаст создал аналог Photoshop с помощью нейросетей — его можно скачать бесплатно
Энтузиаст создал аналог Photoshop с помощью нейросетей — его можно скачать бесплатно
0
17 сентября
Новости
Технологии
4G с новой иконкой: тесты скорости 5G в Москве показали неутешительные результаты
4G с новой иконкой: тесты скорости 5G в Москве показали неутешительные результаты
0
17 сентября
Новости
Технологии

Новые комментарии

Аватар автора комментария
1 час назад

0 / 0

Где 007 Не время умирать?
В Сети выбрали лучшие боевики последних 10 лет — по одному на каждый год
Аватар автора комментария
Маргарита Титянечко1 час назад

0 / 0

А моя проверка показывает, что на Озоне эта же модель стоит дороже — от 48 тысяч. Так что экономия тут вполне реальная.
Переходим на тихую кофемашину от Philips — сейчас она дешевле обычного
Аватар автора комментария
Azat Zaydullin2 часа назад

0 / 0

Статья на уровне "делайте правильно и не делайте неправильно"
Как прокачать внутренний диалог, освободиться от негатива и стать успешнее
Аватар автора комментария
nao7 часов назад

0 / 0

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

Давайте посчитаем. Как эффективно вести семейный бюджет

Лайфхакер
Информация
О проектеРубрикиРекламаРедакцияВакансииО компании
Подписка
TelegramВКонтактеTwitter (X)PinterestYouTubeИнициалRSS
Правила
Пользовательское соглашениеПолитика обработки персональных данныхПравила применения рекомендательных технологийПравила сообществаСогласие на обработку персональных данныхСогласие для рекламных рассылокСогласие для информационной программы
18+Копирование материалов запрещено.
Издание может получать комиссию от покупки товаров, представленных в публикациях