Каркасы веб-сайтов - это простые линейные чертежи, которые показывают размещение элементов на веб-странице. Вы можете сэкономить много времени, отредактировав макет простого каркаса в начале процесса проектирования, а не сложный дизайн позже.
Использование каркасов - отличный способ начать проект веб-сайта, поскольку он позволяет вам и вашему клиенту сосредоточиться на макете без отвлечения цвета, типа и других элементов дизайна. Сосредоточьтесь на том, что происходит там, где на ваших веб-страницах, и процентах пространства, которое занимает каждый элемент, что может быть определено потребностями вашего клиента.
Что включать в веб-сайт Wireframe
Все важные элементы веб-страницы должны быть представлены в каркасе вашего сайта. Используйте простые фигуры вместо фактической графики и наклейте их. Эти элементы включают:
- Навигация: кнопки для доступа к основным разделам вашего сайта.
- Логотип компании: может быть представлен коробочкой.
- Области содержимого. Где будут отображаться ваши различные разделы контента?
- Окна поиска
- Области входа пользователя
Как создать веб-каркас
Существует множество способов создания каркаса веб-сайта. Они включают:
Рисование его вручную на бумаге
Этот метод пригодится, когда вы оказываетесь лицом к лицу с клиентом. Нарисуйте свои идеи макета на бумаге, сосредоточив внимание на том, какие элементы должны идти туда.
Использование Adobe Photoshop, Illustrator или другого программного обеспечения
Большинство графических программных пакетов оснащены всеми основными инструментами, необходимыми для создания каркасов. Простые линии, фигуры и текст (для обозначения ваших элементов) - все, что вам нужно для создания презентабельного каркаса.
Использование программного обеспечения, созданного для этого типа задач
В то время как Photoshop и Illustrator могут сделать трюк, некоторые программные пакеты разработаны специально для этого типа работы. OmniGraffle - это часть программного обеспечения, которая упрощает создание каркасов, предоставляя инструменты формы, линии, стрелки и текста для использования на пустом холсте. Вы даже можете загружать собственные графические наборы (бесплатно) в Graffletopia, что дает вам больше возможностей, таких как обычные веб-кнопки, для работы.
03 из 03Выгоды
С каркасами веб-сайтов вы можете настроить простой чертеж линии для достижения желаемого макета. Вместо того, чтобы перемещать сложные элементы вокруг страницы, может потребоваться очень мало времени, чтобы перетащить пару ячеек в новые позиции. Кроме того, вы гораздо более продуктивны для вас или вашего клиента, чтобы сначала сосредоточиться на макете … вы не начнете с комментариев вроде «Мне не нравится этот цвет там!» Вместо этого вы начнете с окончательной компоновки и структуры на которые основываются на вашем дизайне.
