Полезные тулы и ресурcы по дизайну и UX
1613 повідомлень
#10 років тому
Всем привет.Как-то маловато стало в последнее время полезных для работы тем на форуме.
А давайте поделимся хорошими ссылками и названиями различных инструментов и ресурсов (не insparation, для этого есть другая тема) для работы дизайнеров и UX - ов.
Причем, чтобы сразу было понятно для кого это предназначено, перед перечнем ставим Web-дизайн или 3D, ну а затем уже перечисляем с кратким пояснением зачем эта штука нужна.
Не буду перечислять баяны типа посилання и тому подобных. Хочется что-то более интересное и не всем известное.
Правило: перечислять только те ресурсы и инструменты, которыми вы пользуетесь в повседневной работе и проверили их эффективность на практике.
Начну с себя.
Web design:
- GuideGuide (посилання) плагин для автоматической расстановки гайдов в Photoshop
- Picjumbo (посилання) Отличная штука, правда платная. Плагин со всеми фото вот отсюда: посилання (здесь они бесплатно), который позволяет интегрировать сразу в дизайн одним кликом. Все фото в отличном разрешении.
- Random user generator (посилання) На форуме когда-то была тема: откуда брать аватарки людей для дизайна. Да вот отсюда хотя бы. Они все бесплатные, свободно распространяемые и к ним идут имена, адреса, email и т.д. Тоже есть плагин к Photoshop посилання
- PNG Express (посилання). Обалденная штука для автоматизации нарезки графики и создания спецификаций (редлайнов) для верстки и разработки. Есть бесплатный "аналог" Cut &Slice, но он не такой функциональный
- посилання - Симулятор Photoshop. Пару раз сильно выручал. Особенно когда высылаешь кому-то макет, а там не установлено ПО.
- посилання Немного отойду от темы - здесь огромная коллекция ссылок с inspiration и прочими уроками - коллекциями. Обратите внимание на блоги. Есть очень толковые. (Есть очень хорошая подборка закладок для браузера по дизайну посилання)
- посилання - неплохая коллекция бесплатных фото.
- посилання дизайн карт. Это скорее хобби, но подборка много раз помогала в дизайне.
- посилання - Отличная таблица шрифтов Typekit (у кого Creative Cloud, те знают как там неудобно реализовано). Обожаю GitHub за это.
- посилання - Симпатичная штучка для генерации картинок нужного вам размера. Тематика специфическая, но иногда неплохо работает.
- посилання - Один из моих любимых ресурсов с обзором Photoshop скриптов, плагинов и полезностей.
- посилання - Отличный ресурс с новостями дизайна, написанными дизайнерами, Очень много хороших статей написанных девелоперами для дизайнеров, например, по Origami и Framer (анимация интерфейсов для демонстрации девелоперам и портфолио)
- посилання. Определяет шрифты. Причем с очень высокой точностью. Пользуюсь также их Chrome плагином.
- посилання Превращает ваши Photoshop стили в CSS (причем делает это лучше, чем встроеный Photoshop CC генератор). Понятия не имею, почему так подорожал... У ребят из посилання часто бывают распродажи и два по цене одного, так что можно подловить.
- посилання - вот эта вещь сильно облегчила мне жизнь. Помогает приводить исходники в порядок. В свое время купила его и предыдущий за 15 баксов. Цены растут

