Краткий обзор компоновок страниц—Справка | ArcGIS for Desktop

Компоновка страницы (часто просто компоновка) – это набор элементов карты, определенным образом размещенных на виртуальной странице для вывода карты на печать. Как правило, элементы карты в компоновке включают в себя один или несколько фреймов данных (каждый из которых содержит упорядоченный набор слоев карты), масштабную линейку, стрелку севера, заголовок карты, текстовое описание и легенду.

Основные элементы пользовательского интерфейса компоновки страницы

Добавление элементов карты, в частности стрелки севера, легенды карты, масштабной линейки, наряду с фреймами географических данных или самими картами, производится в режиме Вид компоновки (Layout view). Компоновку можно дополнить завершающим оформлением с помощью набора графики и инструментов редактирования графики. Для точного измерения и размещения элементов на странице в режиме Вид компоновки используются линейки и направляющие.

То, что вы видите на странице компоновки, вы получите при печати или экспорте карты в тот же размер страницы.

Создание новой компоновки страницы

В ArcMap в первую очередь необходимо изменить вид карты на вид компоновки – либо выбрав Вид компоновки (Layout View) в меню Вид (View), либо щелкнув кнопку Вид компоновки (Layout View) в левом нижнем углу окна отображения карты.

Для экономии времени рекомендуется применять шаблоны для предварительной настройки компоновки. При создании нового документа предлагается выбрать один из встроенных шаблонов ArcMap или создать пользовательский шаблон.

Шаблоны компоновки

Применение шаблонов не обязательно. Можно также разработать всю компоновку с нуля.

Более подробно об использовании шаблонов карт

После переключения в вид компоновки, ориентация и размеры страницы настраиваются через диалоговое окно Параметры страницы и печати (Page and Print Setup).

Подробнее о выводе карты на печать

Подсказка:

При помощи кнопки Изменить компоновку (Change Layout) на панели инструментов Компоновка (Layout) производится изменение ориентации страницы и расположения элементов текущей компоновки.

Добавление фрейма данных в компоновку страницы

Фрейм данных включает набор слоев, отображающихся в установленном порядке в данном экстенте карты и в заданной проекции. Добавление фрейма данных в компоновку страницы осуществляется через меню Вставка (Insert).

Через это меню производится добавление дополнительных фреймов данных. Эти дополнительные фреймы данных могут использоваться для локаторов или подробных карт. При использовании нескольких фреймов данных следует рассмотреть применение индикаторов экстента для обозначения экстента одного фрейма данных внутри другого. Качественные карты-указатели также содержат индикаторы, например, контуры, обозначающие место расположения экстента детальной карты в большем экстенте. К примеру, карта-указатель может показывать место расположения области в данной стране.

Более подробно об использовании индикаторов экстента для улучшения обзорных карт или карт, указывающих на положение объекта

Если в документе карты используется несколько фреймов данных, только один из них, с которым вы работаете, является активным. Активный фрейм данных отображается в таблице содержания жирным шрифтом. На странице этот фрейм данных подсвечивается штриховым контуром. Чтобы сделать фрейм данных активным, щелкните по его имени правой кнопкой мыши в таблице содержания и выберите Активизировать (Activate) или щелкните один раз фрейм данных в компоновке страницы.

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

Подсказка:

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

Добавление в компоновку страницы других элементов карты

Меню Вставка (Insert) позволяет выбрать другие элементы карты и добавить их в компоновку. В частности, данное меню позволяет добавить на страницу Заголовок (Title). Текст добавляемого заголовка будет соответствовать названию карты в диалоговом окне Свойства документа карты (Map Document Properties). Вместе с заголовком есть возможность добавить (статический) Текст (Text) и Динамический текст (Dynamic Text).

Более подробно о работе с динамическим текстом

Также меню Вставка (Insert) позволяет добавить Легенду (Legend), Стрелку севера (North Arrow), Масштабную линейку (Scale Bar) и Текст масштаба (Scale Text). При вставке любого из этих элементов откроется соответствующее диалоговое окно для настройки свойств этого элемента карты.

Подробнее о работе с легендами

Кроме того, меню Вставка (Insert) позволяет добавлять графические рамки, картинки и объекты.

Для добавления графических форм (прямоугольников, линий, точек и пр. ) используется панель инструментов Рисование (Draw). Кроме того, можно добавить графический текст и редактировать свойства текста.

Подробнее об элементах карты

Работа с элементами карты

По мере добавления элементов карты, производится редактирование их свойств, размера, положения и вида и размещение их на странице с другими элементами карты. Меню Вид (View) позволяет включать Линейки (Rulers), Направляющие (Guides) и Сетку (Grid). Эти возможности облегчают размещение элементов карты на странице. Также можно включить их из контекстного меню вида компоновки. Контекстное меню открывается по правому щелчку на компоновке страницы.

Свойства этих инструментов, облегчающих размещение, настраиваются на закладке Вид компоновки (Layout View) диалогового окна Опции ArcMap (ArcMap Options), доступ к которому осуществляется через меню Настройки (Customize). На этой закладке можно установить единицы измерения и цену деления линейки страницы, а также интервал между линиями сетки. Кроме того, там же можно настроить допуски замыкания, которые влияют на привязку элементов карты к любым инструментам размещения.

Опции закладки Вид компоновки (Layout View) включают также настройку оформления вида компоновки. В частности, можно включить растяжение содержимого при изменении размеров окна вида компоновки. Вместе с включением горизонтальных и вертикальных направляющих можно отключить штриховую линию вокруг активного фрейма данных.

Подробнее о настройке опций ArcMap

Для работы с отдельными элементами карты, выберите этот элемент или элементы и щелкните правой кнопкой мыши для открытия контекстного меню.

Контекстное меню элементов карты

Меню позволяет приближать элементы, а также Вырезать (Cut), Копировать (Copy) или Удалять (Delete) выбранные элементы со страницы компоновки. В некоторых случаях может потребоваться конвертировать динамический элемент (легенду, масштабную линейку и пр.) в графику, чтобы получить больше возможностей по настройке его отображения. Также контекстное меню позволяет Группировать (Group) или Разгруппировать (Ungroup) элементы. Группировка элементов облегчает работу с большим количеством элементов компоновки страницы.

В контекстное меню входят команды дополнительных манипуляций с графикой (Графические операции (Graphic Operations)), а также команды размещения. Команды размещения позволяют располагать элементы в определенном Порядке (Order), осуществлять Сдвиг (Nudge) элементов в каком-либо направлении, а также Выровнять (Align) и Распределить (Distribute) несколько элементов на странице. Кроме того, можно Повернуть/Отразить (Rotate or Flip) элемент карты.

Подсказка:

При выборе нескольких элементов графики одновременно, синие метки обозначают доминирующий элемент, то есть тот, относительно которого ArcMap будет выравнивать остальные. Чтобы сменить доминирующий элемент, щелкните соответствующий из выбранных элементов графики, удерживая клавишу CTRL.

