Tópicos Selectos en TI
José Antonio Arenas Pérez
Felipa Margarita Coscatl Castillo
Miguel Ángel Martínez Acata
Areli Torres Velázquez

Diseño
• El primer diseño web de una página se realiza
en 1993
• La primera pagina web con diseño se llamo
Mosaic
Diseño web
• El diseño web es una actividad que consiste en
la planificación, diseño e implementación de
sitios web y páginas web.
Como funciona
•
•
•
•

Dar la primera impresión visual posible
Proyectar el diseño total del sitio
Trasladar la imagen apropiadamente
Contribuir con los objetivos de usabilidad del diseño
web
• Posicionar una identidad propia en la mente de los
visitantes
Donde se aplica
•
•
•
•
•
•
•
•

Industria editorial
Publicación de catálogos
Despachos de diseño
Comercio
Publicidad
Manipulación de imágenes
Creación y mantenimiento de paginas web
Administración de color
Impacto en la sociedad de diseño web
El diseño web impacta a la sociedad al realizar la imagen de una
compañía u organización a través de elementos gráficos con el
objeto de reforzar su identidad visual y despertar una sensación de
confianza en el usuario.
•
•
•
•

Presencia a nivel local, nacional y mundial
Ahorro de recursos económicos y tiempo
Crecimiento en su cartera de clientes y ventas
Posibilita encontrar nuevos proveedores
Ventajas
 Cualquier persona puede
acceder a Internet, Si
necesitan encontrar
información sobre lo que les
rodea, pueden encontrar en
su sitio web una solución al
instante.
 El uso de web en el móvil
ha aumentado y la
necesidad de tener páginas
web para móviles.

Desventajas

 Las dos principales
desventajas son el
tamaño de la pantalla,
 El tiempo de carga.
 Ambos son muy
diferentes en los
teléfonos móviles que en
una computadora.
Diseño web en la actualidad
• Forma muy atractiva y visual
• El uso de imágenes y animación (diseño
visual)
• Accesibilidad
• Navegabilidad
Diseño web en el Futuro





Con HTML 5
Insertar audio y video.
Animaciones (2d y 3d)
Drag & Drop archivos (es decir: arrastrar y soltar archivos)
desde el escritorio para subir por ejemplo imágenes.
 Crear campos de tipo email, number, color, tel, url etcetera
en formularios.
 Geolocalizar.
 Y mucho más…
Bibliografia
• http://webastica.com/2010/07/las-5-funciones-deldiseno-grafico-dentro-del-diseno-web/
• http://www.slideshare.net/raymarq/fundamentos-diseoweb
• http://es.kioskea.net/contents/web/webdesign.php3
• http://www.proyectosbds.com/blog/html5-es-el-futuro/

Diseño web

  • 1.
    Tópicos Selectos enTI José Antonio Arenas Pérez Felipa Margarita Coscatl Castillo Miguel Ángel Martínez Acata Areli Torres Velázquez Diseño
  • 2.
    • El primerdiseño web de una página se realiza en 1993 • La primera pagina web con diseño se llamo Mosaic
  • 3.
    Diseño web • Eldiseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web y páginas web.
  • 4.
    Como funciona • • • • Dar laprimera impresión visual posible Proyectar el diseño total del sitio Trasladar la imagen apropiadamente Contribuir con los objetivos de usabilidad del diseño web • Posicionar una identidad propia en la mente de los visitantes
  • 5.
    Donde se aplica • • • • • • • • Industriaeditorial Publicación de catálogos Despachos de diseño Comercio Publicidad Manipulación de imágenes Creación y mantenimiento de paginas web Administración de color
  • 6.
    Impacto en lasociedad de diseño web El diseño web impacta a la sociedad al realizar la imagen de una compañía u organización a través de elementos gráficos con el objeto de reforzar su identidad visual y despertar una sensación de confianza en el usuario. • • • • Presencia a nivel local, nacional y mundial Ahorro de recursos económicos y tiempo Crecimiento en su cartera de clientes y ventas Posibilita encontrar nuevos proveedores
  • 7.
    Ventajas  Cualquier personapuede acceder a Internet, Si necesitan encontrar información sobre lo que les rodea, pueden encontrar en su sitio web una solución al instante.  El uso de web en el móvil ha aumentado y la necesidad de tener páginas web para móviles. Desventajas  Las dos principales desventajas son el tamaño de la pantalla,  El tiempo de carga.  Ambos son muy diferentes en los teléfonos móviles que en una computadora.
  • 8.
    Diseño web enla actualidad • Forma muy atractiva y visual • El uso de imágenes y animación (diseño visual) • Accesibilidad • Navegabilidad
  • 9.
    Diseño web enel Futuro     Con HTML 5 Insertar audio y video. Animaciones (2d y 3d) Drag & Drop archivos (es decir: arrastrar y soltar archivos) desde el escritorio para subir por ejemplo imágenes.  Crear campos de tipo email, number, color, tel, url etcetera en formularios.  Geolocalizar.  Y mucho más…
  • 11.