SITIOS WEB CON TIPOGRAFÍA IDEAL Y NO IDEAL

Sitio web con tipografía Roboto o Ideal para ser leida tanto digital como impresa:

Sitio web con tipografía Comic Sans no ideal para web ni impresión:

DISEÑO CENTRADO EN EL SER HUMANO

DISEÑO CENTRADO EN EL SER HUMANO

El diseño centrado en el ser humano es una filosofía que se basa en las necesidades, y los intereses del usuario. Durante los procesos de diseño se utilizan métodos para crear productos que van a resolver las necesidades concretas de los usuarios finales y así conseguir una mayor satisfacción y una grata experiencia de uso con el mínimo esfuerzo de parte del usuario.

Como debe ser ese diseño centrado en el ser humano:

Debe ser pensado en el usuario

Tiene que ser empático 

Debe ser para crear soluciones 

Iniciado y controlado por el usuario 

Interacativo

Fácil

Usable y entendible

Basada en tres principios:

1. Deseabilidad

2. Factibilidad 

3. Viabilidad - Económica

Para esto se debe identificar los problemas que tiene el usuario y crear (desarrollar) estrategias para resolverlos el problema que tiene el usuario, para esto debe de tener una intención que nos va a llevar a una acción y una acción que nos llevara a un resultado.

• Algunas de las actividades principales que se deben de desarrollar en la etapa principal de un proyecto pensado en el ser humano; primero se debe de entender y especificar el contexto de uso.
• Especificar los requisitos que requieren los usuarios 
• Especificar los requisitos de la organización que llevara acabo el diseño 
• Producir soluciones de diseño y por ultimo
• Evaluar los diseños con base a los requisitos

Los principios claves del diseño centrado en el ser humano:

El diseño debe estar centrado en el usuario comprender sus tareas y su entorno del usuario

El usuario se involucra tanto en el diseño como en el desarrollo

Tiene que estar dirigido y refinado por evaluaciones que hacen los usuarios: para ver si si funcionan o no para redirigirse, o rehacer.

El proceso debe ser repetitivo 

Se dirige a toda la experiencia del usuario

El diseño se hace con un equipo multidisciplinario

sacar medida en pixeles de mi dispositivo para el e-poob que realizaremos

definir tipografia

público niños de 8 a 12 

Abrimos nuestra imagen en indd seleccionamos con flecha negra la cortamos 

comando x y después nos ponemos dentro de la caja de texto con la herramienta de texto y se pega

ÁRBOL LÍNEA DEL TIEMPO

DISEÑO DE INFORMACIÓN

Diseño de información

El diseño de información es solucionar problemas de información para que el lector o usuario entienda mejor , por lo general se usa dos terminos:

•  Arquitectura de la información va mas allá.
• Experiencia deño usuario.

Arquitectura de la Información: Es un termino que acuño Richard Saul Wurman desde 1976, fue el primero en usar el termino “arquitectura de la información” y su definición es

“La arquitectura de la información es el arte y la ciencia de organizar y etiquetar sitios web para apoyar la usabilidad”.

Experiencia del usuario: Es la forma en que las personas se sienten al utilizar los productos, sistemas o servicios. Tiene que ver con la percepción del usuario en términos prácticos como su facilidad de uso, su utilidad y la eficiencia.

Juntando estas dos ultimas vamos hacer que los datos o la información que tengamos se acomoden de una forma adecuada para que se lean y se entiendan de la mejor manera posible, para poder logran una experiencia y llegar a un nivel emocional y con esto lograremos involucrar mucho mas al usuario.

Así que debemos seleccionar, clasificar, decidir, estructurar, transformar, organizar, etiquetar y presentar datos conservando solamente datos significativos y valiosos, para adaptar esa información de una mantener que sea fácil de entender y de usar para nuestro público, lector y usuario; este va a asimilar el contenido que nosotros le presentaremos

Tenemos que facilitarle la navegación dentro de esos datos para que el pueda asimilar esa información y a su vez se debe de quitar toda la información que no nos sirva y dejar la información interesante, para que sea fácil, atractiva, útil y “divertida”; para esto se tiene la arquitectura mas usabilidad mas contenidos  (estrategia de contenidos) mas creatividad.

Algunas elementos que nos servirán serán:

·      Datos comprensibles.