Вы можете изменить размер элементов карты, выбрав их и перетащив ограничители размера. При этом, курсор примет вид стрелки. Перетаскиванием метки можно изменять размер элемента. Также можно настроить расположение элемента на закладке Размер и положение (Size and position) диалогового окна свойств элемента. На этой закладке можно задать точку якоря, расположить якорь на странице, настроить высоту и ширину элемента и включить сохранение пропорций элемента при изменении его размера.

Примечание:

Изменять размер, положение и рамку элемента можно только после того, как элемент размещен на карте.

Работа с компоновкой страницы

Для навигации по компоновке страницы используется панель инструментов Компоновка (Layout). Эта панель активируется при переключении в вид компоновки. Страницу можно перемещать и масштабировать. Также можно переключаться между предыдущими экстентами страницы и задавать масштаб в процентах от размера страницы. Функции навигации по компоновке страницы также доступны из контекстного меню вида компоновки, при смене текущего инструмента на инструмент навигации с помощью клавиатуры, кроме того, можно масштабировать страницу с помощью колесика мыши.

Контекстное меню вида компоновки открывается по щелчку правой кнопкой мыши в любом месте на странице. Это меню также позволяет работать со страницей компоновки. Помимо включения инструментов размещения (Линейки (Rulers), Направляющие (Guides), Сетка (Grid) и Поля (Margins)), имеются команды для быстрой смены вида страницы, вызова диалогового окна Параметры страницы и печати (Page and Print Setup), команда Включить режим черновика (Toggle Draft Mode) и команды для работы с выбранными элементами.

Контекстное меню Компоновка

В режиме черновика, который включается командой Включить режим черновика (Toggle Draft Mode), содержимое элементов страницы не прорисовывается. Вместо этого прорисовывается только прямоугольник рамки и надпись с именем элемента. Это сильно ускоряет работу с компоновкой страницы, так как не тратится время на прорисовку содержимого фреймов, особенно фреймов данных. Есть возможность включить или отключить режим черновика для отдельных элементов на закладке Рамка (Frame) диалогового окна Свойства (Properties) элемента.

Многостраничная компоновка

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

Экстенты определяются объектами слоя, и часто называются листами, разделами или областями интереса (AOI). Композиция карты для каждой производной от исходных данных страницы определяется одной единственной компоновкой. На каждой из создаваемых страниц меняются только ее динамические составляющие. Статические элементы остаются постоянными. Любые изменения, вносимые в статические элементы компоновки, будут отражены на всех страницах набора карт.

Подробнее о многостраничных компоновках

Сетки

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

В ArcMap есть три способа добавления сетки на карту

• Мастер построения сеток
• Пользовательское наложение индексных сеток
• Слои сеток

Выбор способа зависит от того, какого рода сетку необходимо добавить на карту.

Более подробно о сетках

Печать и экспорт компоновки

После завершения работы над компоновкой можно вывести карту на печать или экспортировать ее в файлы других типов: PDF, PostScript или Illustrator. В меню Файл можно открыть диалоговое окно Параметры страницы и печати (Page and Print Setup), провести Предварительный просмотр (Print Preview), вывести страницу на Печать (Print) или произвести Экспорт карты (Export Map).

Создание компоновки карты

Ниже приведены основные этапы компоновки карты в ArcMap:

1. Еще до запуска ArcMap рекомендуется продумать расположение элементов на странице карты и распланировать компоновку.
2. В первую очередь, настройте размеры страницы компоновки. Подробнее об изменении размера страницы при компоновке карты
3. Создайте, отредактируйте и задайте условные обозначения данных в одном или нескольких фреймах данных необходимым образом.
4. В режиме вида компоновки добавьте элементы карты через меню Вставка (Insert). При наличии нескольких фреймов данных на карте, добавляемые элементы будут относиться к активному фрейму данных (для активации фрейма данных щелкните правой кнопкой по его имени и выберите Активизировать (Activate)). При добавлении элементов карты (например, масштабной линейки) изменения сразу отобразятся на карте. Элементы карты можно выбирать, передвигать и изменять. Контекстное меню выбранного элемента вызывается по щелчку правой кнопкой мыши. В нем можно установить дополнительные опции.
5. Добавьте дополнительный текст или графику, например, примечания, границы, рамки, при помощи панели инструментов Рисование (Draw). Для точного размещения элементов на странице можно использовать линейки, сетки и направляющие. Более подробно о работе с графикой
6. Печать или публиккация карты. Более подробно о выводе карты на печать и экспорте карты

Связанные темы

Отзыв по этому разделу?

Создание компоновки—ArcGIS Pro | Документация

Чтобы опубликовать свою работу в виде печатной карты, постера или файла PDF, необходимо создать компоновку. Компоновка – это карта или набор из нескольких карт, имеющих такие дополнительные элементы, как заголовок, легенда и описание. Некоторые – состоят из нескольких карт. К примеру, компоновка может включать основную карту и обзорную карту, показывающую основную в более мелком масштабе.

Обзор

• Продолжительность видео: 3:14.
• Это видео было создано с помощью ArcGIS Pro 2.3.

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

• Предполагаемое время: 45 минут
• Требования к программному обеспечению: ArcGIS Pro

Шаги руководства в онлайн-справке соответствуют внешнему виду и возможностям текущей версии программного обеспечения. Если у вас более ранняя версия программного обеспечения, то для того, чтобы открыть это руководство пользователя, используйте автономную справочную систему. Чтобы переключиться из онлайн справочной системы в автономную, ознакомьтесь с главой Задание источника справки в разделе Об ArcGIS Pro. Если у вас нет ArcGIS Pro, можно подписаться на ArcGIS Pro.

Открытие проекта

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

1. Запустите ArcGIS Pro и выполните вход, если необходимо.
2. На начальной странице под разделом с недавними проектами щелкните Открыть другой проект.

   Если у вас в приложении есть открытый проект, щелкните вкладку Проект на ленте. В списке элементов меню слева щелкните Открыть. На странице Открыть щелкните Портал и выберите Открыть другой проект внизу страницы.

3. В диалоговом окне Открыть проект в разделе Портал нажмите ArcGIS Online .
4. Вверху диалогового окна в поле Поиск введите Упражнение Создание компоновки и нажмите клавишу Enter.
5. В списке результатов поиска щелкните Создание компоновки, чтобы выбрать пакет проекта.

   Если под этим именем есть несколько пакетов проекта, посмотрите на столбец Владелец. Выберите элемент с именем владельца ArcGISProTutorials. Если вы не получаете никаких результатов, см. Нет результатов поиска.

6. Нажмите OK.

   Откроется проект с активным видом карты, отображающей здания центральной части Веллингтона (Новая Зеландия). Это будет основная карта вашей компоновки.

   Строения отображаются в зависимости от объема получаемой ими солнечной радиации за год. Здания темно-оранжевого цвета получают максимум солнечной радиации, здания желтого цвета получают минимум.

   Значения радиации выражены в киловатт-часах потенциальной энергии на квадратный метр поверхности крыши.
