» » » Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4

 

Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4

Автор: admin от 5-01-2018, 14:55, посмотрело: 30

Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4



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

[/url]

#sketch



Color Timesaver



blog.prototypr.io/color-timesaver-ui-sketch-f973dbcb498a

Color Timesaver — это sketch-файл, который позволит быстро протестировать выбранную цветовую гамму в разных grid'ax. 5 цветовых ячеек, после редактирования символов приобретают нужный окрас и можно быстро оценить совместимость нескольких цветов.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




Merge duplicate symbols



[url=https://github.com/oodesign/merge-duplicate-symbols]github.com/oodesign/merge-duplicate-symbols


Sketch плагин для очистки исходника от символов-дубликатов. Хорошее решение, если вы начали делать дизайн-проект, но где-то в глубине остались элементы, которые вовремя не были вынесены на symbol-уровнь. Плагин просканирует все артборды, найдет похожие и спросит, какие действия к ним применить.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




#icons



Iconbros



www.iconbros.com

Новый игрок на рынке иконбанков. В этой коллекции можно найти 835+ иконок, доступных в форматах SVG / PNG. В базе есть и тонкие и более интенсивные иконки. Некоторые немного выбиваются из стиля, лицензия позволяет использовать и в коммерческих целях. Библиотека постоянно пополняется.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




TW Fonts



tylerewillis.com/tw-fonts

Независимый девелопер Tyler Willis как-то решил попробовать сделать собственный бесплатный иконочный шрифт а-ля Font Awesome. Для первого раза у него отлично получилось: вы сможете найти 100+ пиктограмм в виде шрифта, которые можно подключить к собственному сайту.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




#stock



Low Polygon Art



www.lowpolygonart.com

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



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




#ux



Product Manual



www.productmanual.co

«Ресурсы для специалистов по продуктам». Это был дословный перевод. По факту — это огромная библиотека материалов по всем темам создания продукта: Фундаментальные принципы, дизайн-мышление, пользовательские исследования, определение проблем и так далее вплоть до прототипирования и дизайн-систем (eng).



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




#development



Instagram.CSS



picturepan2.github.io/instagram.css

Возможность применять к изображениям на сайте Instagram'ные фильтры на чистом CSS.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




Fluid slider by Ramotion



github.com/Ramotion/fluid-slider

Ramotion выдали готовый анимированный numeric-slider под iOS. При касании экрана, счётчик шустро выпрыгивает из под пальца, чтобы вы видели значение. Решение интересное, вопрос только в том насколько гибко кастомизируется, чтобы внедрить в свой набор компонентов и подогнать по стилю.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




Popular codepens of 2017



codepen.io/2017/popular/pens

Codepen с небольшим опозданием выложили хит-парад из 100 самых интересных pen'ов за 2017ый год. Есть много чего интересного, особенно для кодящих дизайнеров. В списке только те работы, которые собрали больше всего лайков в ушедшем году.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




Bootstrap.Build



bootstrap.build

Новый редактор тем для Bootstrap непосредственно в браузере. По принципу WYSIWYG можно кастомизировать любую тему с возможностью экспортировать в SAAS или сразу собрать билд. Фич достаточно много: open source, color picker, google fonts, code editor и так далее.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




#webtools



IMAGinators



imginators.com

Свежий продукт на тему онлайн-презентаций. Для дизайнеров может рассматриваться как кейс-билдер. Внизу лендинга сможете найти примеры готовых кейсов. Если разбираетесь в анимации, то можно хорошо манипулировать вниманием читающего ваш кейс. Лично мне не хватило на посадочной быстрой демки самого конструктора. Обещают удобный drag'n'drop, а чтобы его посмотреть, нужно зарегистрироваться и заполнять много полей. За это небольшой минус.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




Usetracy



www.usetracy.com

Браузерный инструмент для мгновенной конвертации в SVG рисунков от руки. Система отличает черное от белого и обводит контуры рисунка, далее просто скачиваете векторный файл. Очень удобно какие-то базовые концепты с бумаги сразу конвертировать и начинать обработку. Для будущих шрифтов, логотипов или иконок подходит оптимально.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




#tools



Gifable



gifable.co.uk

Gifable — это очень простая утилита, которая записывает видео с экрана сразу в gif-файл. Как жаль, что доступна только macOs-версия. Я часто записываю какие-то микроитерации из своих наработок, но сначала это приходится снимать с экрана в видео файл, а потом уже конвертить в GIF. Безусловно записывать сразу в гифку было бы быстрее.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




#mood



SpotMenu for macOS bar



kmikiy.github.io/SpotMenu

Согласитесь, сложно недооценивать влияние музыки на дизайнерский рабочий процесс. Венгерский девелопер Miklos Kristyan считает точно также, поэтому пользователям мака дарит на Новый Год примочку, выводящую ITunes & Spotify прямо в верхнее macOS меню. Мгновенный доступ к плейлисту!



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




#hints



Vertical onboarding



dribbble.com/shots/4058247-Vertical-Onboarding

Продуктовый дизайнер Maitrik Kataria смело экспериментирует с onboarding для приложения и предлагает экспериментально делать его вертикальным! Вместо горизонтального свайпа влево-вправо получаются смахивания тура на следующий. Интересно, догадаются ли пользователи как вернуться на предыдущий? Но идея определенно заслуживает внимания.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4




#news



Designer's survey of 2017



uxtools.co/survey-2017

Taylor Palmer провёл опрос среди почти 2000 западных дизайнеров и наконец-то выложил итоги. По ссылке статистика самых востребованных инструментов для: дизайна, прототипирования, анимирования, дизайн-спексов и так далее. Спойлер: Скетч всё еще впереди, но конкуренты не отстают.



Свежие утилиты, плагины и инструменты для продуктивности дизайнера. Выпуск № 4








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



Хронология: первый выпусквторой выпусктретий выпуск


Источник: Хабрахабр

Категория: Веб-разработка, Game Development

Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь.
Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

Добавление комментария

Имя:*
E-Mail:
Комментарий:
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Введите два слова, показанных на изображении: *