Java, UX, HTML, CSS, WEB-design

Чертежи для Интернета: плагин Specctr для Adobe Fireworks

[ad_1]

  • Чен Блюм

  • 0 Комментарии

Чертежи для Интернета: плагин Specctr для Adobe Fireworks

  • 6 минут чтения

  • Фейерверки, Халява, Расширения

Краткое резюме ↬

В веб-дизайне есть аспект, о котором никто не любит говорить: спецификация. Мы все это делаем, мы все это ненавидим, но мы также понимаем, что спецификации жизненно важны как для дизайнеров, так и для разработчиков.

В веб-дизайне есть аспект, о котором никто не любит говорить: спецификация. Мы все это делаем, мы все это ненавидим, но мы также понимаем, что спецификации жизненно важны как для дизайнеров, так и для разработчиков.

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

Дальнейшее чтение на SmashingMag:

  • Скетч, иллюстратор или фейерверк?
  • Переход с Adobe Fireworks на Sketch: десять советов и хитростей
  • Настоящее и будущее Adobe Fireworks
  • Сила Adobe Fireworks: чего вы можете с ее помощью добиться?

Однако процесс создания спецификаций повторяется и отнимает много времени, особенно у креативщиков. Но теперь все может измениться: Specctr вместе с Adobe Fireworks предлагает быстрый и простой способ автоматического создания этой важной информации.

Еще после прыжка! Продолжить чтение ниже ↓

Идея

Моя идея сделать Specctr возникла из моего личного опыта работы в команде дизайнеров в крупной корпорации. Спецификация была частью моей рутины. Однажды, после нескольких часов спекуляций, у меня заболели глаза, и я устал и расстроился. Внезапно я понял, что такого рода интенсивную работу следует автоматизировать, и что время дизайнера гораздо лучше потратить на проектирование, а не на спецификацию.

Specctr — это больше, чем инструмент: это бизнес-решение для любой компании, дизайнеры которой должны создавать спецификации для разработчиков. Specctr облегчает это общение и делает дизайнеров и разработчиков более счастливыми и продуктивными. Ускорение этого процесса освобождает бизнес для более пристального внимания к своей основной миссии.

Экономия времени со Specctr
Возможная экономия времени при использовании Specctr для Adobe Fireworks.

Экономия времени при использовании Fireworks и Specctr Pro.

В процессе создания Specctr я использовал свой опыт проектирования и практический опыт в разработке спецификаций, чтобы решить проблемы и возможности автоматизации процесса. Тем временем мой коллега Дмитрий Фабрикант разработал программное обеспечение с нуля. Работая в тандеме с On Pixel, мы выпустили Specctr Pro в январе 2012 года. С тех пор он получил множество положительных отзывов.

Спектр Лайт

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

Облегченная версия включает в себя:

  • Ширина и высота
  • Спецификация текста (семейство шрифтов, размер, цвет)
  • Развернуть элемент холста

Specctr Lite можно бесплатно загрузить с нашего веб-сайта, и мы рады сообщить, что он был создан и выпущен в результате участия Smashing Magazine!

Specctr Pro и Specctr Lite: быстрое сравнение
Pro и Lite: быстрое сравнение

Версия Lite так же проста в использовании, как и версия Pro, и ее функции работают так же.

Требования и установка

Чтобы использовать Specctr (Pro или Lite), вам необходимо:

  • Mac или ПК
  • Копия Adobe Fireworks CS3, CS4, CS5, CS5.1 или CS6.

Процесс установки довольно прост:

  1. Скачать установщик Спектра
  2. Дважды щелкните файл MXP, чтобы открыть Adobe Extension Manager.
  3. Нажмите «Установить»
  4. Перезапустите Adobe Fireworks
  5. В Fireworks перейдите к Window → Specctr чтобы открыть панель Specctr.

Пожалуйста, обрати внимание: Если вы используете Windows Vista или 7, вам может потребоваться запустить Adobe Extension Manager от имени администратора, иначе расширение может не установиться.

Если у вас остались вопросы, обратитесь к нашему онлайн-руководству (PDF, 1,9 МБ) или свяжитесь с нами напрямую!

