Полезные сайты/сервисы для дизайнера

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru
Правила
Запрещены какие-либо обсуждения. В этой теме размещаются только ссылки с описанием и(или) скриншотами на полезные сайты и сервисы для для WEB-дизайнера! В этой теме ЗАПРЕЩЕНО делиться файлами, только ссылки на сайты. Для файлового архива есть отдельная тема. Все сайты со статьями, уроками, креативом, мокапами, psd - сюда. Ссылка на файлы плагинов для фотошопа, кистей, иконок, шрифтов - в отдельную тему.

Правила оформления сообщения:
1. Обязательно пишем краткий и понятный заголовок НА РУССКОМ.
2. По желанию пишем краткое описание сервиса
3. Выкладываем ссылку на сервис под спойлер или хайд по желанию
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru
http://browsershots.org/ - смотрим как наш сайт выглядит во всех браузерах, делает скриншоты и сохраняет их в архив

Adobe Kuler подбор цветовой схемы

Огромный поиск иконок https://www.iconfinder.com/

IconArchive

FindIcons

IconDeposit

FreeIconsWeb

UI и элементы дизайна

Designmoo

designmoo.png


Patterntap

patterntap.png


365psd

Design Kindle

UX Movement

psdGraphics

Freebiesbooth.com

Best PSD Freebies
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru
Большие и популярные сайты

Behance - работы лучших дизайнеров со всего мира

behance.png
Dribbble - множество отличных элементов дизайна

dribble.png


DeviantArt очень старый и большой ресурс с огромным количеством работ и элементов дизайна.

deviant.png
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru
1.abduzeedo.com
Отличный сайт про логотипы и дизайн вообще. (причем с подробными объяснениями)
11.jpg


2.freelanceswitch.com
Сообщество всех внештатных дизайнеров (фрилансеров, если хотите) для работы за рубежом.
21.jpg


everycreative.com
Сайт, в котором собраны по кусочкам практически все сферы дизайна, с многочисленными вдохновляющими примерами.

5.jpg


.davidairey.com
Сайт дизайнера Дэвида Эрейа (David Airey). Здесь он делится своим опытом в сфере графического и лого дизайна.
6.jpg
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru
Инструменты

ce0170b259b8efd0799230cd7f52e5ec.png


Red Pen — сервис позволяет легко получать обратную связь на свои работы в формате PNG: после загрузки картинки любой пользователь может оставлять свои комментарии к файлу
Codifferous — сервис для инспектирования и улучшения своего кода

034e4d6b9a576a9f522e12b68102c159.png


Bounce — плагин, позволяющий интегрировать сервис Dribble в Photoshop, Illustrator, InDesign или Fireworks.

e6d597215397e223898316742a6342c0.png


Colourcode — инструмент для выбора цветовой схемы. Хороший конкурент kuler'a от Adobe.

a7b9ea438d5ba30516393a7311346dc2.png


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

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru
Сервисы

9979b731b5b52019415ded48803110ec.png


Videry — постоянно пополняемая база обучающих и просто полезных видео для веб-дизайнеров

31d15f19295eebd37bea7ddfc65f1d15.png


Portkit — подробное сравнение элементов интерфейсов iOS 7, iOS 6 и Android 4+. Примеры снабжены полезными ссылками.

575dc9a408e1a12845e0add4299e1673.png


Guifff — коллекция анимированных дизайнерских гифок с сайта Dribble

79ac62fa3bc82f68a562340d2ce45aec.png


Flatdoc — полезный сервис для быстрого создания документации

4396b92ce4ce7244f538fa596c0765f8.png


Designers Complaining — жалобная книга дизайнеров в виде отдельного Tumblr-блога
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru
Работа с цветом — это первое, что должен уметь любой дизайнер.Большинство полезностей с уклоном в веб-дизайн.

Инструменты

840d69f319acd29d47b0215865e34e98.png


Colour Lovers — старый и функциональный инструмент для подбора цветовых схем. Аналоги — Colourcode, Color Scheme Designer и конечно Kuler. Подобных сайтов великое множество, но эти, на мой взгляд, самые удобные.Multicolr — полезный поисковый сервис, который умеет находить по одному или нескольким цветам фотографии на Flickr (более 10 миллионов под лицензией Creative Commons).