·      Comprender los datos.

·      Estructurar contenidos.

·      Analizar competencia y al publico objetivo.

TIPOGRAFÍAS PARA PANTALLA

TIPOGRAFÍAS PARA PANTALLA

INTRODUCCIÓN

La adaptación al mundo digital es inminente. Con el avance de la tecnología los métodos tradicionales han desaparecido para dar paso a métodos automatizados por medio de herramientas como Internet y programas de computación más especializados. La tipografía no es la excepción a esta ola de evolución digital.

Hoy en día existe un control en el diseño y uso de la tipografía, sobre todo en la que es desplegada a través de los medios digitales. La tipografía es caso especial, ya que en un principio, las fuentes tipográficas fueron concebidas para ser impresas, o lo que es lo mismo, para su impresión en alta resolución. Sin embargo para que una tipografía sea visualizada en pantalla, debe bajar dicha resolución. Por esta razón, con el paso del tiempo, el tipógrafo tuvo que abrir su camino y adaptar sus fuentes para ser visualizadas en un monitor.

Para esto, ya se han desarrollado programas y software vectoriales especiales para su creación y edición. Los problemas en el uso de la tipografía para pantalla han sido resueltos de diferentes maneras y sobre todo se han adaptado a la par de la evolución de digital. Porque hoy en día encontramos textos corridos en sitios web, expansión de glifos, caracteres y una gran variedad de tipografías para pantalla de las cuales podemos elegir por su estética y por su legibilidad.

Estos son algunos  de los aspectos retomados dentro de este trabajo final “Tipografías para Pantalla” con el fin de indicar los temas manejados en el trabajo:

·      HISTORIA DE LA TIPOGRAFÍA PARA PANTALLA.

·      ASPECTOS DE LA EVOLUCIÓN TIPOGRÁFICA.

·      FAMILIAS TIPOGRÁFICAS.

·      EJEMPLOS DE FAMILIAS TIPOGRÁFICAS:

•   MRS. EAVES
• VERDANA
• ARIAL
• GEORGIA
• LUCIDA SANS
• MYRIAD 
• ROBOTO
• OPEN SAN
• ¿QUÉ SON LOS EMS?
• 
  
• 
  

LINKS MAPAS MENTALES

Redes Sociales




Correo Electrónico

FORMATOS DE ARCHIVOS GENERALES

Formatos de 
archivos generales

• JPG: Joint Photographic Experts Group (JPEG), Grupo Conjunto de Expertos en Fotografía, es el nombre de un comité de expertos que creó un estándar de compresión y codificación de archivos e imágenes fijas. Es un algoritmo de compresión con pérdida, esto significa que pierde un poco de su calidad original. 

• PSD: Formato estándar de Photoshop con soporte de capas. 
  es un editor de gráficos rasterizados desarrollado por Adobe Systems Incorporated. Usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa literalmente “taller de fotos”.

• TIFF: Una solución creada para pasar de PC a MAC y viceversa.
  El formato TIFF es el adecuado al momento de almacenar o utilizar imágenes en alta resolución y estupenda calidad, ya sea en la industria del diseño o la publicidad.

• PNG: Soporta transparencia y colores a 24 bits. Solo las versiones recientes de navegadores pueden soportarlos. Permite almacenar imágenes en blanco y negro y en color real, así como también imágenes indexadas, utilizando una paleta de 256 colores. 

• PDF: Formato original de Acrobat. Permite almacenar imágenes vectoriales y mapa de bits. Es un invento de Adobe. 

• Portable Document Format.
• El formato electrónico ideal para documentos.
• Formato de intercambio de información.
• Documentos de lectura universal. 
• Documentos de intercambio de notas y correcciones.
• Libros y manuales electrónicos indexados.
• Originales de las artes gráficas.
• Formularios de entrada de dados. Presentaciones visuales.

• EPS: Es una versión de PostScript, se utiliza para situar imágenes en un documento. Es compatible con programas vectoriales y de auto edición.

• Ai: Tiene como función única y primordial la creación de material gráfico-ilustrativo altamente profesional basándose para ello en la producción de objetos matemáticos denominados vectores. 

• Innd: Aplicación para la composición digital de páginas desarrollada por la compañía Adobe Systems y dirigida a diseñadores gráficos y maquetadores profesionales.