6 инструментов, которые пригодятся веб-дизайнеру

1. Screensiz.es

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

Представлены десятки различных устройств под управлением Android, планшеты, включая BlackBerry Playbook, Microsoft Surface Pro и Barnes & Noble Nook. Для менее распространенных устройств найти нужные сведения также довольно легко.

Screensiz.es также предлагает рейтинг популярности устройств, который основан на статистике поисковых запросов Google и ряде других критериев.

2. Subtle Patterns

Subtle Patterns предлагает широкий спектр фоновых рисунков, которые можно использовать в качестве подложки для ваших сайтов. Простые, но в то же время приятные узоры удовлетворят вкусы поклонников минимализма в дизайне, которые хотят чего-то большего, чем обычный белый фон.

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

3. Lost Type

Помните, тот шрифт, который вы видели на любимом сайте? Есть немалая вероятность того, что этот шрифт взят с сайта Lost Type, объединяющего множество дизайнеров, которые выставляют там свои работы на продажу по цене «заплати, сколько хочешь».

Пожалуй, Lost Type можно отнести к списку сайтов, о которых должен знать каждый дизайнер (и не только). В Сети не так много мест, где можно добыть качественный уникальный шрифт и не заплатить за это кучу денег.

4. Red Pen

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

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

5. Набор иконок от Brankic1979

Прекрасный набор бесплатных иконок, отлично подходящий для дизайна приложений, сайтов и иных проектов. Набор содержит более 350 элементов, начиная с цифр и заканчивая шестеренками и микрофонами, и наверняка вы найдете в нем что-то стоящее. Главное, что иконки бесплатны как для личного, так и для коммерческого использования.

6. Color By Hailpixel

Конечно, недостатка в инструментах захвата цветов (color-picker) не ощущается. Это один из инструментов, который всегда должен быть под рукой у дизайнера, а на Color by Hailpixel определенно стоит обратить внимание.

Открывшийся сайт покажет вам пустой экран с единственной ссылкой на черный цвет (#000000). Перемещая курсор по экрану, вы будете видеть, как изменяется цвет фона, а окошко в центре будет показывать соответствующий hex-код этого цвета.

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

Клик по «шестеренке», расположенной на каждой сохраненной полоске, вызовет панель с настройками этого цвета, где вы можете более точно установить значения RGB и HSL. Замечательный инструмент.

Есть ли у вас собственные любимые онлайн-инструменты? Расскажите нам в комментариях.

Это упрощённая версия страницы.

Читать полную версию
Обложка: Maxx-Studio / Shutterstock
Если нашли ошибку, выделите текст и нажмите Ctrl + Enter
Максим Печорин
12.09.13 12:15
Половиной уже пользуюсь. А за остальные - спасибо :))
SergeyMF
16.09.13 22:16
Ну как сказать, это лишь малая часть инструментов, которые могут пригодится дизайнерам, но хотелось бы добавить к этому списку http://www.webhostinghub.com/glyphs/ - один из самых больших наборов бесплатных иконок, которые я когда либо встречал http://fontastic.me/ - сервис позволяющий генерировать готовые для использования иконочные шрифты с только необходимыми вам иконками. (рекомендую) https://wireframe.cc/ - минималистичный сервис для прототипирования веб-сайтов
Andrew Tishkin
04.10.13 18:36
На днях случайно наткнулся на http://www.colorhexa.com