7. Щелкните вкладку Вид на ленте. В группе Окна щелкните Сбросить панели и выберите Сбросить панели для картографирования (по умолчанию).

   При этом открываются панели Содержание и Каталог, остальные панели остаются закрытыми.

8. Сделайте активным вид карты Region, щелкнув его вкладку, расположенную над видом.

   Карта Region содержит подложку – снимок Веллингтона и его пригородов. Вы воспользуетесь ей позже для создания в вашей компоновке маленькой обзорной карты.

9. Щелкните вид Книжной компоновки, чтобы сделать ее активным видом.

   Откроется компоновка, основанная на карте Central Wellington. Компоновка содержит: основную карту, круглую обзорную карту, заголовок и многие другие элементы. Проект ArcGIS Pro может включать в себя несколько карт и несколько компоновок. Вы создадите вторую компоновку, похожую на эту, но имеющую альбомную ориентацию страницы.

Добавление компоновки

Первым действием для создания страницы компоновки является вставка пустой компоновки.

1. Если необходимо, щелкните вкладку Вставка на ленте. В группе Проект щелкните Новая компоновка , чтобы увидеть параметры размера и ориентировки страницы.
2. В ANSI – Альбомная щелкните Letter.

   Откроется новая пустая компоновка.

3. На панели Содержание, под пунктом Порядок отрисовки, щелкните правой кнопкой элемент Компоновка и выберите Свойства.
4. В диалоговом окне Свойства слоя перейдите на вкладку Общие. Измените имя с Компоновка на Компоновка альбомная и щелкните ОК.

   Изменение имени отражается на панели Содержание и на вкладке вида над линейкой.

5. Щелкните правой кнопкой верхнюю линейку и выберите Добавить направляющие.

   Направляющие – это непечатаемые линии, помогающие вам выровнять элементы компоновки.

6. В диалоговом окне Добавить направляющие в разделе Ориентация выберите Обе.
7. Щелкните ниспадающее меню Размещение и выберите Отступ от края.
8. Измените значение в окне Поля на 0,25 дюйма. Нажмите OK.

   Направляющие добавятся к компоновке на расстоянии четверти дюйма от каждого поля.

9. Щелкните правой кнопкой верхнюю линейку и еще раз выберите Добавить направляющие.
10. В диалоговом окне Добавить направляющие в разделе Ориентация выберите Горизонтальная. В качестве Размещения выберите Отступ от края. Измените значение Поля на 1 дюйм. Нажмите OK.
11. Снова щелкните правой кнопкой мыши верхнюю линейку и щелкните Добавить направляющую (не Добавлять направляющую).

    В месте щелчка добавится одна вертикальная направляющая.

12. Поместите на линейке указатель мыши в том месте, где вы только что добавили направляющую. Синий треугольник проинформирует вас о том, что направляющая выбрана. Перетащите направляющую на отметку 8,00 дюймов.

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

13. Еще раз щелкните правой кнопкой верхнюю линейку и выберите Добавить направляющую. Перетащите эту направляющую на отметку 8,25 дюймов.

    Подсказка:

    Чтобы передвинуть существующую направляющую, перетащите ее, изменив текущее местоположение направляющей на линейке. Чтобы удалить направляющую наведите курсор мыши на линейку в месте расположения направляющей. Щелкните правой кнопкой появившийся синий треугольник и выберите Удалить направляющую.

14. На панели Инструменты быстрого доступа щелкните Сохранить , чтобы сохранить проект.

Вставка фрейма карты

Теперь вы добавите карту Central Wellington к компоновке.

1. На ленте на вкладке Вставка, в группе Фреймы карты, щелкните стрелку ниспадающего меню Фрейм карты. Под пунктом Central Wellington щелкните уменьшенное изображение карты Central Wellington.
2. Воспользуйтесь мышкой, чтобы нарисовать в компоновке большой прямоугольник.

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

   Фреймы карт и другие элементы компоновки, такие как масштабные линейки, стрелки севера, легенды и текст могут быть добавлены в компоновку в один клик или по нарисованной рамке.

3. В компоновке перетащите фрейм карты, чтобы выровнять его левый край с вертикальной направляющей, расположенной на отметке 0,25 дюйма.

   Подсказка:

   Щелкните Замыкание в нижней части вида компоновки для включения/выключения замыкания. Когда включено замыкание (по умолчанию), оно будет работать как в отношении направляющих, так и в отношении других элементов компоновки. О линейках, направляющих и замыкании см. раздел Параметры страницы.

4. Используйте ручки выборки для изменения размера фрейма карты. Выровняйте его верхнюю и нижнюю границы относительно горизонтальных линий на 7. 5 и 1 дюйм. Перетащите правую границу к вертикальной направляющей на отметке 8 дюймов.

   Изменение размеров фрейма карты изменяет масштаб и экстент карты, поэтому вам может понадобиться внести некоторые уточнения. Для работы с картой именно как с картой, а не с элементом компоновки, активируйте фрейм карты.

5. На ленте щелкните вкладку Компоновка. В группе Карта нажмите Активировать .

   Компоновка станет серой. На ленте инструменты компоновки будут заменены инструментами карты.

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

   Подсказка:

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

7. На ленте, под Активным фреймом карты щелкните вкладку Компоновка. В группе Карта щелкните Закрыть активацию .

Вставка зарамочного оформления

Вы добавите к компоновке легенду, стрелку севера и масштабную линейку. Легенда описывает символы карты. Стрелка севера и масштабная линейка задают географический контекст.

1. На ленте, щелкните вкладку Вставить. В группе Зарамочное оформление карты щелкните Легенда . Нарисуйте прямоугольник между вертикальными направляющими, расположенными на отметках 8,25 и 10,75 дюйма.

   В нижней части легенды четко не видно, что символ Парки относится к отдельному слою.

2. На панели Содержание, в разделе Ландшафтная компоновка разверните элемент Легенда. Щелкните правой кнопкой Parks и выберите Свойства .

   Откроется панель Форматировать элемент легенды.

   Подсказка:

   На панели Форматировать элемент легенды можно работать со свойствами отдельных элементов легенды. Для работы со свойствами всей легенды щелкните правой кнопкой заголовок Легенда на панели Содержание и нажмите Свойства. Либо щелкните правой кнопкой выбранную в компоновке легенду.

3. На панели Формат элемента легенды в поле Показать поставьте отметку в окне Имя слоя. Снимите отметку Надпись (или имя слоя).

   В компоновке имя слоя Parks появляется над его символом и отображается полужирным крупным шрифтом.