Спектр Про

Краткое практическое руководство

После установки Specctr через Adobe Extension Manager перезапустите Fireworks, а затем откройте Specctr из Window меню. Теперь, когда Specctr открыт, вы можете указать документ, выполнив несколько простых шагов.

Во-первых, подготовьте документ, освободив место для своих спецификаций. Выберите размер границы вашего дизайна и нажмите кнопку «Расширить холст».

Развернуть холст

Выберите, какие детали отображать, включив или выключив их в меню панели.

Выберите детали

Теперь Specctr Pro будет автоматически отображать вашу спецификацию одним нажатием кнопки.

Объект, Ширина/Высота, Расстояние

Чтобы указать фигуру (форму, линию, точку и т. д.) или текстовый объект, выберите объект (или несколько объектов) и нажмите кнопку «Указать объект». Спецификации будут выведены до ближайшего края холста.

Свойства объекта (спецификации)
Свойства объектов в спецификации

Вы также можете указать расстояние между двумя объектами, выбрав их и нажав кнопку «Интервал». Если вы выберете только один объект, Specctr измерит расстояние от объекта до краев холста.

Измерительное пространство(я)
Измерение расстояния между объектами

Наконец, вы также можете указать ширину и высоту любого объекта.

Ширина и высота

Взгляд на процесс разработки расширения Fireworks

Процесс разработки расширений Fireworks состоит из следующих шагов:

  1. Сначала мы проектируем и изготавливаем панели в Adobe Flash Pro.
  2. Мы импортируем панели в Flash Builder и добавляем код ActionScript, который запускает их.
  3. Наконец, нам нужно подключиться к API Fireworks, написанному на JavaScript, чтобы управлять Fireworks.

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

В ближайшие пару недель Дмитрий выложит на GitHub несколько библиотек ActionScript, которые он создал в процессе разработки Specctr. Мы надеемся, что эти библиотеки уменьшат некоторые болевые точки многоуровневого процесса разработки. Мы могли бы также написать еще одну статью, в которой более подробно описывается процесс разработки расширения Fireworks.

Одной из сильных сторон Fireworks является ее потенциал как платформы для разработки, которая использует творческий потенциал и инновации своего сообщества. Мы хотели бы помочь этому процессу и показать, что Fireworks — мощный инструмент для веб-дизайна.

Дальнейшее чтение

Вот несколько полезных ресурсов, связанных с расширением возможностей Adobe Fireworks:

Расширения

  • Аарон Билл
  • Джон Даннинг
  • Мэтт Стоу
  • Orange Commands, Але Муньос

Другие источники

  • Расширение блога Fireworks, Грэди Келли
  • Расширение Fireworks, Fireworksguru Forums
  • «Создание панелей Fireworks, часть 1: Введение в пользовательские панели», Тревор Макколи, Adobe Developer Connection
  • «Расширение возможностей Adobe Fireworks CS5» (PDF), служба поддержки продуктов Adobe

Дальнейшее чтение

  • Adobe Fireworks: стоит ли переходить на CS5?
  • Полезные советы по типографике для Adobe Illustrator
  • 20 советов по экономии времени для улучшения рабочего процесса дизайнера

(аль) (мб)



[ad_2]
Source: https://smashingmagazine.com

Заключение

Вы ознакомились с статьей — Чертежи для Интернета: плагин Specctr для Adobe Fireworks

Пожалуйста оцените статью, и напишите комментарий.

Похожие статьи

Добавить комментарий

Ваш адрес email не будет опубликован.

Краткое описание по статье Чертежи для Интернета: плагин Specctr для Adobe Fireworks

Название: Чертежи для Интернета: плагин Specctr для Adobe Fireworks . Краткое описание: [ad_1] ⭐ Чен Блю . Дата публикации: 18.02.2022 . Автор: Алишер Валеев .

Для чего создан сайт Novosti-Nedeli.ru

Данный сайт посвящен новостям мира и мира технологий . Также тут вы найдете руководства по различным девайсам.

Сколько лет сайту?

Возраст составляет 3 года

Кнопка «Наверх»