Всем привет!
А давайте поделимся хорошими ссылками и названиями различных инструментов и ресурсов для работы дизайнеров и UX - ов.
Web design:
- GuideGuide (http://guideguide.me/) плагин для автоматической расстановки гайдов в Photoshop
- Picjumbo (http://picjumbo.madebysource.com/) Отличная штука, правда платная. Плагин со всеми фото вот отсюда: http://picjumbo.com/ (здесь они бесплатно), который позволяет интегрировать сразу в дизайн одним кликом. Все фото в отличном разрешении.
- Random user generator (http://randomuser.me/) На форуме когда-то была тема: откуда брать аватарки людей для дизайна. Да вот отсюда хотя бы. Они все бесплатные, свободно распространяемые и к ним идут имена, адреса, email и т.д. Тоже есть плагин к Photoshop http://randomuser.me/photoshop
- PNG Express (http://www.pngexpress.com/). Обалденная штука для автоматизации нарезки графики и создания спецификаций (редлайнов) для верстки и разработки. Есть бесплатный "аналог" Cut &Slice, но он не такой функциональный
- http://www.webdesignrepo.com/ Немного отойду от темы - здесь огромная коллекция ссылок с inspiration и прочими уроками - коллекциями. Обратите внимание на блоги. Есть очень толковые. (Есть очень хорошая подборка закладок для браузера по дизайну http://www.muz.li/)
- http://albumarium.com/ - неплохая коллекция бесплатных фото.
- http://mapsdesign.tumblr.com/ дизайн карт. Это скорее хобби, но подборка много раз помогала в дизайне.
- http://desandro.github.io/typekit-table/ - Отличная таблица шрифтов Typekit (у кого Creative Cloud, те знают как там неудобно реализовано). Обожаю GitHub за это.
- http://lorempicsum.com/ - Симпатичная штучка для генерации картинок нужного вам размера. Тематика специфическая, но иногда неплохо работает.
- http://madebyvadim.tumblr.com/ - Один из моих любимых ресурсов с обзором Photoshop скриптов, плагинов и полезностей.
- https://news.layervault.com/ - Отличный ресурс с новостями дизайна, написанными дизайнерами, Очень много хороших статей написанных девелоперами для дизайнеров, например, по Origami и Framer (анимация интерфейсов для демонстрации девелоперам и портфолио)
- http://www.whatfontis.com/. Определяет шрифты. Причем с очень высокой точностью. Пользуюсь также их Chrome плагином.
- https://csshat.com// Превращает ваши Photoshop стили в CSS (причем делает это лучше, чем встроеный Photoshop CC генератор). Понятия не имею, почему так подорожал... У ребят из https://madebysource.com часто бывают распродажи и два по цене одного, так что можно подловить.
- http://psdcleaner.madebysource.com/ - вот эта вещь сильно облегчила мне жизнь. Помогает приводить исходники в порядок. В свое время купила его и предыдущий за 15 баксов. Цены растут
- http://pictura.madebysource.com/ Быстрый поиск и экспорт в макет фотографий из Flickr. Помним! На них у нас прав нет, так что только демонстрация и то аккуратно.
- работа с SVG. До недавнего времени пользовалась SVG exporter. Но в последнее обновление Photoshop CC 2014 наконец-то встроили сохранение в SVG. Не прошло и 10 лет.
- http://lokeshdhakar.com/projects/color-thief/ - создает цветовую палитру на основе картинки.
- http://thepixelator.com/ - вроде было уже в какой-то теме, но не могу не упомянуть. Тоже есть плагин для Photoshop.
UX и прототипирование:
- InVision (http://www.invisionapp.com/ ). "Я влюблен" (с) Поначалу отнеслась к этому ресурсу для online-прототипирования очень скептически. Сам не рисует - только загружать готовые картинки, но давайте серъезно, в том же Axure прототипы выходят... страшные, а иногда нужно показать симпатично даже в прототипе. Вот ту они и вступают в дело. Вообще отличный ресурс. Особенно для проектирования мобильных приложений. Есть подсветка интерактивных областей и т.д. Кликабельный прототип за 10 минут - это сюда (правда предварительно его нужно нарисовать в стороннем редакторе ). Встроенное комментирование и возможность командной работы над прототипом очень помогает.
- http://www.invisionapp.com/tethr - библиотека компонентов от тех же ребят. Можно использовать как отдельно, так и в InVision.
- The Commentor (http://www.thecommentor.com/) - не совсем для прототипирования, но идеальный ресурс для комментирования макетов и прототипов. И отслеживания их версионности.
- WebZap (http://webzap.uiparade.com/) - отличный плагин для быстрого прототипирования и набросков идей будущих дизайнов.
Разное:
- http://thenounproject.com/ - отличная коллекция "бесплатных" иконок.
- https://placeit.net/ - Ресурс для создния live preview мокапов вашего дизайна.
- Кто-нибудь пробовал http://www.pixate.com/? Если да, то отпишитесь - буду признателен
