Wireframe di sito web online
Aggiungi i blocchi nell ordine della pagina, trascinali al loro posto e tira l’angolo per cambiare le dimensioni. Clicca su un blocco per cambiare il testo.
Come si usaLa bozza della pagina, blocco per blocco
Disponibile in: 
Wireframe di sito web online: a cosa serve
Costruisci la bozza della pagina con blocchi pronti (intestazione, banner, titolo, testo, immagine, pulsante, card, modulo, video, piè di pagina e riquadro libero), trascinali al loro posto e tira l’angolo per cambiare le dimensioni, con allineamento ogni 10 pixel.
Scegli la larghezza desktop (1200 px) o smartphone (390 px) e scarica il wireframe in PNG o SVG per farlo approvare dal cliente.
Come si usa
- Scegli la larghezza della pagina.
- Aggiungi e trascina i blocchi.
- Scarica il wireframe in PNG o SVG.
Quando usarlo
- Far approvare il layout al cliente.
- Pianificare una landing page.
- Lezioni di UX e design.
Domande frequenti
Che cos’è un wireframe?
È la bozza della struttura di una pagina, in grigio, senza colori, foto o testi definitivi. Mostra dove va ogni elemento (menu, banner, call to action, modulo) per concordare il layout con il cliente o il team prima di dedicare tempo al design.
Come cambio le dimensioni di un blocco?
Clicca sul blocco e trascina il quadratino blu nell’angolo in basso a destra. I blocchi si allineano ogni 10 pixel per allineare tutto con facilità. Il tasto Canc elimina il blocco selezionato.
Posso fare una versione per smartphone?
Sì. Cambia la larghezza in Smartphone prima di iniziare: la pagina avrà 390 pixel di larghezza, come lo schermo di un normale smartphone, e i nuovi blocchi entrano già nella dimensione giusta.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.