4. Закройте панель Формат Пункт легенды.
5. На компоновке перетащите легенду, чтобы ее прямоугольник замкнулся на горизонтальную направляющую на отметку 7,5 дюйма.
6. При необходимости измените размер прямоугольника легенды, перетащив его нижнюю границу, так чтобы он точно соответствовал элементу легенды.
7. Если необходимо, щелкните вкладку Вставка на ленте. В группе Зарамочное оформление карты щелкните ниспадающее меню Стрелка севера и выберите ArcGIS North 1 либо другую понравившуюся вам стрелку.
8. В левом нижнем углу компоновки щелкните, чтобы разместить на компоновке стрелку севера.
9. Перетащите стрелку севера в левый нижний угол компоновки, чтобы он замкнулся на четвертьдюймовые направляющие.

   Подсказка:

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

10. На вкладке Вставка, в группе Зарамочное оформление карты, щелкните стрелку ниспадающего меню Масштабная линейка. В списке масштабных линеек под пунктом Метрические выберите Масштабная линейка 1 (метрическая).
11. В нижней части компоновки щелкните, чтобы разместить на компоновке масштабную линейку.
12. Замкните масштабную линейку на горизонтальную направляющую на отметке 0,25 дюйма. Разместите ее по центру фрейма карты или поместите на другое понравившееся вам место.

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

13. В случае необходимости измените размер масштабной линейки так, чтобы его максимальное значение составило 1 км.
14. Щелкните в пустой области компоновки, чтобы снять выделение с масштабной линейки.
15. На панели инструментов быстрого доступа щелкните Сохранить .

Вставка текста

Вы добавите заголовок карты и текст описания.

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

   Когда вы отпускаете клавишу мыши, внутри окошка появится слово Текст. Текст будет подсвечен, и вы можете его редактировать.

2. Введите следующий текст Солнечная радиация для строений центральной части г. Веллингтон.
3. Когда закончите, щелкните в пустой области компоновки.

   Элемент текста теперь выбран на компоновке.

4. На ленте, под Текстом, щелкните вкладку Формат. В группе Текстовый символ измените размер шрифта текстового символа на 22 тчк. Измените стиль шрифта текстового символа на Полужирный.
5. Выровняйте заголовок по вертикальной направляющей, расположенной на отметке 0,25 дюйма, и по горизонтальной направляющей, расположенной на отметке 8,25 дюйма.
6. Если необходимо, раздвиньте текстовой элемент, чтобы видеть заголовок целиком.

   Подсказка:

   Если текстовой элемент содержит текст, который не отображается, рядом с элементом появится значок переполнения .

7. Щелкните в пустой области компоновки, чтобы снять выделение с заголовка.

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

8. Если необходимо, щелкните вкладку Вставка на ленте. Щелкните в группе Графика и текст инструмент Текст в прямоугольнике . Нарисуйте в компоновке прямоугольник под легендой.
9. Введите или скопируйте, а затем вставьте в прямоугольник следующий текст: Среднегодовые значения энергетического потенциала для крыш в киловатт-часах на квадратный метр. Темно-оранжевые цвета соответствуют местам с высокими значениями, подходящими для установки солнечных панелей или водяного обогрева. Где это возможно, использовалась трехмерная информация о крышах. В остальных случаях крыша считалась плоской, имеющей определенную высоту. Деревья из анализа были исключены.
10. Щелкните в пустой области компоновки, чтобы выбрать текстовый элемент.
11. На ленте, под разделом Текст щелкните вкладку Формат. В группе Текстовый символ измените размер шрифта текстового символа на 8 тчк. Измените цвет текста на Серый 50%.
12. Выровняйте левую границу текстового элемента по вертикальной направляющей на отметке 8.25 дюйма. Выровняйте правый край с вертикальной направляющей на 10.75 дюймов.
13. Измените размер прямоугольника с текстом, чтобы он вписался в абзац текста.
14. Щелкните в пустой области компоновки, чтобы снять выделение с текста.
15. На панели инструментов быстрого доступа щелкните Сохранить .

    Если включена проверка орфографии, неизвестные слова подчеркиваются волнистой линией. Например, вы можете видеть, что слово colours обозначено как ошибка. Эти графические отметки не отображаются в напечатанной или экспортированной карте. Более подробно о том, как редактировать правописание в компоновке.

Вставка динамического текста

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

1. Если необходимо, щелкните вкладку Вставка на ленте. В группе Графика и текст щелкните стрелку ниспадающего списка Динамический текст. Под Фреймом карты выберите Информацию об авторах.
2. Щелкните под описанием карты и добавьте динамический текст.
3. Выровняйте его относительно вертикальной направляющей на отметке 8.25 дюймов.

   В текстовом элементе слова Wellington City Council являются динамическими. Это информация — свойство карты Central Wellington, автоматически обновляющееся при изменении свойства.

   Подсказка:

   Если вы хотите увидеть кредиты, активируйте вид карты Central Wellington. В Содержании щелкните название карты правой кнопкой и выберите Свойства . В диалоговом окне Свойства карты нажмите вкладку Метаданные.

4. В виде компоновки щелкните правой кнопкой на элементе динамического текста и выберите Свойства .

   Появляется панель Форматировать текст. На вкладке Текст найдите вкладку Опции , на которой под пунктом Текст, по умолчанию выбрана кнопка Вид тегов . Динамический текст отображается, как тег, а другой текст является статическим и может быть отредактирован.

   Чтобы увидеть форматирование динамического текста, наведите указатель мыши на тег и щелкните Вид текста .

5. В текстовом поле щелкните перед словом Кредиты (статический текст, не тег). Введите Карта создана:, а затем — свое имя. Нажмите клавишу Enter, чтобы закончить строку.

6. Вверху панели Формат текста щелкните вкладку Текстовый символ.
7. На вкладке Текстовый символ убедитесь, что выбрана вкладка Общие .
8. Разверните Оформление. Измените Размер на 8 pt, а Цвет на Серый 50%. Щёлкните Применить.

   Подсказка:

   Вы можете внести некоторые изменения на контекстной вкладке ленты Формат.

9. Закройте панель Форматировать текст.
10. Щелкните в пустой области компоновки, чтобы снять выделение с текста.
11. На панели инструментов быстрого доступа щелкните Сохранить .

Добавление обзорной карты и прямоугольника экстента

Для показа центра Веллингтона в обзорном масштабе вы создадите обзорную карту.

1. На вкладке Вставка, в группе Фреймы карты, щелкните ниспадающее меню Фрейм карты. Под Регионом щелкните иконку карты Регион.
2. Нарисуйте прямоугольник небольшого размера для фрейма карты поверх существующего фрейма.

   Фрейм карты добавляется в компоновку. На панели Содержание теперь есть два фрейма карты: Фрейм карты 1 и Фрейм карты. Их будет легче различить, если переименовать.

3. На панели Содержание, с выбранной вкладкой Map Frame 1 щелкните имя Map Frame 1, чтобы сделать его редактируемым. Введите Обзорная карта и нажмите клавишу Enter.
4. На панели Содержание щелкните Фрейм карты, чтобы выбрать его, и снова щелкните, чтобы сделать имя редактируемым. Введите Главная карта и нажмите клавишу Enter.

   Теперь вы измените форму и размер обзорной карты.

