Инструментарий ADN, volume 2

Вторая часть нашего инструментария, где мы рассказываем про то, чем пользуются наши дизайнеры

А они пользуются, уж поверьте.

Что: Главный инструмент прототипирования интерфейсов. Шурочка родимая.

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

Что: Графический редактор для Mac OS.

Одна из лучших альтернатив Photoshop со схожими основными функциями.

Почему: Так как программу противопоставляют именно Photoshop, одним из главных преимуществ является более простой, интуитивно понятный интерфейс, который позволяет сэкономить время на редактирование изображения. Кроме всего прочего, стоимость программы тоже значительно ниже, чем у продукта Adobe.

Что: Многофункциональный графический редактор, царь-батюшка наш.

Почему: На самом деле, без Фотошопа никуда: это универсальный графический редактор на все случаи жизни. Конкретно для нашего иллюстратора — это возможность более художественно подойти к отрисовке, попробовать разные стили.

Что: Графический редактор для создания векторных изображений.

Ещё один незаменимый продукт от всё той же Adobe, любимая игрушка нашего иллюстратора.

Почему: В тандеме с Photoshop (создание изображения в Ai и постобработка в Ps) — инструмент, которому под силу создать картинку практически любой сложности и стилистики.

Что: Векторный графический редактор на Mac OS, мастхэв любого веб-продакшена.

Позволяет быстро и просто создавать макеты будущих сайтов.

Почему: Использование символов. С помощью них можно копировать объект так, что, редактируя оригинал, вы одновременно редактируете и все его копии — это экономит кучу времени. В остальном — это просто полнофункциональная программа с простым интерфейсом.

Что: Приложение для создания более эффективного взаимодействия между фронтенд-разработчиками и дизайнерами.

Сервис позволяет передать макеты из Sketch прямо в руки верстальщику. С помощью Zeplin верстальщику теперь не приходится замерять расстояния от блока до блока, все размеры и расстояния отображаются при нажатии на выбранный элемент в макете.

Почему: Благодаря опции экспорта исходников нет нужды в приготовлении графических исходников вручную. Не надо думать и о том, в какие конкретно размеры нужно их экспортировать.

Что: Приложение для создания анимации элементов интерфейса.

Нужно быстро создать прототип сайта с анимацией? Бери Principle.

Почему: Удобнейшая программа для создания и демонстрации анимированных интерфейсов.

Что: Свободная библиотека иконок.

Крупнейшая база данных бесплатных иконок с разными стилями, тематиками и, что немаловажно — форматами.

Почему: И прототипы становятся нагляднее, и сами макеты рисуются быстрее.

Что: Коллекция бесплатных веб-шрифтов. Выходи играть.

Почему: Большая база разнообразных шрифтов, в том числе кириллических, разработанных специально для веба. Главная достопримечательность сервиса — так называемый «полигон»: место, где вы можете в буквальном смысле поиграть со шрифтами, проверить сочетание одного с другим, подогнать размер.

Что: Коллекция платных шрифтов для веба. Плюсы: количество, качество и разнообразие предлагаемых шрифтов.

Почему: Современный и удобный сервис для выбора подходящей гарнитуры с гуманными ценами, практически не имеющий альтернатив.

Что: Сервис для коллекционирования тематических картинок й с тегами. И серфинга по ним.

Почему: Когда работа заводит дизайнера в тупик и повергает в творческий микрокризис, Pinterest может стать спасательным кругом. Заряжаешься вдохновением — и с новыми идеями возвращаешься за проект.

Что: Удобный алфавит специальных символов.

Наиболее полный сборник необходимых для печати символов с указаниями кодов HTML, HEX и Юникода.

Почему: Хочется ©, ®, ℃ или ¥, но не помнишь, какие кнопочки нажать? Просто добавляй Htmlarrows.com себе в закладки.

Что: Калькулятор типографики

Утилита, которая рассчитывает необходимые параметры для вашего текста по принципу золотого сечения. На выходе калькулятор выдаёт оптимальное значение межстрочного интервала и длины строки.

Почему: Экономит множество времени, которое в противном случае ушло бы на подгонку «на глаз».

Что: Сервис для построения майндмэпов

Простейший способ нарисовать схему и тут же отправить её на суд коллег. Как гласит исчерпывающий слоган сервиса, это «простой способ делиться сложной информацией».

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

Что: Платформа для редактирования и хранения кода с последующим просмотром в браузере

Наглядное пособие по созданию определённых фрагментов кода, который рендерится в готовую страницу прямо у вас на глазах.

Почему: Если заставить страницу выглядеть определённым образом кажется невозможным — нужно просто зайти на Codepen и подсмотреть необходимый материал. Кто-то уже наверняка реализовал вашу идею ранее.

Что: Самые популярные программы для создания презентаций

Простой, но достаточно эффективный способ делать легко редактируемые и эффектные презентации.

Почему: Иначе никак.

В следующей серии

В заключительной, третьей части расскажем, какой софт мы используем для бэкенда и фронтенда. Stay tuned.