Шаблон сетки нельзя привязать в Fireworks CS6

Я видел много блогов, настоятельно рекомендующих использовать сетку, такую ​​​​как 960, для прототипирования в новой версии Fireworks.

Я использую CS6.

Когда я создаю новый документ фейерверка из шаблона, я выбираю Grid12.png, 960.png и т. д. Когда я пытаюсь добавить объекты на другой слой, они не привязываются к направляющим или вертикальным путям сетки. Я включил привязку к сетке, направляющую, интеллектуальную направляющую, 9-фрагментное масштабирование и т. д.

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

Ответы (2)

Когда вы открываете один из шаблонов системы сеток, слои настраиваются в следующем порядке:

  • Базовая сетка
  • Боковые панели
  • Столбцы

Направляющие синего цвета на самом деле представляют собой линии, нарисованные в слое базовой сетки. Они не Гиды. Таким образом, любые объекты слоя, которые вы перемещаете рядом с ними, не будут привязываться. Это просто визуальные направляющие, используемые для выравнивания вертикального интервала между элементами. Мы включаем его только тогда, когда нам это нужно, и поэтому это делается таким образом, чтобы отделить его от направляющих.

Фактическое поведение привязки находится на направляющих колонны. Это Гиды. Вы можете включить или выключить его, нажав cmd+; Вы также можете перейти в меню «Вид», «Направляющие» > «Показать направляющие», чтобы включить его. Ваш объект должен иметь возможность привязываться к ним, если вы включите опцию «Показать направляющие».

введите описание изображения здесь

Я не пользователь Fireworks, но, кажется, понимаю вашу проблему. То, к чему вы пытаетесь привязаться, является не направляющей или другим объектом, а цветными областями на изображении.

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

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