- посилання Быстрый поиск и экспорт в макет фотографий из Flickr. Помним! На них у нас прав нет, так что только демонстрация и то аккуратно.
- работа с SVG. До недавнего времени пользовалась SVG exporter. Но в последнее обновление Photoshop CC 2014 наконец-то встроили сохранение в SVG. Не прошло и 10 лет.
- посилання - создает цветовую палитру на основе картинки.
- посилання - вроде было уже в какой-то теме, но не могу не упомянуть. Тоже есть плагин для Photoshop.
UX и прототипирование:
- InVision (посилання ). "Я влюблен" (с) Поначалу отнеслась к этому ресурсу для online-прототипирования очень скептически. Сам не рисует - только загружать готовые картинки, но давайте серъезно, в том же Axure прототипы выходят... страшные, а иногда нужно показать симпатично даже в прототипе. Вот ту они и вступают в дело. Вообще отличный ресурс. Особенно для проектирования мобильных приложений. Есть подсветка интерактивных областей и т.д. Кликабельный прототип за 10 минут - это сюда (правда предварительно его нужно нарисовать в стороннем редакторе

- посилання - библиотека компонентов от тех же ребят. Можно использовать как отдельно, так и в InVision.
- The Commentor (посилання) - не совсем для прототипирования, но идеальный ресурс для комментирования макетов и прототипов. И отслеживания их версионности.
- WebZap (посилання) - отличный плагин для быстрого прототипирования и набросков идей будущих дизайнов.
Разное:
- посилання - отличная коллекция "бесплатных" иконок.
- посилання - Ресурс для создния live preview мокапов вашего дизайна.
- Кто-нибудь пробовал посилання? Если да, то отпишитесь - буду признательна.
Собственно, присоединяемся без стеснения. Просьба: ссылки на сайт Лебедева и его шрифт с рублем, Designerstoolbox и Kuler не давать - поднадоело

1613 повідомлень
#10 років тому
RFB, А это для какой области дизайна инструмент?
74 повідомлення
#10 років тому
Ничего себе сколько всегоооо...спасибо большое за такое богатство ) всё пересмотрю) и подумаю чего б добавить.. хотя тут столько что я теряюсь)
655 повідомлень
#10 років тому
Цитата (Mariya_web):- InVision (посилання ). "Я влюблен" (с) Поначалу отнеслась к этому ресурсу для online-прототипирования очень скептически. Сам не рисует - только загружать готовые картинки, но давайте серъезно, в том же Axure прототипы выходят... страшные, а иногда нужно показать симпатично даже в прототипе.
Вынужден с вами не согласиться. Я пользовал и то и другое.
При наличии правильных рук в axure можно рисовать отличные и детальные прототипы.
И по моим личным наблюдениям axure удобнее. Имхо, конечно.
p.s. Касаемо прототипирования (в том числе онлайн) могу выделить ещё данные ресурсы, которыми я также во время проектирования UI / UX и разработки дизайна пользуюсь:
1. посилання
2. посилання
3. посилання
1613 повідомлень
#10 років тому
Oraculum, Оффтопик
А можно пример такого прототипа в Axure?
Чтобы красивый, элегантный и сделанный действительно отлично без использования сторонних контроллов, а только системными средствами Axure.
Можно даже с библиотеками элементов не установленными по умолчанию.
Чтобы не засорять тему - в личку. Я кстати, не говорила, что в InVision их можно рисовать. Собирать - да. Но рисовать нет, о чем я кстати сразу и упомянула. Но мне приходится интерфейс "собирать" и в Axure, а рисовать в Sketch или Photoshop.
То, что в Axure системное зачастую заказчика (особенно иностранного) просто пугает. Возможно, я не нашла действительно толковых библиотек... Буду рада, если подскажете.
Чтобы красивый, элегантный и сделанный действительно отлично без использования сторонних контроллов, а только системными средствами Axure.
Можно даже с библиотеками элементов не установленными по умолчанию.
Чтобы не засорять тему - в личку. Я кстати, не говорила, что в InVision их можно рисовать. Собирать - да. Но рисовать нет, о чем я кстати сразу и упомянула. Но мне приходится интерфейс "собирать" и в Axure, а рисовать в Sketch или Photoshop.
То, что в Axure системное зачастую заказчика (особенно иностранного) просто пугает. Возможно, я не нашла действительно толковых библиотек... Буду рада, если подскажете.
1607 повідомлень
655 повідомлень
#10 років тому
Mariya_web, Мы же сейчас говорим о прототипе. Прототип - это всё-таки визуальный (в случае разработки интерактива и т.д. и функциональный, разумеется) прообраз будущего дизайна, а не финальная версия дизайна с досконально проработанными комплексными вещами в ФШ, иллюстраторе и т.д. Более того, в большинстве случаев я разрабатываю грейскейл (в палитре оттенков серого) версию прототипа, чтобы сосредоточить внимание клиента на главном.p.s. Отправил в личку ссылку на один из моих прототипов, сделанный с использованием только системных средств Axure и её дефолтными библиотеками.
1613 повідомлень
#10 років тому
Oraculum, А точно отправили? Ничего нет....Пришло. Тормозит... Спасибо