Dragon's Dungeon Breakout

© 20XX A game by 'Your Name'

Story

Start game

maquetación

Principios generales de

The

breakout

Start game

Legend says that a faraway kingdom forged a sword that together with the power of the Elemental Gems (fire, water, air, and earth) could defeat any evil. Gather the gems to assemble the ultimate weapon and defeat the dragon hiding in the dungeon.

X

Thank goodness you’ve come! We need your help!You need to find the 4 Elemental Gems so that the sword has enough power and then defeat the fearsome dragon that is terrorizing our people…

Texto, imágenes, gráficos, y espacio en blanco. Se relacionan organizando el contenido de manera clara y equilibrada.

Solo texto y gráficos. No se necesita espacio en blanco para un diseño cohesivo.

X

¿Qué elementos básicos forman parte de la maquetación en el diseño gráfico y cómo se relacionan entre sí para crear un diseño cohesivo?

Hehehe, I was kidding. Ahem, of course I’ll help you

X

Ouch! I thought you were cool ... What will become of us!

X

I knew you would not fail me! Thanks a lot! Here is the holy sword. Now gather the Elemental Gems to complete it and defeat the dragon.

X

Start level

Watch out, a wandering skeleton is in your way!Get the earth gem by passing a quiz...

EARTH GEM

LEVEL 1 - EARTH GEM

X

Where do you think you’re going, mortal?! You won’t be worthy of the Earth Gem until you get all my questions correct. Do you dare to try?

: Tipografía adecuada mejora la legibilidad, y el espacio en blanco evita saturación y mejora el atractivo visual.

La tipografía no importa y el espacio en blanco solo hace que el diseño se vea vacío.

1

X

¿Cómo afecta la elección de la tipografía y el espacio en blanco a la eficacia de la maquetación en términos de legibilidad y atractivo visual?

Tamaño, color, contraste, y alineación. Guían la atención destacando la información clave.

Solo el color es importante; el tamaño y el contraste no afectan la jerarquía visual.

2

X

¿Cuáles son los principales principios de la jerarquía visual y cómo ayudan a guiar la atención del espectador a través de un diseño?

El tamaño pequeño y los colores apagados son mejores para destacar elementos importantes.

Tamaño grande y alto contraste destacan elementos importantes; color guía la atención.

3

X

¿De qué manera el tamaño, el color y el contraste contribuyen a establecer una jerarquía visual efectiva en un diseño de página o interfaz?

Los contrastes altos destacan elementos importantes y mejoran la legibilidad.

El alto contraste hace que el diseño se vea poco profesional y difícil de leer.

4

X

¿Qué efecto tiene el uso de contrastes altos en la jerarquía visual de un diseño?

Murphy

La alineación organiza el contenido de manera ordenada, facilitando la lectura y la comprensión.

5

X

¿Cómo ayuda el uso de la alineación en la jerarquía visual?

X

Congratulations!! Here is your reward, you have earned it

Oh, I've lost my mind, give me another chance!

x

X

Hahahaha, what do you say? ...

X

Start level

Choose the correct image to get out of theroom aliveand get the next gem

AIR GEM

LEVEL 2 - AIR GEM

X

Start level

Drag the light to find the correct answer

WATER GEM

LEVEL 3 - WATER GEM

X

Exit

Try Again

GAME OVER

X

Start level

Search among the tiles for the mathematical operationto find the correct answer

FIRE GEM

LEVEL 4 - FIRE GEM

X

Exit

Try Again

GAME OVER

X

Defeat the dragon!

FINAL LEVEL - DRAGON

X

X

X

X

X

© 20XX A game of 'Your Name'

You defeated the dragon. Everything returned to peace.And you’ve become became a legend!

THE END

Exit

Stay

SURE YOU WANTTO GO OUT?

What will become of us!