Обучайся бесплатно с WAYUP Premiere сегодня вечером

Ну, кто не любит халяву?!
Особенно, когда дело касается рабочих инструментов!

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

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

БЕСПЛАТНЫЕ ИНСТРУМЕНТЫ ДЛЯ РАБОТЫ С ЦВЕТОМ

Adobe Color CC

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

Pictaculous

Одним из важнейших элементов веб-дизайна является цветовая палитра - вы должны быть уверены, что ваши изображения, графика, шрифты и цвета смогут передать ваше сообщение и, возможно, даже увеличат конверсию. Вспомните, сколько раз вам приходилось искать нужный оттенок синего или красного, чтобы сочетать с фотографией? В этом случае вам поможет именно Pictaculous. Просто загрузите фото, после чего вы получите рекомендации по использованию цвета, включая их соответствующие шестнадцатеричные коды. Больше ваши цветовые палитры никогда не будут несогласованными.

ColorZilla

ColorZilla - это отличный инструмент для любых цветовых потребностей от самых простых до продвинутых. Если вы хотите подтянуть шестнадцатеричный код для конкретного пикселя на странице, проанализировать цвет элемента DOM или раскрыть информацию об элементе, такую как название тега, класс, ID и размер, то этот инструмент может помочь вам. ColorZilla доступен как расширение для Google Chrome и Firefox.

Paletton

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

БЕСПЛАТНЫЕ ИНСТРУМЕНТЫ ДЛЯ ШРИФТОВ

Font Combinations

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

Google Fonts

Если вы ищете качественную типографику для вашего следующего дизайна, то вам стоит обратиться за помощью к такому прекрасному сервису, как Google Fonts. Этот каталог веб-шрифтов очень легок в использовании и позволяет вам добавлять шрифты на свои сайты за считанные секунды или скачивать их на свой компьютер, чтобы использовать позже. Все доступные шрифты свободны для использования, следовательно, вы спокойно можете настраивать их , менять и улучшать, как считаете нужным.

WhatFont

Как часто вы оказывались в ситуациях, когда просматривая страницы в Интернете, наталкивались на какой-то шрифт, который вы бы хотели использовать в одном из своих проектов? Пытаться определить, что это за шрифт, все равно, что искать иголку в стогу сена. Но все это становится проще с приложением WhatFont. Все, что вам нужно сделать, это установить приложение в свой браузер Google Chrome или Safari, а затем наткнувшись на интересующий ваш шрифт, просто открыть приложение и навести курсор на нужный шрифт. Вам тут же будет показано окно с информацией о шрифте, так что вы легко сможете его найти в Интернете и скачать.

Tiff

Вы когда-нибудь застревали между двумя почти одинаковыми шрифтами, не зная, какой лучше выбрать? С помощью данного инструменты вы сможете выбрать два разных шрифта для наложения друг на друга, а затем с легкостью обнаружить различия. Вы даже можете выбрать конкретные буквы для сравнения, а также установить заглавные или прописные. В настоящее время инструмент поддерживает все Google Web Fonts и любые системные шрифты.

КРОСС-БРАУЗЕРНАЯ ПРОВЕРКА ВЕБ-САЙТА

Browsershots

Пожалуй, самый полный инструмент для кросс-браузерной проверки, существующий на сегодняшний день. Тут вы найдете все возможные варианты браузеров для Windows, Linux и BSD. Вы даже найдете браузеры, о которых, наверняка, даже ничего не слышали ранее. Хотя по умолчанию инструмент проводит проверку на последних версиях существующих браузеров, вам будут доступны и старые версии. Единственное, что необходимо учитывать при проверке – чем больше браузеров вы выберите, тем дольше времени займет сама проверка.

Lunascape

Lunascape является браузером, который имеет тройной механизм вывода для Windows. В своей работе инструмент использует Webkit (Chrome и Safari), Trident (IE) и Gecko (Firefox), что дает вам возможность увидеть то, как выглядит ваш веб-сайт сразу в трех вариантах в виде визуального сравнения. Lunascape сложно назвать традиционным инструментом для кросс-браузерного тестирования, однако это не уменьшает его полезности для дизайнера. тем не менее, он будет очень полезен для дизайнеров и разработчиков. Вы можете скачать инструмент на русском или же запустить в качестве расширения Firefox, что позволит использовать Firebug для диагностики проблем совместимости.

 Продолжение следует...

Как вам материал?