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

Mai multe ca aceasta

4. Herramientas Básicas para el Diseño de Procesos

după Wendy Rodriguez

Corel Draw

după José Luis Paredes Muñoz

TRABAJO SOBRE LA NOVELA “BETTY LA FEA”

după sonia bueno amador

marcos referenciales

după maria joselina jimenez

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