142 полезных инструмента

Blocs

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

SKETCH

Создали в SKETCH
Сервис который улучшается не по дням а по часам, прибавляются новые функции, доделываются старые, поправляются недочеты, в основном разработчики начиная с 2009 года, создания скетча (в переводе на русский — эскиз) не прекращают работать в поте лица. Мало того, сервис вместил в себя всю логичность CSS 3 и продолжает развиваться в том же направлении. Это творение по настоящему для современного, цифрового дизайна.

WEBFLOW

Создали в WEBFLOW
Данный инструмент дает возможность совершать сайты без знания и использования кода. Неназойливый дизайн не отвлекает и не мешает при создании проекта, и помогает сосредоточиться на дизайне. Хотя код, который производит данное приложение хорош, но не стоит забывать, что руками тоже многое приходится подправлять. Да и стоит уже давно уяснить, что за любым таким «созданием сайта без знания кода» кроются множество подводных камней в виде: множества не доработок, багов, мусорного кода, медленной работы и т.д. Поэтому никто не отменял знания в ручной верстке.

TinyPNG, TinyJPG

Создали в TinyPNG, TinyJPG
Онлайн bycnhevtyn, который содержит умные способы сжатия с потерями для уменьшения размера файла PNG. Частично сокращать число цветов изображения, сокращает объем изображения. Результат практически невидим, но объем файла весьма уменьшается. Сжатие происходит быстро, готовое изображение можно скачать или отправлять в dropbox.

Font Pair

Создали в Font Pair
Позволяет подобрать наиболее подходящую пару шрифтов Google. В виде меню представлены пары различных семейств: Sans-Serif/Serif Serif/Sans-Serif Sans-Serif/Sans-Serif Cursive/Sans-Serif Cursive/Serif Serif/Serif Выбирайте любой, ищите понравившееся сочетание заголовка и текста. Скачивайте архив с этими шрифтами и пользуйтесь.

ARKIT

Создали в ARKIT
В iOS 11 появился новейший инструмент под названием ARKit для преобразования эффектов допоненной реальности на iPad и iPhone. В ARKit имеются определенные «умные» функции, которые умеют находить и определять плоскости и поверхности, а также уровни освещенности, поэтому правильное освещение можно применять к виртуальным объектам. Все это смотрится довольно интересным и немного забавным. Дополненная реальность – новый горячий тренд в веб-дизайне – время покажет, насколько он устойчивым окажется в долговременной перспективе.

SQLIFY

Создали в SQLIFY
SQLify весьма хороший инструмент, «заточенный» под 1-у простейшую функцию: он разрешает преобразовывать каждый файл JSON или CSV в SQL. Также можно осуществить преобразование в MySQL, SQLite и различные параметры. Для этого необходимо рассмотреть открывающийся список «Другие версии» в нижнем колонтитуле сайта.

API FORTRESS

Создали в API FORTRESS
При устройстве интерфейса очень затруднительно избежать погрешностей, как мельчайших, так и критических. Разработчики из организации API Fortress, полагают что в плане 10% ошибок удается обнаружить в 1-ый день запуска, поэтому нужен долговременный прогноз для того, чтобы удостовериться, что все функционирует верно. Этот сервис обеспечивает мониторинг в реальном времени и точное тестирование ваших API-интерфейсов. Пользователь может настроить множество параметров не работая с кодом – все происходит через взаимодействие с интерфейсом сервиса.

Ink by Zurb

Создали в Ink by Zurb
Ink by Zurb – Web-инструмент, который помогает выполнять адаптационные HTML-письма, которые будут идентично выглядеть на разных устройствах. На сайте предложены готовые образцы, которые не требуют самооптимизации под телефоны, или различные почтовые клиенты.

iPhone Mockup

Создали в iPhone Mockup
Поспособствует мгновенно и легко создать зарисовку или скетч мокапа iPhone. Всё, что необходимо выполнить — способом drag-and-drop просто переместить нужные элементы интерфейса. Но данная услуга не подходит для важной разработки, но если вы желаете мгновенно выразить свою идею или поделиться с кем-то рисунками, iPhone Mockup для этого совершенно подойдёт.

Marvel

Создали в Marvel
Можно образовать дизайн приложения сразу в Marvel или поставлять свои макеты из Photoshop или Sketch. С законченным оформлением можно сделать прототип (добавить анимации и переходы), чтобы рассмотреть, как приложение или веб-страница будет смотреться. Есть возможность показывать проекты и принимать обратную связь в режиме настоящего времени.

Pixate

Создали в Pixate
Pixate — платформа для прототипирования приложений, которая обладает большим набором функций. Вы можете создавать слои, добавлять интерактив и анимации и, что самое главное, — посмотреть, как будет выглядеть ваш дизайн в жизни. С помощью плеера Pixate вы сможете полистать готовый прототип и покликать по нему на смартфоне (поддерживаются платформы Android и iOS). Ещё один плюс программы — научиться работать в ней довольно просто. В итоге вы сможете создать дизайн приложения, не написав ни строчки кода.

Endless icons

Создали в Endless icons
Данный ресурс всегда обновляет свои коллекции монохромных иконок. Все иконки созданны в стиле скетчей, нарисованных от руки.

deSVG

Создали в deSVG
Данный ресурс удобен тем что может устранять ненужный SVG код из вашего HTML документа, и сменить SVG на CSS и в целом помочь вам, чтобы было легче работать.

CSS Gradient Animator

Создали в Gradient Animator
Хороший инструмент, который помогает создавать симпатичные анимированные фоны с градиентом всего за несколько кликов. Легко настроить угол, скорость анимации и цвета, и этот инструмент сформирует фон, который можно применить для сайтов.

Piligrim

Создали в Piligrim
Разработчики всегда выбирали разные IRC, но дизайнеры держались подальше от невзрачных чатов. Но Piligrim* решил данную проблему, соединив в себе легкость и простоту. Приятные цвета и типографика, атмосферные звуки и анимированные индикаторы создадут общение полезным и приятным.

dataviz.tools

Создали в dataviz.tools
Разработчик данного сайта выпустил большую библиотеку из девятьсот составляющих. Здесь вы найдете данные о JavaScript и D3 libraries, маппинге, чистке данных, дизайнерские инструменты.

Lottie

Создали в Lottie
Lottie — инструмент написанный Airbnb, который поспособствует выполнить и добавить базовую анимацию для всех устройств. Содержит iOS, Android, и React Native библиотеки которые рендерят After Effects анимации в режиме реального времени

UI faces

Создали в UI faces
UI faces – это сайт, на котором можно найти простые аватарки для UI мокапов. Отличный вариант для визуального дизайна.

Tech&All

Создали в Tech&All
Tech&All собрал все, что нужно знать о веб-дизайне, коде, шаблонах, визуальном дизайне, UIKits, UI элементах и разработке хорошей навигации по сайту.