Если вы похожи на меня, вы всегда ищете что-то новое и интересное для улучшения своих дизайнерских проектов.
Знаете, что-то еще, что выделит ваше видение среди конкурентов, привлечет внимание потенциальных клиентов и, в идеальной ситуации, заставит их совершить конверсию.
Ниже приведены семь моих любимых инструментов и ресурсов для дизайна. Помимо оптимизации времени разработки, они мне очень помогли в создании уникальных пользовательских интерфейсов и возможностей для различных проектов. Давайте посмотрим.
1. Обложка: Видеоконтент
Когда я занимаюсь дизайном, мне всегда нравится расширять границы того, как вывести веб-сайт на новый уровень. Один из многих способов сделать это - использовать видеоконтент.
Если вам нужен привлекательный видеоконтент с впечатляющей малой глубиной резкости или съемками с воздуха, но у вас нет тысяч долларов на дорогостоящее оборудование, ребята из Coverr могут предложить вам отличные варианты выбирать из. Самое приятное то, что они бесплатны!
Каждый понедельник Coverr загружает 7 новых высококачественных видео, которые вы можете бесплатно использовать на своем веб-сайте или в своем контенте. Подписка - лучший способ первым получить доступ к новым дополнениям.
Использование Coverr
Использовать Coverr очень просто. Начиная поиски, пролистайте их сайт и найдите идеальный видеоконтент для вашего проекта. Когда вы найдете его, щелкните по нему и нажмите «Загрузить».
Вы также можете загрузить видео на свой сайт. Как только вы получите фрагмент кода, который они предоставляют, и измените три исходных пути, отмеченных синим цветом, они упомянут об этом на своем сайте.
2. Invision: Живое прототипирование макетов
Как дизайнер, я часто мечтаю (с горячей чашкой Джо и домашним кактусом рядом) о том, как воплотить в жизнь дизайны моих приложений или веб-сайтов с помощью движения. Это сделает представление макета клиенту не только более эффективным, но и увлекательным. Я уверен, что все вы, дизайнеры, хотели бы сделать то же самое - что ж, есть решение воплотить ваши мечты в жизнь - Invision.
InvisionApp лучше демонстрирует ваши дизайнерские работы клиентам. Одна из основных причин, по которой мне нравится использовать InvisionApp, заключается в том, что оно избавляет от необходимости объяснять, как кнопки и анимация будут работать на дизайне сайта, и воплощает их в жизнь в простой в использовании интерактивной форме.
Использование Invision
Использовать этот инструмент так же просто, как загрузить свои проекты. Отсюда вы можете добавлять горячие точки и превращать статический экран в кликабельные прототипы. Как только вы все это сделаете, просто поделитесь ссылкой со своими клиентами. Они смогут открыть проект на своем настольном компьютере или мобильном устройстве и даже оставить комментарий, если у них есть учетная запись. Это отличный способ получить быструю обратную связь прямо перед вами.
3. Crayon: Вдохновение для маркетинговых поисковых систем
Такое случается со всеми дизайнерами; мы попадаем в ужасный кризис дизайна и пытаемся выбраться из него.
Мы получаем вопрос: «Как я могу сделать свой сайт еще более эффективным или визуально привлекательным, чтобы привлечь и удержать посетителей?»
Что такое карандаш
Это привело меня к Crayon. Crayon - это комплексная поисковая система по маркетинговому дизайну, которая помогает маркетологам найти вдохновение для следующего проекта сайта.
Crayon содержит более 11 миллионов маркетинговых дизайнов, которые подстегнут ваше воображение и вдохновят вас на создание следующей великой идеи.
Сайт также упрощает и ускоряет поиск соответствующего контента. Благодаря разнообразию фильтров вы можете сосредоточиться на дизайнах или проектах, похожих на ваш. Затем вы можете создавать коллекции в своем профиле, чтобы продемонстрировать свое вдохновение и вернуться к нему позже.
4. Unsplash: фотографии в высоком разрешении
Главные изображения на сайте действительно могут оказать огромное влияние. Я всегда ищу новые сайты, которые помогут мне найти отличные бесплатные фотографии для использования в моей дизайнерской работе, и Unsplash определенно мне нравится.
Использование Unsplash
Использовать Unsplash очень просто. Просто найдите нужное изображение и нажмите «Загрузить». Если вы хотите пойти еще дальше, вы можете подписаться на сайт по электронной почте и получать 10 фотографий, отправляемых прямо на ваш почтовый ящик каждые 10 дней.
5. GoodUI: стратегии пользовательского интерфейса
Думаете, вы знаете все о хорошем пользовательском интерфейсе? Я постоянно пытаюсь улучшить тактику и стратегию, чтобы соответствовать стандартам пользовательского интерфейса и превосходить их.
Знание и расширение этих границ в конечном итоге поможет создать уникальный опыт и повысить коэффициент конверсии благодаря простому в навигации интерфейсу.
Оптимальные стратегии пользовательского интерфейса
GoodUI предлагает рабочий список идей пользовательского интерфейса, которые помогут вам вывести свои идеи на новый уровень. Также есть функция «предложить улучшения», с помощью которой вы можете поделиться своими открытиями, чтобы другие дизайнеры могли ими воспользоваться.
6. Font Awesome: Лучшая векторная коллекция
Я всегда просматриваю сайт за сайтом, пытаясь найти нужную коллекцию шрифтов, но как только я наткнулся на Font Awesome, я больше не повернул назад.
Как использовать и преимущества
Font Awesome предоставляет вам векторные значки с изменяемым размером, которые вы можете настроить по своему усмотрению. Вектор противоположен объекту, построенному из пикселей. Если бы вы увеличили масштаб пиксельного объекта, вы бы обнаружили, что объект состоит из крошечных квадратов. Однако векторный объект не имеет крошечных квадратов, составляющих объект. При увеличении масштаба он все равно будет выглядеть «сплошным».
(Здесь становится интересно.) С помощью FontAwesome вы можете включать их векторные значки в свои проекты, просто скопировав и вставив короткую строку кода в свой CSS. В конечном итоге это поможет дизайнерам сэкономить время и повысить эффективность реализации проектов.