Чем wireframe отличается от mockup?

Wireframe и mockup — это разные стадии визуального проектирования интерфейса:

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

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

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