5. На панели Содержание щелкните Обзорная карта, чтобы выделить его.
6. На вкладке Вставить в группе Фреймы карты щелкните стрелку ниспадающего меню Изменить форму и выберите Круг .
7. На компоновке, на обзорной карте, наведите указатель мыши на город Веллингтон.
8. Очертите окружность и отпустите кнопку мыши.В зависимости от размера фрейма карты, ваша карта может выглядеть иначе.

   Форма фрейма обзорной карты приняла вид круга.

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

   Город Веллингтон будет показан в мелком масштабе, однако на обзорной карте при этом не отмечена область, покрытая главной картой. Чтобы показать это, вы добавите прямоугольник экстента.

10. На вкладке Вставка в группе Фреймы карт щелкните ниспадающий список Индикатор экстента и выберите Основная карта.

    На обзорную карту будет нанесен символ, и откроется панель Форматировать индикатор экстента.

11. На панели Форматировать индикаторы экстента в разделе Индикатор экстента щелкните символ.

    На панели появятся варианты символов.

12. На вкладке Символы под пунктом Оформление щелкните стрелку ниспадающего меню Цвет. Щелкните на палитре цветов Нет цвета.
13. Щелкните стрелку ниспадающего меню Цвет контура и выберите ярко-желтый цвет, например, солнечно-желтый. Измените значение Ширины линии на 2 пункта.
14. В нижней части панели щелкните Применить.

    Теперь вы можете настроить масштаб и экстент обзорной карты.

15. На ленте щелкните вкладку Компоновка. В группе Карта нажмите Активировать . Переместите обзорную карту и меняйте ее масштаб для получения нужного вам экстента.

    Подсказка:

    Используйте кнопки Фиксированное увеличение и Фиксированное уменьшение на ленте либо задайте значение в окне масштаба, расположенном в нижней части вида компоновки.

16. На ленте, под Активным фреймом карты щелкните вкладку Компоновка. В группе Карта щелкните Закрыть активацию .

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

17. На панели Содержание щелкните Обзорная карта, чтобы выделить его.

    Откроется панель Формат фрейма карты.

18. На панели Формат фрейма карты в разделе Фрейм карты щелкните вкладку Отображение .
19. В разделе Граница щелкните стрелку ниспадающего меню Цвет границы и выберите 50% серого.

    Цвет границы на обзорной карте будет обновлен.

20. Щелкните в пустой области компоновки, чтобы снять выделение с обзорной карты.

    И наконец, вы настроите выравнивание элементов в компоновке.

21. Нажмите и удерживайте клавишу Shift. В компоновке выберите легенду и два блока текста.

    У всех трех элементов появятся ручки выборки.

22. Щелкните правой кнопкой выбранные элементы и выберите Выровнять > Распределить по вертикали .

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

23. Щелкните в пустой области компоновки, чтобы снять выделение с элементов.
24. На панели инструментов быстрого доступа щелкните Сохранить .

Экспорт компоновки

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

1. На ленте щёлкните вкладку Общий доступ. В группе Экспорт щелкните Компоновка .

   Отобразится панель Экспорта компоновки. На вкладке Свойства измените Тип файла на PNG если это необходимо.

2. В окне Имя примите по умолчанию выходное местоположение и имя файла. Или щелкните Обзор и выберите местоположение, в котором вы желаете сохранить файл.
3. Оставшиеся Настройки PNG оставьте по умолчанию. В нижней части панели щелкните Экспорт.
4. По завершении щелкните Просмотреть экспортированный файл в нижней части панели.

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

В этом упражнении вы использовали множество различных элементов компоновки. Есть и другие элементы, такие как таблицы, диаграммы и сетки, с которыми вы можете попробовать поработать сами. Каждый элемент, помещаемый в компоновку, имеет свои собственные опции дизайна и форматирования.

Компоновка преследует конкретную цель: показать потенциал солнечной радиации для зданий в пригороде Веллингтона. У компоновки может быть и более глобальное назначение. Ее можно использовать как шаблон для создания серии карт – набора карт схожего дизайна, отображающих различные части больших географических областей, к примеру, регионов Новой Зеландии. Подробнее о создании серий карт.

Вы можете также выполнить упражнения в разделе Компоновки справочной системы: Работа с фреймом таблицы, Работа с сеткой и Построение пространственных серий карт.

Связанные разделы

---

Отзыв по этому разделу?

Webex — Устройства Webex Rooms

Ниже описано, как каждый вариант компоновки будет отображаться при настройках одного экрана: только с участниками и с контентом в совместном доступе. Это применимо к устройствам Cisco Webex Board, серии устройств Room и настольных устройств.

Те же компоновки доступны и во время интеграции видео Cisco Webex для вызовов Microsoft Teams на одном экране.

Компоновки для одного экрана: только участники

Таблица

В этом варианте компоновки отображается таблица, вмещающая до 5 × 5 видео участников.

Ниже показан пример таблицы 4 × 4 для Webex Room Kit.

Эскизы видео участников сортируются в порядке их выступления. Отображаются последние активные выступающие.

При включении функции создания стенограммы во время использования табличной компоновки в вашей компоновке будет автоматически отображаться до 9 участников в таблице 3 × 3.

В ряд

В таком варианте компоновки над активным выступающим отображается до 6 эскизов видео участников. Ниже показан пример компоновки В ряд для Webex Room Kit.

Активный выступающий динамически изменяется.

Наложение

В компоновке «Наложение» отображается видео активного выступающего в полноэкранном режиме и до 6 эскизов видео участников с наложением в нижней части. Активный выступающий динамически изменяется.

Ниже показан пример компоновки Наложение в Desk Pro.

Главное

В компоновке «Главное» отображается видео активного выступающего в полноэкранном режиме. Такой вариант компоновки используется во время совещаний двух людей. Ниже показан пример компоновки Главное для Webex Room Kit.

С выделением

В компоновке «С выделением» активный выступающий отображается в левой верхней части экрана, а остальные участники – в нижней части и справа.

Ниже показан пример компоновки с выделением для Webex Room Kit.

Компоновки для одного экрана: контент в совместном доступе

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

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

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

В ряд

В компоновке В ряд контент отображается на главном экране с эскизами видео до 6 участников в верхней части. Ниже показан пример компоновки В ряд для Webex Room Kit.

Параллельно

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

Ниже показан пример параллельной компоновки для Webex Room Kit.

Главное

В компоновке «Главное» на экране отображается только контент, без участников. Ниже показан пример компоновки Главное для Desk Pro.

С выделением

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

Ниже показан пример компоновки с выделением для Webex Room Kit.

WPF | Компоновка

Введение в компоновку

Последнее обновление: 16.01.2016

