Это молоток. Если быть более точным, то это винтажный Estwing Claw Hammer из конца 1960-х годов. Это красиво изготовленное, крепкое изделие, но оно не сильно отличается от молотков, производимых Estwing по сей день . Молотки — и способ их использования — не сильно изменились за 50 лет. Однако инструменты веб-дизайна и ресурсы, которые мы используем, отличаются .
Посмотрите на инструменты, которые вы используете сегодня, и сравните их с тем, что вы использовали 5 лет назад. В 2012 году вы, вероятно, использовали PNG для иконок. Фотошоп был вездесущим. Sketch — это приложение для создания бахромы, а SVG — странный формат Inkscape. Вещи изменились, и это, вероятно, продолжится. Скорее всего, ваш следующий инструмент уже там.
Итак, какие инструменты дизайна и ресурсы будут в вашем наборе инструментов 2017 года?
Это то, что мы здесь, чтобы помочь вам сегодня. Я расспрашивал, допрашивал, тыкал и подталкивал каждого знакомого дизайнера и разработчика в отношении инструментов, которые они использовали в последнее время. Вот короткий список, который я придумал. Существуют приложения, расширения, онлайн-инструменты и многое другое, проверьте их и дайте нам знать, подходят ли они для вашего рабочего процесса!
Illusion.ai
В 2017 году в Сан-Франциско, работающем за Illusion.ai , возникла тенденция к развитию диалогового интерфейса пользователя. Он намерен создать сервис, который позволит вам разрабатывать и применять диалоговые интерфейсы как для веб-сайтов, так и для мобильных сайтов. Идея состоит в том, чтобы помочь вашим посетителям и клиентам обсудить ваш продукт или услугу. Имея множество шаблонов в коллекции, вы можете создать настраиваемый интерфейс и интерфейс.
Сайт : https://illusion.ai/
Категория : Дизайн интерфейса
Цена : бесплатно (в настоящее время в альфа)
Итог : Illusion.ai делает настраиваемые и привлекательные диалоговые интерфейсы не только простыми в создании, но и встраивающимися в ваши сайты.
Контрольный список для веб-разработчиков
Контрольный список веб-разработчиков — это расширение для Chrome, а не веб-приложение. Расширение специально разработано для веб-разработчиков, поскольку позволяет им проверять свои веб-страницы на наличие ошибок или нарушений общепринятых практик.
Хотя контрольный список уже впечатляюще обширен, в будущем планируется включить Rails и Python checkers. На данный момент расширение позволяет разработчикам обнаруживать любые потенциальные проблемы с их сайтом и устранять их.
Сайт : http://webdevchecklist.com/
Категория : Утилиты
Цена : бесплатно
Итог : комплексный контрольный список для веб-разработчиков для выявления потенциальных проблем в режиме реального времени.
Freebiesbug
Freebiesbug, созданный Pasquale Vitiello, — это блог о веб-дизайне, который разрабатывается как универсальный магазин для веб-дизайнеров и графических дизайнеров, которые ищут последние бесплатные ресурсы. Предлагая только лучшее качество, цель Freebiesbug — позволить дизайнерам легко и быстро создавать, предлагая множество бесплатных ресурсов, включая файлы PSD, Illustrator и Sketch, а также шрифты, код и фотографии.
Веб-сайт : https://freebiesbug.com
Категория : Ресурсы
Цена : бесплатно
Итог : Freebiesbug — это бесплатная коллекция высококачественных ресурсов для дизайнеров и разработчиков.
Обман 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 гордится созданием продуктов для веб-дизайнеров и разработчиков, в которую входят 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 похож на 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 — это конструктор приложений, который позволяет легко и быстро создавать кроссплатформенные мобильные приложения.
Знаете ли вы, что Габриель также преподает отличный курс дизайна — Основы дизайна для разработчиков ?