Обустройство и планировка участка: схема расположения построек на территории под строительство в 6, 10 и 12 соток с фото и проект размещения дачного дома

Установка ширины элемента предотвратит его растяжение до края его контейнера.

Затем элемент займет указанную ширину, а оставшееся пространство будет разделен поровну между двумя полями:

Этот элемент div центрирован.

Пример

.центр {
маржа: авто;
ширина: 50%;
граница: сплошной зеленый цвет 3px;
отступ: 10 пикселей;
}

Примечание: Выравнивание по центру не действует, если свойство width не задано (или установите на 100%).

Выровнять текст по центру

Чтобы просто центрировать текст внутри элемента, используйте text-align: center;

Совет: Дополнительные примеры выравнивания текста см. В главе «Текст CSS».

Центрировать изображение

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

Пример

img {
дисплей: блок;
маржа слева: авто;
поле справа: авто;
ширина: 40%;
}

Выровнять по левому и правому краю — с использованием позиции

Один из методов выравнивания элементов — использовать position: absolute; :

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

Пример

.верно {
позиция: абсолютная;
вправо: 0 пикселей;
ширина: 300 пикселей;
граница: 3px solid # 73AD21;
отступ: 10 пикселей;
}

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

9 советов по организации вашего розничного магазина

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

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

1. Используйте правильный план этажа

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

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

Это лишь некоторые из вопросов, которые вы должны задать при выборе плана этажа.

Хотя существует множество вариантов оформления магазинов, которые можно использовать, вот самые распространенные из них:

План этажа прямой

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

Схема беговой дорожки или петли

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

Угловой план этажа

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

Геометрический план этажа

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

Схема свободного хода

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

2. Знайте, куда вы «ведете» покупателей

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

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

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

Так какой теории направления покупок вы должны верить? Похоже, есть более веские доказательства, подтверждающие теорию поведения при вождении.Как отметил Херб Соренсен, автор книги «Внутри разума покупателя»:

Модель движения в супермаркете в США — против часовой стрелки, но исследования PathTracker в Великобритании, Австралии и Японии показывают гораздо большую тенденцию покупателей перемещаться по часовой стрелке там… по схемам движения транспортных средств снаружи. В этих небольших исследованиях мы отметили, что в странах с правосторонним движением, где круги движения движутся по часовой стрелке, покупателям в магазинах может быть удобнее двигаться в том же направлении.

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

3. Убедитесь, что количество вашей продукции соответствует

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

С одной стороны, увеличение количества товаров в торговом зале привело к увеличению продаж.Когда Dollar General увеличила высоту своих полок до 78 дюймов, продажи за квадратный фут выросли со 165 до 201 долларов.

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

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

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

Как сказал New York Times Пако Андерхилл, автор книги Why We Buy , «чем больше упакован магазин, тем больше люди думают о нем как о ценности — точно так же, как когда вы заходите в магазин и там меньше вещей на полу, вы склонны думать, что они дорогие ».

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

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

4. Обеспечьте достаточно места между продуктами и приспособлениями

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

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

Андерхилл написал:

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

5. Регулярно обновляйте дисплеи

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

Тем не менее, большинство экспертов рекомендуют

Краткий обзор макетов страниц — справка

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

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

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

Первым шагом в ArcMap является изменение вида карты на компоновку — либо выбрав Вид компоновки в меню Вид, либо нажав кнопку Вид компоновки в нижнем левом углу отображения карты.

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

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

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

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

Подробнее о печати карт

Совет:

Используйте кнопку «Изменить макет» на панели инструментов «Макет», чтобы изменить ориентацию страницы и размещение элементов существующего макета.

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

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

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

Узнайте больше об использовании индикаторов экстента для улучшения обзорных или карт-указателей