Чтобы перейти уже непосредственно к созданию красивых интерфейсов и их компонентов, сначала необходимо познакомиться с компоновкой. Компоновка (layout) представляет собой процесс размещения элементов внутри контейнера. Возможно, вы обращали внимание, что одни программы и веб-сайты на разных экранах с разным разрешением выглядят по-разному: где-то лучше, где-то хуже. В большинстве своем такие программы используют жестко закодированные в коде размеры элементов управления. WPF уходит от такого подхода в пользу так называемого «резинового дизайна», где весь процесс позиционирования элементов осуществляется с помощью компоновки.

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

В WPF компоновка осуществляется при помощи специальных контейнеров. Фреймворк предоставляет нам следующие контейнеры: Grid, UniformGrid, StackPanel, WrapPanel, DockPanel и Canvas.

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

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

Все выше перечисленные контейнеры компоновки наследуются от абстрактного класса Panel, а само дерево наследования можно представить следующим образом:

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

В WPF при компоновке и расположении элементов внутри окна нам надо придерживаться следующих принципов:

• Нежелательно указывать явные размеры элементов (за исключеним минимальных и максимальных размеров). Размеры должны определяться контейнерами.

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

Процесс компоновки

Процесс компоновки проходит два этапа: измерение (measure) и расстановка (arrange). На этапе измерения контейнер производит измерение предпочтительного для дочерних элементов места. Однако не всегда контейнер имеет достаточно места, чтобы расставить все элементы по их предпочтительным размером, поэтому их размеры приходится усекать. Затем происходит этап непосредственной расстановки дочерних элементов внутри контейнера.

Теперь рассмотрим контейнеры компоновки подробнее.

Что такое компоновка, конструкция и композиция. :: photoschoolonline.ru

Компоновка, конструкция и композиция.

 

 

 

Что такое компоновка, конструкция кадра и композиция.

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

Чувство равновесия у каждого человека врождённое, так как каждый из нас может вертикально стоять и ходить не падая – держать равновесие всегда, даже не осознавая этого. В первую очередь необходимо научится размещать и уравновешивать объекты в изображении при помощи простых правил. Нужно организовать изображение, упорядочить его элементы.

Автор фото 1 Алексей Бушов ©

Компоновка – первый уровень организации изображения, распределение предметов и фигур в кадре. Основная цель компоновки — элементарное заполнение пространства кадра, уравновешивание верхней части фотографии с нижней и левой части с правой. Желательно при этом не оставлять пустых мест в кадре. Хотя и пустота тоже может уравновешивать некоторые объекты…, но об этом в материалах «Маркета занятий» в разделе «Планы. Перспектива. Композиция»

Есть простые правила компоновки и начинающие фотографы часто их принимают за композиционные приёмы, но компоновка и композиция соотносятся как текст SMS-сообщения и очерк о путешествии.

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

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

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

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

Автор фото 2 Алексей Бушов ©

На пейзажной фотографии 2 уровень горизонта размещён по середине кадра, что противоречит правилам компоновки, но не противоречит приёмам композиции и воспринимается гармонично. Это происходит потому, что в нижней части кадра размещены большие, тёмные камни, которые утяжеляют низ изображения. Верхняя его часть и нижняя не кажутся зрителю равнозначными и равновеликими. Из-за того что на переднем плане расположен камень, выходящий за пределы кадра, возникает ощущение длящегося пространства и это создаёт иллюзию увеличения нижней части фотографии.

Конструкция – второй уровень организации изображения, схема построения композиции. Из живописи известны несколько общепринятых конструктивных построений — в треугольнике, круге, овале. Конструкция составляется из нескольких главных элементов изображения, их сочетаний и взаимодействий. Это остов, на который нанизываются детали сюжета. Конструкция — план построения изображения, но не сама композиция.

На фото 1 (сверху) пример конструкции в виде треугольника. Расмотрение кадра происходит примерно так — сначала главный объект — молящаяся женщина на переднем плане (её голова и руки, сложенные «лодочкой»), затем взгляд переходит на фигуру пожилого мужчины в проёме двери, затем через фигуру коленопреклонённой женщины возвращается к главному объекту — на локоть женщины и по руке доходит до лица. Взгляд держится в этой замкнутой конструкции и продолжает перемещаться по треугольной траектории пока зритель рассмотрит все подробности и прочувствует состояние людей в кадре.

Композиция – третий уровень организации изображения.

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

Композицию невозможно повторить, в каждом отдельном случае она уникальна – это «душа» фотографии. Как правило, все элементы композиции взаимодействуют друг с другом.

В композиции все элементы жестко закреплены на своих местах, у зрителя не возникает желания что-то подвинуть или изменить в изображении.

Автор фото 3 Алексей Бушов ©

На фото 3 применена замкнутая композиция, при помощи которой взгляд зрителя остаётся в пределах кадра и следует по траектории определяемой ритмом, направлением движения женских фигур и их взглядами. Главный объект — фигура второй женщины слева, от неё взгляд следует к сидящей наверху учётчице, потом следует к правой границе кадра, которая обрамлена частью жеской фигуры с кирпичами на голове. Эта фигура не даёт взгляду выйти за пределы границ кадра и возвращает зрителя к женщине в центре кадра, которая идёт против направления основного движения в фото и указывет своим взглядом к левой границе кадра — на замыкающую изображение фигуру женщины. После взгляд, совершив круг, возвращается к главному объекту и повторяет «обход», пока не возникнет понимание сюжета и не пропадёт к нему интерес.

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

 

О правилах компоновки, приёмах композиции, Вы узнаете из материалов «Маркета занятий». Так же Вы научитесь использовать особенности восприятия изображений и управлять вниманием зрителей.

Раздел занятий «Планы. Перспектива. Композиция» Занятия «Фотокомпозиция. Часть 2-5»

При написании текста урока использован материалы книги «Фотография как..» Александра Лапина.

 

Автор урока Алексей Бушов © Спасибо за внимание.

Понравился урок — поделись!

это… Что такое компоновка: цели, методы, задачи

Добавлено в закладки: 0

Что такое компоновка? Описание и определение понятия.
Компоновка ( в переводе с латинского, значит – строить, складывать, сочинять)  – это расположение частей, отдельных объектов в целом объекте. Компоновку могут применять в самых разных областях. Это может быть компоновка деталей чертежа, компоновка частей в легковом автомобиле,   и так далее. Например,  возьмем то, что каждый день окружает нас в быту. Компоновку кухонной мебели нужно произвести с таким расчетом,  чтобы обеспечить удобный подход к холодильнику и к плите, навесные шкафы необходимо расположить так, чтобы их можно было без усилия закрывать и открывать, обеденный стол должен так располагаться, чтобы за ним поместилась вся семья.

Компоновка (от лат. componere «сочинять, складывать, строить») — структуризация, расположение в целостном объекте отдельных частей.

Компоновка может также означать:

• Программирование (компоновка) — сборка исполняемого модуля из объектных модулей.
• Компоновка легкового автомобиля — общая схема по расположению на раме легкового автомобиля основных агрегатов.
• Компоновка летательного аппарата — совокупность проектных работ по обоснованию взаимного расположения узлов, агрегатов, систем и формы ЛА.
• Компоновка танков — обусловленное функционально размещения трансмиссионно-моторной установки, экипажа, комплекса вооружения, элементов специальной и броневой защиты, систем танка, ходовой части, вспомогательного оборудования.

