Лучшие платные Photoshop плагины для веб-дизайнеров

    Привет, Хабр! Относительно недавно я опубликовал "Лучшие бесплатные Photoshop плагины для веб-дизайнеров". В подборке я попытался собрать все известные мне инструменты, которые значительно помогают в работе. Кстати, по возможности я ее обновляю и несколько дней назад добавил Velositey для построения лэйаутов. Таким образом мне хочется сделать «конкретное местечко» где будут храниться удобные для работы с фотошопом штуки. Аналогично не только поста ради, мне хочется собрать и платные инструменты, которые реально окупятся через «несколько» человеко часов. Некоторыми из них я пользуюсь сам.

    PNG HAT $39.99



    Сей замечательный плагин от достаточно известной компании Source «символизирует» лучший способ того, как должна происходить нарезка слоев. Принцип «в один клик», которые значительно сокращает потраченное время на экспорт слоев наглядно продемонстрирован в видео выше. Что еще есть внутри: мощная оптимизация с помощью PNG Crush, PNG quant и opti PNG, которая по заявлению разработчиков в разы эффективнее стандартного способа; Base64 encoding; код на изображение копируется в буффер для HTML, CSS или Obj C; масштабирование, что очень удобно в связи с необходимостью разработки дизайна под Retina дисплеи; и даже облако объемом 1GB для хранения изображений.

    Говоря про «нарезку» также стоит упомянуть Zeick $19.99, который экспортирует все векторные шейпы в SVG и Glifo $19, который экспортирует эти же шейпы в иконочные шрифты.


    CSS HAT $34.99



    Продукт от все той же команды Source. Плагин будет чрезвычайно полезным помощником каждому верстальщику. CSS HAT конвертирует стили слоев и информацию о содержимом в CSS, LESS, SCSS/SAAS, Stylus. Да есть бесплатный CSS3Ps, но CSS HAT значительно удобнее и быстрее. Буквально несколько проектов, и сэкономленные человеко часы окупят покупку.

    Pixeldropr $19



    Очень функциональный плагин, с его помощью вы можете создавать свои собственные UI сеты, которые в дальнейшем будут всегда под рукой в удобном интерфейсе.

    Web Zap $19



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

    specKing $19



    В удобном виде отображает значения ширины и высоты блоков, margin и padding, тем сам значительно упрощая «ориентирование» в макете. Есть более дорогой аналог за $49 — Specctr, честно говоря не могу назвать конкретные преимущества, но вторым пользуются дизайнеры Google, Autodesk, Siemence, Skype и др.

    Perspective Mockups $19


    image
    Из названия не трудно догадаться, что делает этот плагин. На любом лэндинге будет выглядеть очень эффектно.

    Напоследок:


    • Это конечно же не конкретные Photoshop плагины, но это 4 огромнейших коллекции UI элементов от DesignModo, которые мега популярны на западе: Bricks, Square UI, Flat UI и самый новый Startup Design Framework, для которого даже есть генератор HTML (рекомендую посмотреть, что вы сможете получить на выходе в пару кликов).
    • Subtle Patterns — множество различных паттернов.
    • Renamy — позволяет производить групповые операции над слоями (есть бесплатный Layers Control).
    • Devrocket — большой набор инструментов для дизайнеров под iOS.
    • Catalist — синхронизация дизайн проекта в экосистеме Adobe — Ps Ai Id Dw Fw Pr.
    • Любую потребность в обработке фотографии решат продукты компаний Alienskin и Imagenomic.


                    А еще есть «Лучшие бесплатные Photoshop плагины для веб-дизайнеров»


    Понравилась ли Вам подборка?
    Собираетесь ли вы купить что-либо из описанных инструментов?

    Только зарегистрированные пользователи могут участвовать в опросе. Войдите, пожалуйста.

    Поделиться публикацией
    Ой, у вас баннер убежал!

    Ну. И что?
    Реклама
    Комментарии 10
    • +1
      Отличная подборка! С удивлением пару месяцев назад обнаружил, что не использую столько удобных инструментов, но специально их не ищу, жду именно таких случаев когда они сами найдутся. Думаю что-нибудь прикуплю из этого
      • 0
        Спасибо за ссылки и упоминание о Designmodo.
      • +1
        Спасибо за подборку. Немного удивило отсутствие в списке pngexpress, на мой взгляд приятный инструмент.
        • 0
          Спасибо за упоминание наших плагинов:
          CSS3Ps, Renamy и Zeick
          • +1
            PNG HAT $39.99


            Cам Фотошоп умеет вот так, например:

            • 0
              Все ли дизайнеры соблюдают подобный синтаксис, чтобы верстальщику было хорошо?
              • 0
                Мне кажется этим синтаксисом должен обладать скорее верстальщик.
                И кстати Renamy идеально для этого подходит.
            • 0
              Какой же интересный мир веб(мобайл и пр.)-дизайна. Каждый день появляется все больше и больше новых фич.
              • 0
                Забыли про PNG Express. На мой взгляд, самая удобная штука для нарезки графики и создания спеков интерфейса.

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

                Самое читаемое