Diseño web by Gladys Cami https://padlet.com/gladizcamila123/hruspul746hwujh en-us 2025-06-24 16:07:06 UTC 2025-06-24 17:12:03 UTC hello@padlet.com Principios de diseño web gladizcamila123 https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500730016

  • Jerarquía visual

  • Contraste y balance

  • Espaciado y alineación

  • Tipografía y color

    • ]]>     2025-06-24 16:14:41 UTC https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500730016     Diseño UI gladizcamila123 https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500731184 Es el diseño de todos los elementos visuales con los que el usuario interactúa en una página web, app o sistema digital.

    ]]>     2025-06-24 16:16:46 UTC https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500731184     Diseño UX gladizcamila123 https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500732470 UX = User Experience (Experiencia de Usuario)

    Es el proceso de diseñar productos (como sitios web o apps) para que sean fáciles de usar, útiles, agradables y efectivos para el usuario.

    • Entienda rápidamente cómo funciona la página o app.

    • No se frustre mientras navega.

    • Encuentre lo que busca sin perder tiempo.

    • Tenga una experiencia satisfactoria.

    ]]>     2025-06-24 16:18:30 UTC https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500732470     Herramientas de Diseño gladizcamila123 https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500733790

  • Figma

  • Adobe XD

  • Sketch

  • Canva (para principiantes)

    • ]]>     2025-06-24 16:20:46 UTC https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500733790     Estructura Básica de una Página Web gladizcamila123 https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500734191

  • HTML: contenido

  • CSS: estilo

  • JS: comportamiento

    • ]]>     2025-06-24 16:21:26 UTC https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500734191     Responsive Design gladizcamila123 https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500734814 El Responsive Design (Diseño Responsivo) es un enfoque de diseño web que asegura que un sitio web se vea bien y funcione correctamente en cualquier dispositivo, ya sea una computadora de escritorio, tablet o teléfono móvil.

    • Media queries en CSS

    • Frameworks: Bootstrap, Tailwind CSS

    ]]>     2025-06-24 16:22:32 UTC https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500734814     Prototipado y Wireframes gladizcamila123 https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500736096 1. Prototipado

    El prototipado es el proceso de crear una versión interactiva de una página web o app antes de que se desarrolle completamente. Este prototipo permite probar y visualizar la experiencia del usuario.

    2. Wireframes

    Los wireframes son bocetos o esquemas básicos de una página o pantalla, usados para representar el diseño de alto nivel de la interfaz. Son como un mapa de lo que va a estar en la página, pero sin detalles visuales.

    • Herramientas para prototipar: Balsamiq, Figma

    • Ejemplo de wireframe de una landing page

    ]]>     2025-06-24 16:24:23 UTC https://padlet.com/gladizcamila123/hruspul746hwujh/wish/3500736096