Лайфхакер
Лайфхакер
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Лучшее
Новости
Жизнь
Рецепты
Здоровье
Кино
Технологии
Покупки
Куда поехать на выходные
✍️ Написать
Добрые новости
Есть мнение
Норм или стрём
Личный опыт
Объясняем за минуту
Веб-сервисы
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
Это интересно
7 «лучших друзей» заболеваний сердца, от которых стоит держаться подальше

7 «лучших друзей» заболеваний сердца, от которых стоит держаться подальше

Чем заняться в выходные осенью в Санкт-Петербурге: 5 идей на любой вкус

Чем заняться в выходные осенью в Санкт-Петербурге: 5 идей на любой вкус

«Неловко спросить». Вопросы о благотворительности, которые вы стеснялись задать

«Неловко спросить». Вопросы о благотворительности, которые вы стеснялись задать

Реклама
Это страшнее расставания: когда сердце может «разбиться» на самом деле

Это страшнее расставания: когда сердце может «разбиться» на самом деле

Комментарии
Авторизуйтесь, чтобы оставить комментарий
Oleg Yurga
01.07.13 14:40
Неплохая подборка, спасибо. Вот только веб-дизайн к ней ни при чём) Хотя несколько ссылок в избранное дизайнерам добавить стоит.
Валера Тележинский
01.07.13 15:02
Спасибо за полезную информацию )
Максим Шоломов
01.07.13 15:06
Place hold — сервис заглушек изображений, а не для презентации макетов.
Что вы могли пропустить
Шагай до Мордора, корми пингвина, сажай деревья: 10 трекеров привычек с игровыми механиками
Шагай до Мордора, корми пингвина, сажай деревья: 10 трекеров привычек с игровыми механиками
0
18:00
Технологии
Технологии
Google запустила автосохранение фото с Android на ПК через Quick Share
Google запустила автосохранение фото с Android на ПК через Quick Share
0
17:17
Android
Новости
Apple готовит домашнего робота с экраном, который сможет прогонять кота со стола
Apple готовит домашнего робота с экраном, который сможет прогонять кота со стола
0
16:20
Новости
Устройства
Один из лучших графических редакторов Affinity вышел на iPad — он доступен бесплатно
Один из лучших графических редакторов Affinity вышел на iPad — он доступен бесплатно
0
10:25
iOS
Новости
25 гаджетов и устройств для дома, которые было бы приятно получить в подарок
25 гаджетов и устройств для дома, которые было бы приятно получить в подарок
0
Вчера
Покупки
Праздники
OnePlus выпустила флагманские наушники Buds Pro 4 — они уже на AliExpress
OnePlus выпустила флагманские наушники Buds Pro 4 — они уже на AliExpress
0
Вчера
Новости
Покупки
Вышла TwinDesk — бесплатная программа, которая объединяет Windows, Mac, Android и Linux в одну систему
Вышла TwinDesk — бесплатная программа, которая объединяет Windows, Mac, Android и Linux в одну систему
0
Вчера
Новости
Технологии
На Android обнаружили «СМС смерти» — оно выводит смартфон из строя без ведома владельца
На Android обнаружили «СМС смерти» — оно выводит смартфон из строя без ведома владельца
0
Вчера
Android
Новости
22-летний студент воссоздал в Minecraft всю Швейцарию в масштабе 1:1
22-летний студент воссоздал в Minecraft всю Швейцарию в масштабе 1:1
0
31 октября
Новости
Технологии
Объясняем за минуту: как звонок по номеру 112 проходит даже без сим-карты в телефоне
Объясняем за минуту: как звонок по номеру 112 проходит даже без сим-карты в телефоне
0
31 октября
Технологии
Технологии
Samsung разрабатывает гигантский складной планшет с экраном на 17 дюймов
Samsung разрабатывает гигантский складной планшет с экраном на 17 дюймов
0
31 октября
Новости
Устройства
10 аксессуаров от Baseus и Ugreen, которые упадут в цене на распродаже 11.11 от AliExpress
10 аксессуаров от Baseus и Ugreen, которые упадут в цене на распродаже 11.11 от AliExpress
0
30 октября
Покупки
Устройства
Самый автономный в мире смартфон отдают со скидкой 28%
Самый автономный в мире смартфон отдают со скидкой 28%
0
30 октября
Покупки
Устройства
Ведущий исследователь безопасности ИИ рассказал, почему перестал откладывать на пенсию
Ведущий исследователь безопасности ИИ рассказал, почему перестал откладывать на пенсию
0
30 октября
Новости
Технологии
Google исправила раздражающий баг в «Фото», из-за которого «пропадали» некоторые снимки
Google исправила раздражающий баг в «Фото», из-за которого «пропадали» некоторые снимки
0
30 октября
Новости
Технологии

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

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

0 / 0

я в 25-м году посмотрел 777 фильмов в инете, хе-хе. тоже, похоже - тот ещё рекордсмен). в этом - и шестисот не(...
60-летний фанат кино установил мировой рекорд по просмотру фильмов за год
Аватар автора комментария
Sergey Gorovoy3 часа назад

0 / 0

судя по видосу - нужно смотреть! Арни-то - хоро́ш!)
Арнольд Шварценеггер — Санта-Клаус: вышел трейлер рождественского боевика «Человек с мешком»
Аватар автора комментария
Сергей Чиков6 часов назад

0 / 0

Вкус английской еды и красота английских женщин сделали британцев лучшими мореплавателями⁠ (с)
Британец прошёл пешком 50 000 километров за 28 лет и наконец вернулся домой
Аватар автора комментария
Сергей Чиков7 часов назад

0 / 0

у меня с десяток рогаток, и не только их, регулярно стреляю с сыном, и чего-то ни разу не захотелось стрельнуть в птицу или кошку. если Вы взяв в руки рогатку хотите стрельнуть в кошку, проблема вовсе не в рогатке. поверьте, пистолеты не стреляют в людей, ложки не перекармливают до ожирения, водка не заливается в рот алкашам, везде определяющим фактором является человек.
Мультитул-новинку NexTool Silver Blade E40 отдают за полцены на AliExpress
Давайте посчитаем. Как эффективно вести семейный бюджет

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

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