Kategorier: Alle - herramientas - accesibilidad - hosting - diseño

av Fernando Garfias 8 dager siden

17

ORGANIZADOR GRAFICO DEL DISEÑO WEB 2D PARA LA WEB Y SUS CARACTERISTICAS

La creación de un sitio web en 2D implica diversos aspectos técnicos y creativos que se deben tener en cuenta para lograr una experiencia de usuario óptima. Se utilizan diseños adaptables que permiten que la página se vea bien en dispositivos móviles, tablets y computadoras.

ORGANIZADOR GRAFICO DEL DISEÑO WEB 2D PARA LA WEB Y SUS CARACTERISTICAS

ORGANIZADOR GRAFICO DEL DISEÑO WEB 2D PARA LA WEB Y SUS CARACTERISTICAS

HOSTING Y CONTROL DE VERSIONES

GitHub
GitLab
Vercel
Netlify

HERRAMIENTAS DE DISEÑO GRAFICO

CANVA
ADOBE XD
FIGMA
ADOBE ILLUSTRATOR
ADOBE PHOTOSHOP

DESVENTAJAS DEL DISEÑO WEB EN 2D

LIMITACIONES VISUALES
REQUIERE CREATIVIDAD PARA DESTACAR
PUEDE PARECER DEMASIADO SIMPLE

VENTAJAS DEL DISEÑO WEB EN 2D

MEJOR EXPERIENCIA DE USUARIO
MEJOR ACCESIBILIDAD
COMPATIBILIDAD DE CON TODOS LOS DISPOSITIVOS
FACILIDAD DE NAVEGACION
MAYOR VELOCIDAD DE CARGA

TECNOLOGIAS UTILIZADAS

FRAMEWORKS
JavaScript (INTERACTIVIDAD BASICA)
CSS3 (ESTILOS)
HTML5 (ESTRUCTURA)

INTERACCION BASICA

SIN ELEMENTOS EN 3D O ANIMACIONES COMPLEJAS
USO DE BOTONES, ENLACES Y FORMULARIOS

ESTRUCTURA VISUAL CLARA

DISTRIBUCION EQUILIBRIBADA DEL CONTENIDO
DISEÑO BASADO EN CUADRICULA (GRID)

COLORES Y CONTRASTE ADECUADOS

USO DE COLORES LLAMATIVOS PARA BOTONES Y ACCIONES CLAVE
PALETAS ARMONICAS PARA FACILITAR LA NAVEGACION

DISEÑOS ADAPTABLES

USO DE CSS Y FRAMEWORKS COMO BOOTSTRAP
COMPATIBLE CON MOVILES, TABLESTS Y COMPUTADORAS

IMAGENES Y GRAFICOS OPTIMIZADOS

EQUILIBRIO ENTRE CALIDAD Y VELOCIDAD DE CARGA
FORMATOS COMUNES: PNG, JPEG, SVG.

USO DE TIPOGRAFIAS LEGIBLES

TAMAÑOS ADECUADOS PARA PANTALLAS
FUENTES SIN SERIFAS PARA MEJORAR LA LECTURA

INTERFAZPLANA

EVITA SOMBRAS Y EFECTOS 3D
USO DE COLORES SOLIDOS Y FORMAS SIMPLES