Если документ карты содержит более одного фрейма данных, только один будет активным фреймом данных, то есть тем, с которым вы активно работаете. Имя активного фрейма данных выделено жирным шрифтом в таблице содержания, а фрейм будет выделен на странице пунктирным контуром. Чтобы сделать фрейм данных активным, щелкните правой кнопкой мыши его имя в таблице содержания и выберите «Активировать» или щелкните один раз фрейм данных на макете страницы.

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

Совет:

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

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

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

Подробнее о работе с динамическим текстом

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

Подробнее о работе с надписями

Вы также можете добавлять четкие линии, изображения и объекты из меню «Вставка».

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

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

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

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

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

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

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

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

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

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

Подсказка:

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

Вы можете изменить размер элементов карты, выделяя их и перетаскивая маркеры выбора. Курсор изменится на стрелку при нажатии и удерживании маркера выбора. Перетаскивание ручки в любом направлении изменит размер элемента. Вы также можете использовать диалоговое окно свойств элемента — вкладку «Размер и положение» — для позиционирования элемента. Здесь вы можете установить точку привязки, разместить привязку на странице, настроить высоту и ширину элемента и выбрать, следует ли сохранять соотношение сторон элемента при изменении его размера.

Примечание:

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

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

Панель инструментов «Макет» используется для навигации по макету страницы. Он включен, когда вы находитесь в режиме макета. Вы можете панорамировать и увеличивать / уменьшать масштаб страницы. Вы также можете переходить назад и вперед к предыдущим границам страницы или указать процент масштабирования в зависимости от размера страницы. Другие варианты навигации по макету страницы включают контекстное меню «Просмотр макета», изменение активного инструмента на инструмент навигации (ссылка на руководство по навигации) с помощью клавиатуры и использование колесика мыши для увеличения и уменьшения масштаба.

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

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

Data Driven Pages

Data Driven Pages дает вам возможность генерировать набор выходных страниц, взяв единый макет и перебирая набор экстентов карты.

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

Подробнее о страницах, управляемых данными

Сетки и сетки

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

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

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

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

Подробнее о сетках и сетках

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

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

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

Ниже приведены общие шаги для компоновки карты в ArcMap:

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

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

Изменение компоновки — Справка | ArcGIS for Desktop

Чтобы изменить внешний вид модели, щелкните правой кнопкой мыши на холсте модели и выберите «Свойства диаграммы» или в меню «Модель» выберите «Свойства диаграммы».Окно «Свойства диаграммы» открывается с тремя вкладками:

Вкладки «Общие» и «Макет» управляют расположением элементов в модели, а вкладка «Символика» управляет общей формой и внешним видом элементов модели.

Дополнительные сведения об изменении условных обозначений модели

Общие параметры

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

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

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

Параметры макета

Ниже приведены параметры, доступные на вкладке «Макет».

Примечание.

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