Рассмотрим, более детально, что значит компоновка.

Компоновка конструкций

Компоновка — это процесс поиска и разработки наиболее рационального размещения элементов конструкции в заданном пространстве.

Именно в процессе компоновки создается вся конструкция будущего прибора. Здесь находится не только целесообразное расположение его модулей, устройств и узлов, но и определяются, с учетом материалов, оптимальные размеры и формы поверхностей деталей, отвечающие технико-экономическим требованиям заданиям, а также условиям производства. Так как от объема прибора зависит в известной степени его масса, занимаемая им площадь помещений, а также транспортные расходы и такое прочее, то общей тенденцией является стремление к уменьшению габаритов конструкции при оптимальной компоновке (то есть стремление к компактности конструкции).

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

Вместе с тем значительную помощь при компоновке оказывает системный подход, который основан на базовом и агрегатно-модульном методах проектирования (или унификации), когда конструкция прибора создается на основе базовой модели  с  новой комбинацией  усовершенствованных функциональных модулей и унифицированных отдельных элементов.

При индивидуальном проектировании, во время компоновки создаваемого прибора,  также было бы целесообразно разбивать прибор на его функциональные составные части: несущие (или базовые), преобразовательные (или рабочие), коммуникационные (или соединительные) и вспомогательные.

Осуществляя компоновку, следует идти от общего к частному.

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

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

Компоновка технической системы

Компоновка технической системы — это эффективно скоординированное взаимное  расположение элементов сложной технической системы в  заданном пространстве.

По своей сути, компоновка – это аппаратное конструирование сложных технических  систем из уже готовых структурных элементов, которые являются их подсистемами.

Задачи компоновки

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

Содержание компоновки как вида (рода, этапа) проектной и конструкторской работы зависит от того, какую задачу выполняет эта работа, то есть от того, какой объект создают.

При конструировании сложных видов техники задача компоновки заключается преимущественно в поиске расположения отдельных агрегатов и органов управления в рабочем поле или внутреннем объёме, Как правило, этот обьём весьма ограничен. Особенность состоит в том, что сами агрегаты обычно не являются законченными изделиями, которые имеют самостоятельную потребительскую ценность (то есть это конкретно агрегаты и детали).

Общим является то, что перед всеми видами стоит конкретная задача – максимально обеспечить надёжность, безопасность и эффективность работы создаваемых технических систем.

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

Особенность его состоит в том, что именно здесь осуществляется переход от расчётов, выбора оборудования и построения аппаратурной схемы (то есть от функционального описания ) к её материализации в конкретный технический комплекс. Кстати, только на этом этапе производится окончательный расчёт для трубопроводов и других сетей.

Главные отличия компоновки от размещения

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

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

Причина этого кроется в очевидном факте, что любая техническая система суть система “человек-машина”; причём главной подсистемой еёбезусловно является человек как главная производительная сила.

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

Проектировать необходимо с учётом закономерностей деятельности человека в системах техники.

Ну и наконец, решающим гуманитарным фактором является то, что техника существует для Человека, а не Человек для техники.

Цели компоновки

1. В целом компоновка должна обеспечивать минимум передвижений человека в рабочей зоне при максимальной возможности визуального и слухового контроля.
2.  Компоновка должна обеспечивать максимальную возможность синхронного контроля процесса и выполнения трудовых операций.

Методы компоновки

Существуют различные методы компоновки. И применяются они в зависимости от стадии разработки.

Так, например, на самых ранних стадиях (а именно: техническое предложение, эскизный  проект), как правило,  используется аналитическая или номографическая компоновка.

На стадиях технического и рабочего проектирования предпочтительной уже будет графическая, модельная и натурная компоновка.

Аналитическая или номографическая компоновка производятся в расчете  на калькуляторах или с помощью номограммы массогабаритных характеристик разрабатываемого изделия, исходя из установочных размеров комплектующих, которые входят в электрическую принципиальную схему данного изделия.

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

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

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

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

За счет использования модельной и натурной компоновок  достигается существенное сокращение чертежно-графических работ .

Модельная компоновка выполняется с использованием объемных или плоских упрощенных моделей (шаблонов), органов управления, деталей, надписей и элементов конструкции, изготовленных из различных материалов (к примеру: бумаги, картона, дерева, пенопласта, металла и так далее). Компоновку проводят на макетах панелей, шасси, выполненных из листовых материалов.

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

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

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

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

Простейший способ достижения равновесия в чертеже — это равномерное распределение проекций (но не за счет нарушения проекционной связи!).

Мы коротко рассмотрели компоновка и ее различные методы, а также основные цели и задачи компоновки.

Оставляйте свои комментарии или дополнения к материалу.

Навесные корпуса FWB для свободной компоновки Hager

	FWB31D	Щит открытой установки,секционный,без оснастки,IP44, 500x300x161мм (ВхШхГ), одна дверь,RAL9010
	FWB32D	Щит открытой установки,секционный,без оснастки,IP44,500x550x161мм (ВхШхГ),одна дверь,RAL9010
	FWB33D	Щит открытой установки,секционный,без оснастки,IP44,500x800x161мм (ВхШхГ),две двери,RAL9010
	FWB34D	Щит открытой установки,секционный,без оснастки,IP44,500x1050x161мм (ВхШхГ),две двери,RAL9010
	FWB41D	Щит открытой установки,секционный,без оснастки,IP44,650x300x161мм (ВхШхГ),одна дверь,RAL9010
	FWB42D	Щит открытой установки,секционный,без оснастки,IP44,650x550x161мм (ВхШхГ),одна дверь,RAL9010
	FWB43D	Щит открытой установки,секционный,без оснастки,IP44,650x800x161мм (ВхШхГ),две двери,RAL9010
	FWB44D	Щит открытой установки,секционный,без оснастки,IP44,650x1050x161мм (ВхШхГ),две двери,RAL9010
	FWB51D	Щит открытой установки,секционный,без оснастки,IP44,800x300x161мм (ВхШхГ),одна дверь,RAL9010
	FWB52D	Щит открытой установки,секционный,без оснастки,IP44,800x550x161мм (ВхШхГ),одна дверь,RAL9010
	FWB53D	Щит открытой установки,секционный, без оснастки,IP44,800x800x161мм (ВхШхГ),две двери,RAL9010
	FWB54D	Щит секционный,без оснастки,IP44,800x1050x161мм (ВхШхГ),две двери,RAL9010
	FWB61D	Щит открытой установки,секционный,без оснастки,IP44,950x300x161мм (ВхШхГ),одна дверь,RAL9010
	FWB62D	Щит открытой установки,секционный,без оснастки,IP44,950x550x161мм (ВхШхГ),одна дверь,RAL9010
	FWB63D	Щит открытой установки,секционный,без оснастки,IP44,950x800x161мм (ВхШхГ),две двери,RAL9010
	FWB64D	Щит открытой установки,секционный,без оснастки,IP44,950x1050x161мм (ВхШхГ),две двери,RAL9010
	FWB71D	Щит открытой установки,секционный,без оснастки,IP44,1100x300x161мм (ВхШхГ),одна дверь,RAL9010
	FWB72D	Щит открытой установки,секционный,без оснастки,IP44,1100x550x161мм (ВхШхГ),одна дверь,RAL9010
	FWB73D	Щит открытой установки,секционный,без оснастки,IP44,1100x800x161мм (ВхШхГ),две двери,RAL9010
	FWB74D	Щит открытой установки,секционный,без оснастки,IP44,1100x1050x161мм (ВхШхГ),две двери,RAL9010

