> For the complete documentation index, see [llms.txt](https://landian.gitbook.io/guideline-and-artbook-landian/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://landian.gitbook.io/guideline-and-artbook-landian/guia-de-estilo-para-interfaz-de-usuario/interfaz-plataforma-dentro-de-unreal-engine-diseno-ui/disenos-y-cuadriculas.md).

# Diseños y cuadrículas

Las cuadrículas diseñadas para la interfaz de Landian dentro de Unreal Engine permiten ver la estructura de las pantallas, ventanas emergentes y paneles; los elementos que las componen, proporciones y los elementos que componen la interfaz.

* **Cuadrícula Ui para la configuración general, modo de uso, asociación de cuenta, ajustes de audio para comunicaciones.**

![Esquema de como se compone una de las cuadriculas generales](https://lh4.googleusercontent.com/0nRa6rJ4MPbE4WD2GL1zTT2ncovS6PeqEbljIrOLbjf-7dahy-F5eVebgW3pedySUy5gQOwQAi2m-m4BXrF6fbTwCnf_yRkQVJkGk5VqiRXgVvfwPojVgNs580t9x_Cf5HzyOw-ZYYU)

![](https://lh5.googleusercontent.com/ik7ujRoXQOoXmj5Cn0sqym_NKFkBg8xbi7lDy4qHwg3C_e7CXJJaJBqSUNXk-HkKagU4sNxMcSMMYSL2IgMHWFD_l2bwDAXWb6GK4watrxKEWj1EIpEWTvFpI9k7gnjNdSA516aVflw)

![](https://lh4.googleusercontent.com/HN7CzoCfpsUHnVI4w1bYTG-6wDpmztphdP-OGcAjDg1kIDsOzOpj8IFnHizgHlBFz5rSfpvO-K0X3816po-JgxzWnrHmcLkJ8X0wkY53HQ4GbUwew49MR_dqA4KuCpMC79fPDvAlc2M)![](https://lh5.googleusercontent.com/1LvvsqpTE8w6emidD2hNQpBRu_FjZWwrsKdMBFE77E51_sbzYquLsTp3mEqtRes-UpSoBECwv269GvWdx5haTZueg-gsH-jhnrxsue5exjSiO8tpSfI_3m5afh4WrGNMmG-RWd1gKkM)![](https://lh3.googleusercontent.com/I6H8Y6Sz8Fo7LwhNMd9QMrPsL0TGwdjos4oTdLQWoLA7iPRiet9TtZ29yyyQfZV7K8Z98pPWCjmrytGvRCCKzdIf9RNqr6v3JTqp0miu2-qWY463Q2xOBUPmZbGkIUGujg_nHezO0gM)![](https://lh5.googleusercontent.com/BPxdMxX-9LjVckzBukPHrdOtZcJI4KEnXvZfY_KV11Z1Z8GIAS0hyOHbYS9Nvq3c_MSNqGm11NdJMkmcuzUevizsVwgIYLdI7Wntn8Fo3_QJPm3eHbwqyuaVgWq-5nBa3fZy7kyNr-Q)

*Cuadrícula Ui para la configuración general, modo de uso, asociación de cuenta, ajustes de audio para comunicaciones*

* **Cuadrículas correspondientes a la herramienta  inventario; Ui diseñada para la interacción de los usuarios con los artículos comprados dentro del marketplace a usar en Landian.|**

![](https://lh4.googleusercontent.com/CE2ocxFd4D7OLVStdNex9H-DqXaiv8a8VxbXe2LtRie-vXetQc6UxxW3WH3KxR3RTt_EwmprU4mRC5-6zhNxvQZMp3xv2JVFk5G27VxWa9EIpEkqafc7Bu6iOBY7Rjxm5SXkDPHZFRs)

![Diagrama del diseño para los Slots](https://lh6.googleusercontent.com/RIbHzHI96NiCQEtA9jM3YFvErbUT9xisk9a5aq2YLN0m4_yoxJXghtTtzEbkPaJY-enj-wP41opNGTvIFExIoBDej4ziJ6gI8sFmi4qPbYz7cZeeEpiub7RDAZeZuWlgEC6dVQltTEk)

![Diagrama + previsualización de ventana para visualizar items.](https://lh3.googleusercontent.com/3EkpQ0qQEoxD_-AVmcIfHBiwrrAJtm7mLsLahxaDuPiqdU5_LeaqIflMTSNpxlT_vpb1fFlWcW344daVzGRbJJQ6-A717IJIElGwhTv_CNaAv1BB5Xr6KcEaVBXaf_Y8eqrQuGXd35I)

* **Ui inicial para uso dentro de la edificación sala de conferencias que se encuentra en el lobby, como medio de interacción de los usuarios en la renta de los espacios  y definición de tiempo dentro de las salas.**

![](https://lh5.googleusercontent.com/hiU1825-v8wfluaTIErNEJJkIvWZxFLc9-7ZyQaC3SDExxkEsN_MmVwNSyDj8V3D0wJkd3VM7iVStWLg---Owsm_w1_uEO9m1Q2CLKNuAzEN2ZL4YOJpvD9mLo99b9qY77Js78reZhQ)

![](https://lh3.googleusercontent.com/MN2qmHoUzchNh54MRA9Zit-2Ukk3bUQh88oVMAjuzXMXlr-jT1zmofggOqzXYhjrKQ6BnZhUZSrPLCATSvixxnZ6rdv9tv5ksDEnwzd_S_WXCEIozntLDcDOQabeCDroqio_C2an5Q8)

![](https://lh4.googleusercontent.com/ZzV3YVYUwfihh16nlvQd8WDEJGgWLS0E97IMm9dm04q6bSBIxIaQGS6NiYWKdnZjm_RkHQ1lIiutbDzZbFRRzJ54dbs5f40VQCs8wa7jgjDbBPuFeZ41infWz3YKE-4P-rnrHz9BD2o)

* **Cuadrículas de ventanas informativas que se pueden visualizar en los monolitos que están distribuidos en las áreas con mayor flujo de usuarios dentro del lobby; Interacción directa con Kaia en el modo guía y apoyo del uso de los espacios, elementos y funciones**

![](https://lh6.googleusercontent.com/vp9zQHhVVjKt_E9WO8kW7xcaY0TbhbDmUysgN1PGCG9WPL3J58W6GsfdWfyyg9TxNv1gcJq7lHptBTj4rkNkRioygQ2DMuEQuL8QcQ-99VAwCogJE50MMC3JWz_gCVu9-KiGT8i-P10)

![](https://lh3.googleusercontent.com/KA5BPAY3UYTMFMvLXptsDmbpOptmwLmUv2-P57XlIR6tu6aBHZX_FuL-wIhiaBJT4v3ZzQGZriOi53CrI9PV1SIuKu_uAJQK2sUuso7iyn4mp0z0BzCulIjDbuVHy6TPpV8JIvMKSzQ)

![](https://lh4.googleusercontent.com/Gt4tLhKRwyEbFUFLcdHyST7YBYpW5HMYyWLtG47cD3NRB22o4OC6r_qqBMziuGi4bi2PaE2baERhGeNts9uzHlq0HdFxIYXxfNr2cxx7ycYv4wtAKK8ixC96Rnrc9Lq_GeLRyneQv-w)

![](https://lh6.googleusercontent.com/hoA0qyE-NmlDwXCdsNoCg3ulHMcU37W6uMEe2kNMD97CbEDqpIz-JZgcFxkP_QhSygkTwUTtqTihf-8GaV63QdTjguFfCkJLw1ytt0-8hiQr6Wo1_LHkW-JnYOyMV3UXPi993Fz7uts)

![](https://lh4.googleusercontent.com/qtk3lTik3Vm8ce6vjF99SaVJoGx9N3xS6dotxkIFTXxivjSQmJ_24Jk2n5m0tTSOfIqknVsv7os-9ZYrkohyZ9UvkEE1NMNJHm1jwhBrcwSSZ6hMX-ZhJAbXTSNadBclZsT79PgY6Rw)

![](https://lh3.googleusercontent.com/GsYcR4xALDGTxWMoD8VS2xziMj10xVWLL6kuU4zeo9H9KEVipxI_9k8dT9-q-SShmxD-84mj_AixKML0UWS3oRS5VolJdmVlnGi2PMNjXrbX7pKlIRjbwjGoVnXfsznYfsK_VsRtYiI)

* **Cuadrículas paneles informativos dentro del lobby**

![](https://lh4.googleusercontent.com/w9_bmGVybAkI6CnV8jntwhwPIAjuA8qRkPnOsA_nwzUlZQZlgWNLsVXYIe6N5SZapd0nHX1gPzK3wf8l6j3xI4fJyccq04IWmBO4k1286rGa4LV-PIzHR9Sq50okebyRSpuzUmkjspk)

![](https://lh4.googleusercontent.com/c9awEE1do928wtOjb8ykJCiN_KVn8FafgToYipxK0a4GjfbeUpwKIkdMnKJNNDkIQtx3YiKybTQMTY5YY5Xxq6ggD6TdqSTn9v90DTQo514ZO_rgcSVNngR3kkfAQ4GbD7D4f8p3Lbg)

* **Diseño de cuadrícula para integración de Wallet e inicio de sesión en Landian.**

![](https://lh3.googleusercontent.com/0a4GFz3XwPMmUfIctsPCupo9h-vh_yopmIrhoOoTeDOxMOiBvB2NrVm6KfgTgBDBDwQQ6PkrpY3SXJLDjO0B6v2cbqSSNY0I6O2VyMZmfRJag-FZGZCk4qBRFeqZenEk5xVwOcPVp6o)

* **Cuadrícula y diseño para ingreso a Landian por medio de conexión con la Wallet.**

![](https://lh6.googleusercontent.com/7oHH8LfhTIas87XeaazxE6iVRj9j3oyXLQ91fAOhih9VID3DZBydlU8spY7IlxFfc1DiBY_4E0e52qlgYotSFlR3PD7co1jb5APP09W1mZrdBtZpZTKQpv3lNbZaQf2-8qtqAoZRuFU)

![](https://lh4.googleusercontent.com/EfS1yswjmuUp81BVr7_ttTZg6MGRTBCLyGZFC6DV5qOudun93M1ligJSEdDoeU8qkQId37ITswUsbSboIKjjbBYzKkdogvKXdtlyJ54Aai7-_VTQM0sPqpWhD07GIhcTx4T9tSitg_s)