Варианты компоновки	Примеры вариантов компоновки
Ориентация (1) Определяет визуальное направление потока в модели. Изменение макета не влияет на последовательность и логику обработки модели.
Выравнивание уровня (2) Определяет, будут ли элементы выровнены по центру, слева или справа от линии уровня.
Ограничение уровня (3) Определяет, как выравниваются элементы в различных связанных процессах. На рисунке показано ограничение по умолчанию (к выходу) и ограничение уровня к входу.
Минимальный интервал (4) Вы можете установить интервал между уровнями и элементами. По умолчанию для каждой диаграммы установлено 15 единиц. Установите флажок «Переменный интервал между уровнями», чтобы позволить ModelBuilder отрегулировать интервал между уровнями.В первую очередь это влияет на модели, которые содержат пересекающиеся соединительные линии — интервал между уровнями распределяется так, что уровням с пересеченными линиями предоставляется больше места.
Качество макета (5) Качество макета контролирует, насколько строго макет схемы соответствует заданным вами настройкам макета. В черновом режиме меньше всего соблюдаются настройки макета — используются простые вычисления, ускоряющие компоновку элементов.В режиме проверки достигается максимальное соблюдение настроек макета. По умолчанию это компромисс между черновиком и пробой.
Инкрементный макет (6) Добавочная компоновка — это своего рода компромисс между автоматической и ручной компоновкой. При включении инкрементной компоновки после размещения элемента или соединителя он будет перемещаться как можно меньше, сводя к минимуму объем реорганизации, которая происходит в ModelBuilder. Incremental Layout можно включать и выключать во время работы. Эффекты инкрементного макета применяются всякий раз, когда нажимается кнопка автоматического макета. Когда выбрана опция «Уважение потока», ModelBuilder назначает элементы на уровни постепенно, насколько это возможно, соблюдая поток соединительных линий. Когда выбрана опция «Уменьшить пересечения», ModelBuilder назначает элементы уровням постепенно и сохраняет их порядок внутри уровней в максимально возможной степени, пытаясь уменьшить количество пересечений.
Маршрутизация соединения (7) Маршрутизация соединения устанавливает, будут ли использоваться диагональные или ортогональные соединительные линии. Когда параметр «Ортогональная трассировка» не установлен (по умолчанию), используются диагональные соединительные линии. Когда установлен флажок «Ортогональная трассировка», соединительные линии прямые и изгибаются под углом 90 градусов, как показано на рисунке. Когда установлен флажок «Ортогональная трассировка», можно использовать параметр «Объединить соединения», чтобы объединить соединительные линии, которые соединяются с одним и тем же входным элементом, чтобы все вертикальные линии пересекались в одной точке.Вы также можете установить расстояние между соединителями по вертикали и горизонтали. Параметр «Минимальный уклон» устанавливает минимальное значение уклона, которое может иметь любая диагональная соединительная линия. Когда модель ориентирована вертикально, уклон измеряется углом соединительной линии от горизонтальной линии. Если модель ориентирована горизонтально, уклон измеряется углом соединительной линии от вертикальной линии. Уклон измеряется в процентах: 0 процентов — пологий, а значение перпендикулярного уклона приближается к бесконечности.На практике увеличение минимального наклона примерно на 300 процентов не дает заметного эффекта.

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

Создание карточек и макетов в мобильных приложениях AEM

Порядок или иерархия

Фон карты располагается поверх макета. Область изображения карточки находится поверх фона карточки. Область текста карточки находится над областью изображения карточки.

Изображения карт

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

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

Формат карты

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

Фон, границы и поля

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

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

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

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

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

Типы и макеты страниц — Business Central

• 01.10.2020
• 14 минут на чтение

В этой статье

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

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

Общие сведения о типах страниц

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

В следующей таблице представлен обзор типов страниц, поддерживаемых в Business Central, их типичное использование и основные характеристики. Чтобы указать тип страницы, используйте свойство PageType .Для получения дополнительной информации см. Свойство PageType.

Две основные категории типов страниц

Основная характеристика типа страницы — это то, как он соотносится с данными, представленными на странице. Существуют два основных способа: объект, -ориентированный (типичный для типа страницы Card ) и коллекция, -ориентированный (типичный для типа страницы List )

Страницы, ориентированные на объекты

В Business Central страницы, ориентированные на объекты, используются для поддержки пользователей, когда их задачи связаны с одним бизнес-объектом. Наиболее типичной страницей, ориентированной на сущность, является карта Card , которая предоставляет подробную информацию об отдельном клиенте или других основных данных, и документ Document , который представляет отдельную транзакцию или другое важное бизнес-событие, например.грамм. сделка купли-продажи.

ListPlus также является типом страницы, ориентированным на объекты. В отличие от страниц Card и Document , тип страницы ListPlus предназначен для страниц, которые имеют видную часть ListPart и либо несколько полей заголовка, либо их нет.

Тип страницы CardPart — это объектно-ориентированный тип страницы для включения на другую страницу, например, в FactBox.

Примечание

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

Коллекционные страницы

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

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

