Как и в любой профессии, существуют инструменты и ресурсы, которые сделают вашу жизнь веб-дизайнера проще. Чем полезнее и экономнее ваши инструменты, тем больше времени вы можете сосредоточиться на таких важных задачах, как кодирование и проектирование. Что касается меня лично, любые инструменты, с которыми я сталкиваюсь, которые помогают мне выполнять свою работу быстрее, лучше и эффективнее, я, безусловно, сохраняю и к которым обращаюсь. Вот коллекция из 15 полезных онлайн-инструментов и веб-сайтов для веб-дизайнеров, которые я часто использую.
1. Adobe Color CC
У вас есть цвет, который, как вы знаете, вы будете использовать в своем проекте веб-дизайна, возможно, цвет логотипа, но не знаете, что делать дальше, чтобы создать идеальную цветовую схему для вашего проекта? Тогда Adobe Color CC - именно то, что вам нужно. Adobe Color CC позволяет создавать и сохранять различные цветовые схемы. Просто вставьте шестнадцатеричный код цвета (например, # 0babc4), а затем выберите, хотите ли вы, чтобы цветовая схема была аналогичной, монохроматической, дополнительной, составной и т. Д. Чрезвычайно просто и полезно.
2. Инструменты разработчика Google Chrome
Chrome DevTools - это набор инструментов для веб-разработчиков, встроенных непосредственно в браузер Google Chrome. Его функция быстрой отладки поможет направить вас к ошибкам в вашем коде, сэкономив массу времени при попытке определить место ошибки кодирования. Еще одна невероятная особенность - возможность быстро менять стиль. Хотите узнать, как будет выглядеть абзац другим шрифтом? Хотите знать, стоит ли добавлять в модуль дополнительные отступы? Chrome DevTools позволяет очень быстро и легко увидеть, как будут выглядеть эти изменения стиля. Этот инструмент просто необходим всем, кто занимается веб-разработкой.
3. Какой у меня размер браузера
Как бы просто это ни звучало, это веб-приложение показывает текущий размер окна вашего браузера. Это может быть полезно при разработке адаптивных веб-сайтов.
4. Цвет с помощью Hailpixel
Color by Hailpixel - идеальный инструмент для поиска и изучения цветовых комбинаций и цветовых тонов. Просто наведите указатель мыши на экран, чтобы увидеть и полюбоваться бесконечными вариациями цветов. Как только вы найдете нужный вам цвет, нажмите на него и продолжайте поиск следующего цвета. Приложение предоставляет вам все выбранные вами шестнадцатеричные цветовые коды, что очень удобно.
5. Брушизи
Brusheezy - это идеальное место для ресурсов Photoshop. Там вы найдете бесконечное множество кистей Photoshop, узоров, текстур, PSD и многое другое - практически все, что связано с Photoshop. Все ресурсы на Brusheezy можно бесплатно загрузить и, в зависимости от лицензии, бесплатно использовать в своих проектах.
6. Google Fonts
В Интернете существует множество веб-сайтов со шрифтами, но на большинстве из них вам нужно заплатить за права на использование шрифтов в коммерческих целях. В Google Fonts замечательно то, что весь их каталог шрифтов является бесплатным и открытым исходным кодом, доступным любому для любого проекта, как личного, так и коммерческого.
