Плануйте сторінку як вайрфрейм із десктопним і мобільним виглядом, або вставте скриншот у рамку браузера, ноутбука чи телефону. Експорт PNG чи друк у PDF, безкоштовно, у браузері.
Два інструменти в одному. Режим вайрфрейму планує сторінку: оберіть розділи, розташуйте їх у порядку й порівняйте десктопний і мобільний макет. Режим рамки пристрою презентує готовий дизайн: завантажте скриншот і розмістіть його у вікні браузера чи рамці телефону для пропозиції чи посту в соцмережах. Обидва експортують PNG, і обидва працюють у вашому браузері. Ваш скриншот ніколи не завантажується на сервер.
Режим вайрфрейму: позначте розділи, потрібні вашій сторінці, пересувайте їх вгору й вниз, і перемикайтесь між десктопним і мобільним виглядом. На мобільному колонки складаються так, як це роблять більшість адаптивних сайтів.
Експортуйте вайрфрейм як PNG, або роздрукуйте і оберіть «Зберегти як PDF».
Режим рамки пристрою: завантажте скриншот PNG, JPG чи WebP (до 15 МБ і 8 000 пікселів по стороні). Оберіть вікно браузера чи рамку телефону, колір тла й необов'язковий напис в адресному рядку.
Зображення малюється на canvas у вашому браузері й експортується як PNG у подвійній роздільній здатності екрана.
Коли структура правильна, надішліть план розділів у конструктор We.Inc як початковий бриф.
Починайте з головного банера: скажіть, що ви робите і для кого це, в одному рядку.
Розмістіть докази (відгуки, логотипи, приклади) поруч із першою кнопкою, де люди вирішують, чи довіряти вам.
Спершу перевіряйте мобільний вайрфрейм. Більшість відвідувачів сайту малого бізнесу приходять з телефону.
Для рамок пристроїв робіть скриншот у ширині, яку очікує рамка: приблизно 1440 пікселів для браузера й 390 для телефону.
Позначайте макети як макети, коли ділитеся ними, щоб ніхто не переплутав план із живим сайтом.
Поширені запитання
Яка різниця між вайрфреймом і макетом?
Вайрфрейм — це сірий план того, що де розташоване. Макет показує готовий вигляд, часто всередині рамки пристрою. Цей інструмент робить і те, і інше, в окремих режимах, і позначає кожен експорт.
Чи завантажується мій скриншот?
Ні. Скриншот читається й малюється у вашому браузері. Нічого не надсилається We.Inc чи будь-кому іншому.
Чи можу я зробити скриншот живого сайту тут?
Ні. Захоплення іншого сайту потребує сервера, що запускає браузер, чого немає в цьому безкоштовному інструменті. Зробіть скриншот самостійно (інструменти розробника у вашому браузері можуть захопити всю сторінку) і завантажте його.
Чи можу я експортувати PDF?
Так. Скористайтеся «Друк» і оберіть «Зберегти як PDF» як принтер. Експорт PNG дає файл зображення.
Чи безкоштовний генератор макетів сайту?
Так. Без реєстрації, водяного знака чи обмежень.
Плануйте на мобільному, презентуйте на десктопі
Макети, що виглядають збалансованими на широкому екрані, часто перетворюються на довгу прокрутку на телефоні: три колонки функцій стають трьома складеними блоками, а таблиця цін відсуває контактну форму далеко вниз. Перемикання вайрфрейму на мобільний показує це рано, поки пересунути розділ — ще просто клік.
Рамки пристроїв — для іншого кінця роботи: показати клієнту чи аудиторії в соцмережах, як виглядає готова сторінка. Звичайного скриншота в чистій рамці зазвичай достатньо.