Определение макета Merriam-Webster

выложить · разложить | \ Lā-au̇t \

1 : план, дизайн или расположение чего-то выложенного: например,

б : окончательное расположение материала, которое должно воспроизводиться, в частности, путем печати.

2 : акт или процесс детального планирования или макета

3а : то, что выложено макет модельного поезда

б : земля или строения или помещения, используемые для определенной цели план животноводства также : место

c : Набор или комплект, в особенности инструментов

выложил; выкладка; выкладывает

переходный глагол

3а : подготовить (труп) к просмотру

б : сбить с ног или потерять сознание

4 : для детального планирования выложу поход

6 : для маркировки (работы) для сверления, механической обработки или опиловки

Почему макет важен в графическом дизайне?

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

Макетирование — это фундаментальная ветвь графического дизайна, которая касается расположения текста и визуальных элементов. Эффективность любого типа дизайна, от печатного до веб-сайта, в значительной степени зависит от макета. Эффективный макет не только выглядит привлекательно, но и помогает зрителю понять идею, которую несет дизайн. Другими словами, понимание макета является ключевым, когда дело доходит до создания удобного и привлекательного дизайна, особенно в области веб-дизайна и рекламы.

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

‍

Что такое верстка?

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

Сетки полезны при проектировании макетов, поскольку они помогают структурировать и организовывать контент. Хотя сетки невидимы в дизайне, ориентированном на пользователя, с первого взгляда легко определить, соответствует ли макет системе сеток. Позже мы обсудим сетки более подробно и рассмотрим некоторые реальные примеры работы с сетками.

‍

Принципы дизайна макета и композиции

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

‍

Иерархия

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

Пример иерархии, созданной с помощью размера

‍

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

‍

Весы

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

Симметричные весы Асимметричные весы

‍

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

‍

Выравнивание

В конструкции предусмотрено два типа выравнивания: выравнивание по краю и выравнивание по центру. Выравнивание краев — это когда элементы выравниваются по верхнему, нижнему, левому или правому краю макета. Выравнивание по левому краю обычно используется для текста, потому что мы читаем текст слева направо (на английском языке).Выравнивание по центру эффективно для небольших текстовых разделов, таких как заголовок или рекламное объявление, а также изображений, значков и других визуальных элементов.

Выравнивание по левому краю (L) по сравнению с выравниванием по центру (R)

‍

Эффективное выравнивание способствует четкости и плавности макета. Использование сеток упрощает определение способа выравнивания элементов в макете.

‍

Близость

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

Пример близости

‍

Пространство

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

Расстояние между секциями в макете

‍

Элементы дизайна макета

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

• Текст : текстовые элементы включают заголовки, заголовки и абзацы.В дизайне с большим количеством текста эти элементы должны быть расположены интуитивно понятным образом, чтобы их было легко читать.
• Изображения : Фотографии и другие визуальные эффекты, такие как иллюстрации, помогают разбить текст и передать определенные сообщения. Они особенно эффективны для эмоционального вовлечения зрителей.
• Строки : Строки используются для разделения разделов. Они также могут добавить акцента к тексту.
• Фигуры : При правильном использовании формы добавляют нотку чутья и индивидуальности макету. Прямоугольники и круги являются наиболее распространенными, но есть много способов проявить творческий подход к фигурам.
• Пустое пространство : Как мы уже обсуждали, добавление пространства между разделами макета предотвращает перегрузку или утомление пользователя при просмотре загруженного дизайна.

Формат и контекст дизайна определяют, как эти элементы реализованы в макете. Например, веб-сайты обычно содержат много текста и изображений. Напротив, реклама в первую очередь ориентирована на изображение с минимальным количеством текста.Решая, как сбалансировать различные элементы дизайна, важно всегда учитывать контекст и взаимодействие с пользователем. Например, пользователь веб-сайта обычно ищет информацию или вдохновение и готов потратить минуту или две, чтобы просмотреть веб-страницу. Сравните это с тем, как кто-то просматривает рекламу в своей ленте Facebook. Если реклама не сразу привлекает их внимание, возможность упущена.

‍

Создание макетов с использованием сеток

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

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

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

Мокап 12-столбцовой сетки в Интернете

‍

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

‍

Источник: Launchable Inc

‍

Источник: Turn the Page Design Magazine by Lianne

‍

Источник: Четыре

‍

Чтобы узнать больше о gri О том, как использовать их для создания красиво сбалансированных макетов веб-дизайна, читайте в нашем курсе «Процесс создания веб-сайта за 10 тысяч долларов».

‍

Вырыв из сеток

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

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

Некоторые конструкции не просто вырываются из сеток; они полностью игнорируют сетки. Это, если сделано намеренно, создает художественный эффект. Хотя этот внешний вид эффективен для определенных контекстов, например для веб-сайта художника или лукбука фотографии, он не рекомендуется для большинства дизайнерских проектов. Ниже приведен пример поразительной целевой страницы, которая не использует сетку, но все же эффективно передает идею дизайна.

Источник: KIKK Festival 2020

‍

Правило третей

Полезным методом создания эффективных макетов является применение правила третей.Это очень простое правило, но очень эффективное для создания баланса в макете. Чтобы реализовать это, просто разделите свой макет на три столбца и строки. Линии создают ориентиры для любых линейных элементов дизайна. Точки пересечения линий образуют фокус дизайна.

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

‍

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

‍

Источник: Владимир Груев через Dribbble

‍

Источник: Ramotion через Dribbble

Хотите узнать больше о том, как создавать красивые макеты веб-дизайна, которые привлекают высокооплачиваемых клиентов?

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

Подробнее о курсе «Процесс веб-сайта» стоимостью 10 тысяч долларов можно узнать здесь.

Элементы и методы макета HTML

---

Веб-сайты часто отображают контент в несколько столбцов (например, журнал или газета).

---

Пример

Лондон — столица Англии. Это самый густонаселенный город Соединенного Королевства, в котором проживает более 13 миллионов жителей.

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

Попробуй сам »

---

Элементы макета HTML

HTML имеет несколько семантических элементов, которые определяют различные части веб-страницы:

— Определяет заголовок для документа или раздела