Want to create interactive content? It’s easy in Genially!

Get started free

LAYOUT BASE

Purplelily Pervincle

Created on February 19, 2024

Start designing with a free template

Discover more than 1500 professional designs like these:

Akihabara Microsite

Essential Microsite

Essential CV

Practical Microsite

Akihabara Resume

Tourism Guide Microsite

Online Product Catalog

Explore all templates

Transcript

BASIC LAYOUT

minimal LAYOUT/ minimal LAYOUT / minimal LAYOUT/minimal

Regole base per valorizzare il nostro lavoro

Spesso l'impaginazione è ciò che divide da un esercizio ben realizzato e un lavoro finalizzato. Cerchiamo di usare ogni elemento a nostro favore per migliorare i nostri risultati.

+ Info

Font e testo

font
fondo
pagina
proporzioni

Le proporzioni

minimal LAYOUT/ minimal LAYOUT / minimal LAYOUT/minimal

Se identifichiamo con N la dimensione base del testo possiamo calcolare le dimensioni totali di tutti gli altri elementi:

Font e testo

font
fondo
pagina
tipologie

SERIF

SANS SERIF

CORSIVO

minimal LAYOUT/ minimal LAYOUT / minimal LAYOUT/minimal

Hanno le grazie, sono utilizzate nelle scritture da stampa. E' un effetto classico, se si vuole utilizzare meglio limitarsi ad usarlo nella parte di testo se non si vuole fare qualcosa di classico.

Senza grazie, E' lo stile più adatto per il web. Il più leggero esteticamente, si utilizza spesso per dare un effetto più moderno

Tutte le lettere sono legate tra loro. E' difficile da leggere. L'utilizzo va limitato a parti decorative e di poca importanza nella lettura

+ Info
+ Info
+ Info
OCCHIELLO (<N+30%)
CORSIVO
font
fondo
pagina

TITOLO (>3XN)

BLACK|GRASSETTO
SOMMARIO (>NX2)
NORMALE
sottotitolo (>NX2)
sottotitolo (>NX2)
grasetto, < sommario
grasetto, < sommario

Il testo conterà delle info e sarà di dimensione N Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse

Il testo conterà delle info e sarà di dimensione N Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit animid est laborum.

Il catenaccio comprende informazioni importanti, è N+30% e scritto in light.

minimal LAYOUT/ minimal LAYOUT / minimal LAYOUT/minimal
Interlinea n+30%

Le curiosità e le info in più sono N, in corsivo e in lightspesso c'è un fondino a bassa opacita (tinta unita)

FONDO

font
fondo
pagina
LETTURA DI PAGINA

SCHEMA DI LETTURA:

A =<B
minimal LAYOUT/ minimal LAYOUT / minimal LAYOUT/minimal
B=>C
C =<AX2
D= BX2
DIVISIONE IN 10
GEOMETRICO
MODERNO
LETTURA IDEALE

LA LETTURA DELLA PAGINA è universale, utilizzando diversi elementi si più aiutare il lettore a rimanere in un loop e rendere la pagina più interessante

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!

Got an idea?

Use this space to add awesome interactivity. Include text, images, videos, tables, PDFs... even interactive questions! Premium tip: Get information on how your audience interacts with your creation:

  • Visit the Analytics settings;
  • Activate user tracking;
  • Let the communication flow!