Статьи

8 свежих дизайнерских инструментов и ресурсов для вашего 2017 Toolbox

Молот Эстуинга

Это молоток. Если быть более точным, то это винтажный Estwing Claw Hammer из конца 1960-х годов. Это красиво изготовленное, крепкое изделие, но оно не сильно отличается от молотков, производимых Estwing по сей день . Молотки — и способ их использования — не сильно изменились за 50 лет. Однако инструменты веб-дизайна и ресурсы, которые мы используем, отличаются .

Посмотрите на инструменты, которые вы используете сегодня, и сравните их с тем, что вы использовали 5 лет назад. В 2012 году вы, вероятно, использовали PNG для иконок. Фотошоп был вездесущим. Sketch — это приложение для создания бахромы, а SVG — странный формат Inkscape. Вещи изменились, и это, вероятно, продолжится. Скорее всего, ваш следующий инструмент уже там.

Итак, какие инструменты дизайна и ресурсы будут в вашем наборе инструментов 2017 года?

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

Illusion.ai

Illusion.ai

В 2017 году в Сан-Франциско, работающем за Illusion.ai , возникла тенденция к развитию диалогового интерфейса пользователя. Он намерен создать сервис, который позволит вам разрабатывать и применять диалоговые интерфейсы как для веб-сайтов, так и для мобильных сайтов. Идея состоит в том, чтобы помочь вашим посетителям и клиентам обсудить ваш продукт или услугу. Имея множество шаблонов в коллекции, вы можете создать настраиваемый интерфейс и интерфейс.

Сайт : https://illusion.ai/

Категория : Дизайн интерфейса

Цена : бесплатно (в настоящее время в альфа)

Итог : Illusion.ai делает настраиваемые и привлекательные диалоговые интерфейсы не только простыми в создании, но и встраивающимися в ваши сайты.

Контрольный список для веб-разработчиков

Контрольный список веб-разработчиков

Контрольный список веб-разработчиков — это расширение для Chrome, а не веб-приложение. Расширение специально разработано для веб-разработчиков, поскольку позволяет им проверять свои веб-страницы на наличие ошибок или нарушений общепринятых практик.

Хотя контрольный список уже впечатляюще обширен, в будущем планируется включить Rails и Python checkers. На данный момент расширение позволяет разработчикам обнаруживать любые потенциальные проблемы с их сайтом и устранять их.

Сайт : http://webdevchecklist.com/

Категория : Утилиты

Цена : бесплатно

Итог : комплексный контрольный список для веб-разработчиков для выявления потенциальных проблем в режиме реального времени.

Freebiesbug

Freebiesbug - бесплатные инструменты дизайна и ресурсы

Freebiesbug, созданный Pasquale Vitiello, — это блог о веб-дизайне, который разрабатывается как универсальный магазин для веб-дизайнеров и графических дизайнеров, которые ищут последние бесплатные ресурсы. Предлагая только лучшее качество, цель Freebiesbug — позволить дизайнерам легко и быстро создавать, предлагая множество бесплатных ресурсов, включая файлы PSD, Illustrator и Sketch, а также шрифты, код и фотографии.

Веб-сайт : https://freebiesbug.com

Категория : Ресурсы

Цена : бесплатно

Итог : Freebiesbug — это бесплатная коллекция высококачественных ресурсов для дизайнеров и разработчиков.

Обман 3

Tumult's Hype 3

Tumult Hype 3 — это эксклюзивный инструмент для Mac, созданный двумя бывшими инженерами Apple с единственной целью — помочь вам создавать и анимировать интерактивный контент HTML5 для ваших сайтов. Наряду с Hype Reflect и HyperEdit пользователи Mac могут работать с адаптивными макетами для разработки всего, от электронных карточек до инфографики и анимированных элементов сайта, без изучения кода.

Веб-сайт : http://tumult.com/hype/

Категория : Дизайн

Цена : 14-дневная бесплатная пробная версия или $ 49,99

Итог : Hype Tumult позволяет веб-дизайнерам и графическим дизайнерам Mac создавать контент HTML5, не зная кода.

Бренд Брифер

Бренд Брифер

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

Веб-сайт : http://brandbriefer.com

Категория : Производительность и бизнес

Цена : бесплатная бета-версия

Итог : BrandBriefer — это онлайн-платформа, которая поможет вам ускорить процесс брендинга.

Itmeo WebGradients

Веб-градиенты Itmeo

Небольшая команда из Санкт-Петербурга, Россия, Itmeo гордится созданием продуктов для веб-дизайнеров и разработчиков, в которую входят WebGradients. Кураторская коллекция Itmeo — это бесплатные источники линейных градиентов, которые в настоящее время насчитывают 180 экземпляров. Она поставляется в форматах Sketch, Photoshop, CSS и PNG, что делает ее доступной для всех дизайнеров. С простой системой реализации вы можете добавить любой градиент в свой интерфейс, когда захотите.

Веб-сайт : https://webgradients.com/

Категория : Ресурсы

Цена : бесплатно

Итог : универсальный магазин для веб-дизайнеров, которые ищут простые в реализации градиенты для своего пользовательского интерфейса.

невменяемость

невменяемость

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

В настоящее время Lunacy находится в бета-версии, так как команда Icons8 находится в процессе добавления новых функций. В настоящее время пользователи Windows могут копировать CSS и экспортировать ресурсы таким же образом, как это можно делать с помощью Avocode и Zeplin. Помимо бесплатной загрузки на рабочий стол, существует также портативная версия Lunacy.

Веб-сайт : https://icons8.com/lunacy

Категория : Утилиты

Цена : бесплатно

Итог : Lunacy предоставляет пользователям Windows возможность бесплатного доступа к файлам Sketch.

Shoutem

Shoutem

Shoutem похож на WordPress мобильных приложений, где вы можете создавать, публиковать и управлять своими приложениями. С помощью компоновщика приложений и инструмента CMS любой может создавать новые или настраивать текущие функциональные возможности приложения с помощью своих расширений с открытым исходным кодом. Благодаря более чем 200 настраиваемым макетам, написанным с помощью React Native, а также более 40 встроенным экранам и значительному количеству встроенных расширений, Shoutem предлагает бесконечные возможности для разработчиков мобильных приложений без навыков программирования.

Веб-сайт : http://www.shoutem.com/?utm_expid=.H5EqvYGARkmHbMn-woGSzA.0&utm_referrer=

Категория : Производительность

Цена : бесплатная пробная версия для первых 3 планов, базовая — 19,90 долл. / Мес., Продвинутая — 49 долл. / Мес., Неограниченная — 119,90 долл. / Мес., Enterprise — Contact Shoutem

Итог : Shoutem — это конструктор приложений, который позволяет легко и быстро создавать кроссплатформенные мобильные приложения.

Знаете ли вы, что Габриель также преподает отличный курс дизайна — Основы дизайна для разработчиков ?