82dfacdd52a02a2ea0a51162538cc42c.png


Check My Colours — сервис, проверяющий читабельность текста на любом сайта. На скриншоте — часть результатов Хабра.

980e1991c75a1f8995afefad6f4b18ea.png


Sphere — выбор цветов в соответствии с теорией цвета, почти научный подход к выбору палитры

3a04854e416ba93e3165c3c7a0e92083.png
.

0to255 — помогает тонко выбрать нужный оттенок цвета.

0cb59bf4f95b8c31d495ca674fbca608.png


CSS Color Names — наглядно демонстрирует все 147 названий цветов на английском.

1d3d3f56c3c944e61a4e190b23791206.png


Color Hexa — небольшая интерактивная энциклопедия цвета с полезными функциями.

11e676cba071e4c5628846670fdce9d5.png


Color Blender — «смешивает» два цвета, находя промежуточный

d910c7be86cafec48bb085d38530eef6.png


Таблица «безопасных» цветов, которые можно использовать в веб-дизайне, от Студии Артемия Лебедева. Штука несколько устаревшая, полезна скорее для общего развития, чем практического применения.

3bee5074ee489417c74b3a0a75a8ef69.png


Color Palette Generator — составляет цветовую палитру любого изображения.

b13dec4b8abc271cecc3592914a98c55.png


color.hailpixel.com — полноэкранный выбор цветов, удобно.

8d0f3392ef4a16e485a6be890110ea3c.png


Flat UI Colors — простой сервис для выбора цветов из набора Flat UI от Designmodo.
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru
Сервисы

Prototypo — достаточно функциональный онлайн-инструмент для создания собственных шрифтов.

acbc5b1e3e51ccc7a57be8277acdef43.png
HTML 5 Maker — сервис для создания анимации на HTML 5: баннеров, слайдеров, презентаций.

7f03d0eb5b09bfa97a569132bae5a6c2.png


Bootstrap 3 Grid Builder — конструктор для быстрого создания структуры страница на Bootstrap 3.

684bd33ea46cb298ae86ce22f7913e03.png


Unsplash — коллекция бесплатных качественных HD фотографий.

051d1953857bb24d52531091b4aae36d.png


Type Hunting — галерея фотографий с интересным использованием шрифтов.

c32efb8a48cde229d1fe469c2457251f.png


Random User Generator — генератор случайных профилей пользователей — Lorem Ipsum для людей.

e8ac589e3bec426ce9ca4d24c79a594a.png


PSD Fonts — определение шрифтов, которые используются в PSD макете.

d46bd778c837eeaed073bace02876e94.png


Инструменты

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

1ecc3bcd55af6dd2101815b5594e3661.png


Favico.js позволяет добавлять информативные уведомления на favicon сайта.

3bbc7919a7b10ef78e8b858daefd9d90.png
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru
http://www.flatuicolorpicker.com/ - чуть выше был схожий ресурс, но тут цветов побольше, думаю из домена понятно предназначение.
http://colourco.de/ - тоже сервис для подбора цветов.
http://starsunflowerstudio.blogspot.ru/ - ШАРА )) куча кнопок\иконок и прочего, причем не бородатых годов, а вполне себе современное.
http://www.flaticon.com/ - векторные иконки.
к сожалению, похожих на shutterstock.com (по качеству контента) свободных шар не видал еще.

http://www.psd-dude.com/ - неплохой ресурс, псд, уроки
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru
 

Sam Jack

Капитан-Узурпатор
Команда форума
Созидатель
5 Май 2015
13.917
4.894
113
Россия
null-prog.ru
Siteliner — инструмент для seo-анализа сайта. Поиск дублирующегося контента, неработающих ссылок и многое другое.


9509899866c7489793c4255e6673b3a6.png

--- Добавлено, 5 дек 2014 ---
Bounce.JS — одновременно и сервис, и JS-библиотека для быстрого создания и редактирования CSS3-анимаций.


4c58b26c3cb0454ab92fa38212eaecbc.png


CSS Shrink — онлайн-сжатие вашего CSS-кода. Кстати, не только сжатие — можно вставить уродливо отформатированный код и получить на выходе красивый.


2650f46274c74b4b9b0cb761ebb9670c.png