Инструменты

593

Бесплатный сервис помогает очистить текст от словесного мусора, проверяет на соответствие информационному стилю. Дизайнеры при помощи этого сервиса могут улучшать тексты интерфейсов и сайтов.

В каталоге: библиотеки графики, программные библиотеки, скрипты, инструменты, блоги, статьи и прочее. Каждая ссылка снабжена коротким описанием, есть удобный рубрикатор.

Артём Носенко и Дмитрий Беляев выпустили бету своего нового продукта. Zoommy — это приложение, которое объединяет различные источники с фотографиями, лицензируемыми под Creative Commons Zero. Вы можете копировать, изменять, распространять и использовать фотографии бесплатно, в том числе в коммерческих целях. Сейчас доступно более 2000 фотографий в высоком качестве с 18 источников. Любую фотографию можно скачать […]

Хороший дизайн опирается не только на опыт и интуицию дизайнера, но и на данные, полученные из реального мира. Фактбраузер поможет быстро выудить данные из исследований о том, как ведут себя люди, как они пользуются различными технологиями и реагируют на маркетинг. Все данные рассортированы по топикам, есть поиск. Например, вы сможете быстро узнать, что миллениалы отправляют […]

Iconfinder.com — более 500.000 иконок На сайте собрано более полумиллиона иконок и пиктограмм разных стилей. Есть как бесплатные, так и платные. Удобный поиск и фильтрация по стилям, цене, лицензии, формату и пр.

Онлайн-инструмент для создания модульной системы типографики с вертикальным ритмом. Незаменим для создания модульной сетки в контент-ориентированном экранном дизайне. Позволяет быстро и легко настроить кегль, высоты строк и отступы для основного текста, параграфов, заголовков и подзаголовков. На выходе дает CSS (или SCSS/LESS/STYL по выбору). Все параметры можно задавать в пикселях, EM или REM. Внимательные читатели заметят, […]

Себастьян Габриэль, дизайнер из команды Гугль Хрома опубликовал удобный гид, в котором наглядно объясняет, что такое DPI, PPI, частота, ретина, 4K, множители и прочее. А главное, он пишет, как с этим жить, работать и как настраивать своё ПО. А хабра-юзер st_dev перевел его на русский язык. Оригинал: sebastien-gabriel.com/designers-guide-to-dpi Перевод: habrahabr.ru/post/237931

Сайт getcover.ru обновился, теперь там больше 100 вариантов оболочек для макетов: браузеры, ноутбуки, смартфоны, планшеты, рамки и умные часы. Есть даже багетная рама и старинный компьютер. Всё бесплатно.

Можно загружать собственные SVG-иконки, настраивать их размер, цвет, поворот и положение. На выходе получается PNG-паттерн, который можно использовать для фона в дизайне сайта, приложения или полиграфии. kennethcachia.com/plain-pattern/app

Это замена навороченным и функциональным, но неудобным сервисам наподобие paletton.com. Тут всё работает очень просто. Вам выдается случайная схема из 5 цветов. Вы можете зафиксировать (lock) один или несколько. Потому жмете пробел и незафиксированные цвета обновляются, составляя гармоничную схему с зафиксированными. И так до тех пор, пока не составите идеально подходящую схему. Разумеется, любой цвет […]

Посмотреть демо и скачать можно тут: mokaine.com/beetle-free-html Скачать: Beetle-HTML-1_1-pack.zip

Внутри приложенного ПДФ-файла удобные шаблоны айфонов, айпадов, андроид-смартфона, браузеров и часов Эппл. Шаблоны подготовлены командой замечательного бесплатного сервиса для создания интерактивных прототипов marvelapp.com. Скачать: devices.pdf

Большая пополняемая коллекция иконок с удобным поиском. Скачать любую иконку можно в PNG и SVG форматах. Лицензия позволяет бесплатно использовать и в коммерческих и в персональных проектах (см. сайт).

Все вы видели впечатляющие интерактивные публикации, где история накладывается на карту. Так современные медиа публикуют, например, отчеты об экспедициях. Теперь у каждого есть простой инструмент для создания подобных историй. При помощи Одиссея можно создавать материалы, в любых пропорциях сочетающие гео-данные, текст, видео и изображения. cartodb.github.io/odyssey.js

В Бюро Горбунова нарисовали и раздают бесплатно галочки для шрифтов: «Мало кто из дизайнеров понимает, как изобразить графичную галочку, которой не будет стыдно в окружении типографики, пиктограмм и элементов интерфейса. В большинство профессиональных шрифтов галочки не включены, а те, что есть, ни на что не годятся. Чтобы упростить дизайнерам жизнь, в бюро создали хорошие галочки […]

Офигенный сервис делают наши соотечественники в свободное от работы время. Webfont.ru — удобный каталог бесплатных шрифтов для использования в вебе. Можно подключать шрифт напрямую с сайта, можно через плагин для редактора (Sublime Text 2, PHP Storm, NotePad++), можно просто скачать в нескольких форматах.

Thepatternlibrary.com — бесплатные бесшовные паттерны

Wordmark.it — отображает слово каждым шрифтом, установленным в вашей системе.

D3.js — шикарный инструмент интерактивной визуализации сложных данных. D3 (Data-Driven Documents) — это JavaScript-библиотека, с помощью которой можно создавать как статичные, так и интерактивные визуализации сложных данных. Если вы создаете не ещё одну псевдо-инфографику, которой заполнены сайты вроде visual.ly, а понятную визуализизацию данных, по которой можно было делать выводы и находить закономерности, то D3 — […]

Старенькая схема «So, You need a typeface», помогающая выбрать шрифт под задачу. Приложен оригинал и два варианта перевода на русский язык. Скачать: so-you-need-a-typeface-original.jpg Скачать: so-you-need-a-typeface-ru-1.jpg Скачать: so-you-need-a-typeface-ru-2.png