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

Октябрь 07 2011

7 полезных онлайн сервисов для дизайнеров

Думаю, времена, когда веб дизайнеры безоговорочно пользовались одним только фотошопом прошли (либо им совместно с каким-то векторным редактором). Конечно, для многих это остается инструментом номер один в работе, но сейчас появилось много различных полезных онлайн сервисов для дизайнеров, которые могут значительно упростить или помочь процессу. Некоторые из них направлены на работу со шрифтами, другие помогают отыскать вдохновение, третьи помогут подобрать цветовую гамму и т.п. Возможно, их значимость не так велика, если оценивать весь процесс разработки дизайна целиком, но при грамотном подходе они могут быть весьма ценными инструментом, облегчающими работа. Итак, представляем вашему вниманию 7 полезных онлайн сервисов для дизайнеров.

Color Scheme Designer

Color Scheme Designer

  • Описание: позволяет подобрать цветовые схемы сайта и сохранить их для дальнейшего использования
  • Стоимость: бесплатно
  • Ссылка: http://colorschemedesigner.com

Почему этот ресурс может быть вам интересен: Если вы создаёте веб-сайт (а кто сейчас этим не занимается?), то вам необходимо подобрать тему для него. При этом так может случится, что вы не сильны в стилистике и плохо разбираетесь в цветах, оттенках и стилях. В таком случает лучше знать парочку инструментов под эти цели, которые можно использовать при разработке сайта. Они помогут в подборе цветовой гаммы проекта. Один из таких ресурсов – ColorSchemeDesigner.com – действительно, отличный инструмент, который помогает вам правильно подобрать цвета.

Комментарий: этот ресурс позволяет вам видеть номера цветов, варьировать насыщенность цвета, яркость, контрастность, просматривать превью сайта с данной цветовой гаммой. Кстати, в блоге я уже рассматривал данный проект, поэтому в статье про Color Scheme Designer можете почитать о нем чуть более подробно, посмотреть картинки и т.п.

CSS Sandbox

CSS Sandbox

  • Описание: позволяет проводить эксперименты с CSS-стилями в реальном времени
  • Стоимость: бесплатно
  • Ссылка: http://aurelio.net/css-sandbox/

Почему именно этот ресурс: На то есть пару причин: игрушка, учитель, наглядная демонстрация, быстрое отображение изменений, веб-приложение, всего одна HTML-страница. CSS Sandbox может быть описан несколькими предложениями. Это простая и быстрая в действии веб-игрушка, которая позволяет Вам экспериментировать с CSS в режиме реального времени. Просто кликните на один из элементов CSS, чтобы увидеть мгновенный результат. Никаких перезагрузок страницы. Быстро и весело!

Как только Вас удовлетворит полученный стиль, подведите курсор мыши к значку <Код>. Появится панель, содержащая все необходимые CSS-коды для добавления этого форматирования на Ваш веб-сайт.

Typetester

Typetester

  • Описание: позволяет сравнивать типы шрифтов для экрана
  • Стоимость:  бесплатно
  • Ссылка: http://www.typetester.org

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

Комментарий: в Typetester Вы также можете получить CSS-код для понравившегося стиля, используя вкладку Tools и опцию Get CSS for 1-st/2-nd/3-d column.От CSS Sandbox отличается тем, что позволяет одновременно сравнивать несколько типов шрифтов в разных колонках.

Genfavicon

  • Описание: позволяет конвертировать изображение в favicon для Вашего сайта
  • Стоимость: бесплатно
  • Ссылка: http://www.genfavicon.com/

Зачем выбирать этот сервис: Сайт Genfavicon использует приложение, которое позволяет вам создавать файл .ico из любой картинки на Ваш выбор. Просто укажите адрес изображения в строке URL или загрузите его на сервер Genfavicon. Затем выберите ту часть изображения, из которой Вы будете делать favicon перетаскивая мышью выделенную область. После этого Вы должны указать размер Вашего значка favicon: 16X16, 32X32, 48X48, 64X64 или 128X128. Просмотрите полученный результат в окне Favicon Resulting и завершите процесс создания значка.

Вы можете использовать созданный значок для Вашей странички или разместить его в любом месте, где захотите. Создание favicon  никогда не было таким простым. В три шага Вы создаёте значок .ico, который Вы легко можете вставить на свой сайт.

CrazyEgg

CrazyEgg

  • Описание: дополняет Вашу аналитику визуальными данными об активности и действиях посетителей.
  • Стоимость: от 9$ в месяц
  • Ссылка: https://www.crazyegg.com/

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

SurFTP

SurFTP

  • Описание: он-лайновый FTP-клиент для Вашего сервера
  • Стоимость: бесплатно
  • Ссылка: http://surftp.com/

Почему ресурс интересен: После того, как Вы зарегистрируетесь на сайте, Вы сможете: управлять содержимым FTP-сервера, загружать/выгружать файлы, архивировать/деархивировать файлы, устанавливать ПО, копировать, перемещать и удалять файлы, копировать или перемещать файлы на другой FTP-сервер, переименовывать файлы и изменять права доступа пользователей к файлам.

Snipplr

Snipplr

  • Описание: публичный репозиторий для сниппетов (фрагментов кода)
  • Стоимость: бесплатно
  • Ссылка: http://snipplr.com

Чем именно интересен: Snipplr – это открытый репозиторий для исходного кода, который предоставляет Вам место для хранения и организации всех небольших кусков кода, которые Вы используете каждый день. Но прежде всего этот ресурс позволяет Вам делиться сниппетами с другими программистами и дизайнерами. Исходные коды — вообще штука очень полезная, позволяющая иногда сэкономить множество времени.

P.S. В качестве моего личного комментария к посту, в принципе, и добавить то нечего — все сервисы по своему интересны и могут применяться в работе. Также, наверное, следует зайти на оригинал с которого делался перевод — это статья 25 Essential Web Services for Designers, поскольку там представлены чуть больше ссылок на сайте. Всего автор рассмотрел 25 интересных веб проектов, мы привели лишь часть из них, так сказать, наиболее интересные, но для общего развития можно бегло оценить остальные. Кроме того, определенная часть подборки представляет собой платные ресурсы, поэтому тут уже нужно взвешивать насколько полезным будет тот или иной сервис и достоин ли он соответствующих финансовых затрат.

P.P.S. Если сравнивать с продвижением эффективная контекстная реклама может привести чуть больше клиентов, но эффект раскрутки более продолжителен.
Интернет магазин Линзмастер предлагает в ассортименте контактные линзы и различные аксессуары к ним, заказать можно быстро, доставка по Украине.

комментариев 5

Оставить комментарий