Тип страницы ListPart — это тип страницы, ориентированный на коллекцию, для включения в другую страницу, например, в FactBox.

Диалоговые страницы

Типы страниц в Business Central, которые доступны исключительно для отображения диалогов, такие как типы страниц StandardDialog и ConfirmationDialog , могут представлять сущность или коллекцию.Заголовок заголовка и действия подходят для обоих типов.

Создание страниц

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

Помимо добавления полей и групп на страницу, можно встроить еще одну страницу типа CardPart или ListPart .(Эти два типа страниц, в свою очередь, не могут встраивать другие страницы.)

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

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

Страница — это контент + действия + информационные панели

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

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

Для получения дополнительной информации об областях страницы см. Обзор страниц.

Группы полей и части страницы

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

Размер разделов страницы

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

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

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

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

Макеты страниц карты и документа

Основная цель страниц карты — поддержка пользователей, управляющих основными и справочными данными, такими как сущности «Клиент», «Поставщик» и «Товар». (Название Card указывает на то, как данные такого рода хранились на бумажных карточках в картотечных шкафах до компьютеризации.) Тип страницы Card также часто используется для страниц настройки.

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

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

Макеты карт

Макеты документов

Примечание

Тип страницы «Документ» позволяет первой части списка на странице использовать дополнительное вертикальное пространство перед отображением полосы прокрутки. Это дает больше места для отображения строк документа, не требуя от пользователя прокрутки.

Хорошо оформленная карточка или страница документа

С точки зрения пользователя, хорошо продуманная карточка или страница документа характеризуются следующими качествами:

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

Макеты страниц ListPlus

Основное назначение страниц ListPlus — поддержка пользователей в управлении или просмотре коллекции данных или записей, связанных с определенным бизнес-объектом или событием. Например, страница Customer Sales — это страница ListPlus, которая показывает номера продаж для клиента и предоставляет специальные возможности просмотра для анализа продаж.

Тип страницы ListPlus — это универсальное средство для поддержки задач анализа и управления в конкретном контексте сущности (названном по заголовку страницы).Страницы ListPlus могут отображать постоянные данные об объекте / событии в дополнение к предоставлению вариантов того, как данные просматриваются или фильтруются.

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

С точки зрения пользователя, хорошо продуманная страница ListPlus имеет следующие качества:

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

Макеты страниц списка

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

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

С точки зрения пользователя, хорошо продуманная страница списка имеет следующие качества:

• Определяет набор столбцов, оптимизированный для просмотра и фильтрации данной коллекции. Оптимизируйте порядок столбцов для ввода данных, если список доступен для редактирования.
• Имеет заголовок страницы, который четко называет или идентифицирует набор представленных объектов / записей.
• Если отображается сводка или дополнительные сведения, относящиеся к выбранной строке, они отображаются под списком.
• Если доступны настраиваемые параметры просмотра, они отображаются над списком.
• Имеет один или два FactBox для предоставления важной статистики сбора и соответствующих связанных деталей для выбранной строки.

Макеты страниц рабочего листа

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

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

Примечание

Тип страницы «Рабочий лист» не поддерживает те же композиции частей и групп, что и тип страницы «Список».

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

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

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

Макеты страниц диалогов

Некоторые типы страниц в Business Central доступны исключительно для отображения диалогов, например, типы страниц StandardDialog и ConfirmationDialog .Кроме того, в AL есть программные способы отображения диалогового окна для пользователя с типом данных Dialog, а также диалоговых окон, определенных как страницы запроса отчета.

Также можно использовать общие типы страниц ( Card , Document , List и т. Д.) Для представления диалогового окна пользователю. В этом случае страницы создаются, составляются и могут включать те же элементы, что и при обычном отображении. Для представления страницы пользователю в виде диалога требуется определенный AL-код, который активирует режим диалога.Когда это происходит, страница отображается с кнопками закрытия в нижнем колонтитуле.

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

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