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

Документ: даже если средний возраст веб-профессионалов составляет от 30 до 50 лет, на бумаге все еще есть много ярых защитников функциональных моделей. Быстрая, доступная, гибкая бумага дает множество преимуществ для создания макетов.

Microsoft Visio: интегрированное в Office Pro, это программное обеспечение позволяет создавать сложные профессиональные диаграммы. Он широко используется компаниями, предоставляющими ИТ-услуги, для представления ИТ-архитектур (Серверы, UML-диаграмма и т. д.). Некоторые агентства используют его для создания деревьев страниц или даже функциональных моделей.

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

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

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

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

Сacoo

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

Balsamig

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

Axure RP

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

Wireframe.cc

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

Figma

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

NinjaMock

Мощный инструмент для создания макетов командных веб-сайтов. Интерфейс прост в освоении, а навигация плавная. Его можно использовать на разных носителях (IOS, Android, Windows…).

Графическое программное обеспечение

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

Вы не можете импровизировать веб-дизайнера за одну ночь, вам просто нужно запустить Adobe Photoshop, чтобы убедиться. Это программное обеспечение безраздельно властвует при создании графических моделей. Мощный, гибкий и подходящий для этапа вырезания, необходимого для интеграции в HTML / CSS, это справочник. Доминирование Adobe Photoshop в этом сегменте таково, что связанный с ним формат файла, .PSD, стал существительным на жаргоне веб-профессионалов.

Материал предоставлен компанией "ГАЛА-центр".