Как создать веб-диаграмму

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

Шаг 1

Откройте пустой документ в Microsoft Word. Перейдите на вкладку «Вставка» и выберите «Фигуры» в группе «Иллюстрации». Вы также можете рисовать веб-диаграммы в Excel или PowerPoint.

Шаг 2

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

Шаг 3

Перетащите курсор на страницу, где вы хотите, чтобы появился первый объект. Удерживая нажатой клавишу «Shift», перетащите курсор, чтобы создать идеальный квадрат или круг. Для диаграммы веб-сайта это должна быть домашняя страница веб-сайта, расположенная в верхней части страницы. Если вы рисуете диаграмму, чтобы показать какой-то другой процесс, вы можете предпочесть поместить главный объект в центр страницы, чтобы вокруг него можно было нарисовать соединительные объекты.

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

Щелкните правой кнопкой мыши каждую фигуру, выберите «Добавить текст», а затем введите имя объекта. Чтобы изменить стиль текста, выделите текст, щелкните его правой кнопкой мыши и используйте параметры форматирования, которые появляются во всплывающем меню. Либо используйте стили, которые отображаются в разделе «Стили» на панели инструментов.

Шаг 8

Щелкните меню «Вставка», выберите «Фигуры», а затем выберите линию в разделе «Линии». Щелкните первый созданный вами объект и перетащите курсор на любой другой объект, чтобы создать соединительную линию между ними. Если вы выберете соединительную линию с прямыми углами, вы можете настроить форму линии, перетащив среднюю опорную точку. Измените цвет линии, щелкнув меню «Контур фигуры» в разделе «Стили фигур» на панели инструментов.

Шаг 9

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

Совет

Если вы делаете диаграмму готового веб-сайта, используйте эскизы каждой страницы на диаграмме, а не общие фигуры. Откройте страницу в браузере и уменьшите масштаб до 25 процентов. Нажмите «Alt-PrtScn», чтобы скопировать изображение окна браузера в буфер обмена и вставить его в любой фоторедактор, чтобы обрезать его. Вместо того, чтобы вставлять фигуры, выберите «Изображение» в меню вставки и вставьте эти изображения. Чтобы добавить ярлыки к каждому изображению, вставьте текстовое поле над миниатюрой.

Вы также можете создавать базовые веб-диаграммы с помощью PowerPoint Online. Версии Word и Excel для Office Online не позволяют создавать фигуры.