Come creare wireframe con Microsoft Word

Sebbene Word sia comunemente usato per l’elaborazione di testi di base, puoi anche usarlo come strumento di progettazione e pianificazione. Per preparare uno schema di pagina per la tua pagina Web utilizzando Word, riduci i margini del documento per aumentare l’area di lavoro per il wireframe, abilita le griglie sulla barra multifunzione Visualizza per aiutarti ad allineare gli oggetti e quindi crea caselle di testo per rappresentare i vari elementi sul tuo sito Web , come banner, barra di navigazione, barra laterale, corpo e piè di pagina.

Modifica il layout e la visualizzazione della pagina

Per prima cosa riduci i margini in modo da avere più spazio di lavoro. Tuttavia, l’allineamento degli elementi in Word può essere difficile se non si abilitano le griglie. Apri un nuovo documento vuoto, fai clic sulla scheda “Visualizza”, seleziona la casella accanto a “Griglia” nel gruppo Mostra, quindi seleziona la casella “Righello”, se necessario. Fare clic sulla scheda “Layout di pagina”, selezionare il menu a discesa “Margini”, quindi fare clic su “Restringi”. I tuoi margini sono ora impostati su mezzo pollice.

Misurazioni in scala

Il righello di Word misura gli elementi in base a pollici e centimetri. Per fornire una scala accurata per una pagina Web media di 800 x 600 pixel, pensa a ogni pollice del documento come l’equivalente in scala di 100 pixel. Ad esempio, impostare uno striscione nella parte superiore del documento a circa 8 x 1 pollici; una barra laterale sul lato sinistro di circa 1 x 6 pollici; il corpo principale a destra della barra laterale a circa 7 pollici per 5 pollici; e un piè di pagina nella parte inferiore di circa 8 pollici per 1 pollice.

Disegna elementi wireframe

Usa le caselle di testo per rappresentare i vari elementi sul tuo wireframe. Fare clic sulla scheda “Inserisci”, selezionare il menu a discesa “Casella di testo” nel gruppo Testo, quindi fare clic su “Disegna casella di testo”. Fare clic e trascinare per disegnare caselle di testo che rappresentano ciascuno degli elementi principali della pagina Web. Fai clic all’interno delle caselle, quindi inserisci le etichette per i tuoi elementi per completare il wireframe, ad esempio “Banner”, “Barra laterale”, “Corpo” e “Piè di pagina”.

Inserisci immagini e ClipArt

Inserisci immagini nel tuo wireframe per visualizzare il layout della tua pagina Web. Se sul computer è presente un’immagine che si desidera utilizzare nel wireframe, fare clic sul pulsante “Immagini” nel gruppo Illustrazioni della barra multifunzione Inserisci, quindi selezionare l’immagine. Per inserire clip art nel tuo wireframe, fai clic sul pulsante “Immagini in linea” nel gruppo Illustrazioni, inserisci una parola chiave per l’immagine che desideri cercare nel campo “Cerca in Office.com”, premi “Invio”, seleziona un’immagine, e quindi fare clic sul pulsante “Inserisci”.

Dichiarazione di non responsabilità sulla versione

Le informazioni contenute in questo articolo si applicano a Microsoft Word 2013. Le procedure possono variare leggermente o significativamente con altre versioni o prodotti.