Как создать каркас в Lucidchart

[shahriyasojol114]

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

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

И самое лучшее? Это совершенно бесплатно!

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

Оба типа диаграмм полезны при продумывании свойств UI/UX — вы получите максимальную отдачу от своих каркасов и макетов, используя их в координации. Это руководство научит вас создавать каркасы в Lucidchart из шаблонов и с нуля.


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

Чтобы открыть библиотеку шаблонов Lucidchart, перейдите в библиотеку документов и нажмите «+Новый». Затем выберите «Создать из шаблона». Появится новая страница. Выберите «Стандартный» и прокрутите категории в раскрывающемся меню, пока не увидите «Проект пользовательского интерфейса и макеты». В этом разделе вы сможете выбрать опцию «Каркасы».

Нажмите на шаблон, чтобы прочитать о нем, и, когда вы найдете тот, который соответствует вашим потребностям, нажмите «Создать документ». (Или просто дважды щелкните шаблон, чтобы открыть новый документ.) После выбора шаблона перейдите к третьему шагу ниже.

Для получения дополнительной информации об использовании шаблонов каркасов Lucidchart посмотрите наш видеоурок .

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

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

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

Формы блок-схем: Эти стандартные геометрические формы блок-схем уже закреплены на панели инструментов, и вам может быть полезно держать их под рукой. Используйте прямоугольники для разделения веб-сайта на разделы или используйте стрелки для иллюстрации потока от одного элемента пользовательского интерфейса к другому.
Макеты пользовательского интерфейса: эта библиотека форм предоставляет стандартный массив контейнеров и виджетов пользовательского интерфейса. Вы найдете пустые формы веб-сайтов, а также видео, карты, графики, изображения и календарные заполнители.
Макеты Android: если вы создаете приложение или страницу для устройства Android, здесь вы найдете телефоны и планшеты Android, а также диалоги и значки, характерные для этой операционной системы.
Макеты iOS: если вы работаете с iPhone и iPad, вы найдете их в библиотеке фигур iOS вместе с компонентами пользовательского интерфейса, специфичными для iOS.
Изображения: Не забудьте галерею изображений. Если вам нужен стильный фон или определенный логотип, вы можете найти и добавить его прямо из Lucidchart.
Этот макет был создан с использованием комбинации базовых фигур блок-схемы, изображений и библиотеки фигур UI Mockups.