jueves, 9 de junio de 2016

Optimización de textos para lectura en pantalla

¿Por qué crear nuevas fuentes?

David Crossland (www.understandingfonts.com)


"¿Por qué crear nuevas fuentes?" es la pregunta más común que me han hecho desde que me propuse convertirme en un diseñador de tipos de letraCuando menciono que cursé una maestría sobre esta materia en la Universidad de Reading, Inglaterra, a veces me tropiezo con la auténtica sorpresa de quienes se asombran de que este tema se estudie con seriedad.

¿Sabes? A menudo, la gente nunca ha pensado de dónde provienen las fuentes, ya que las fuentes de su computadora simplemente están ahí. Vemos constantemente diferentes tipos de letra en el mundo, por lo cual todos sabemos con certeza que hay muchos de ellos. De ahí que no sean evidentes  las razones por las que hagan falta aún más de los que ya existen. Tal vez la sorpresa se deriva también de la forma en que las fuentes resultan ser subliminales. Nos fijamos en el sentido de lo que leemos, y esto aparta nuestra atención de la mecánica que subyace en el acto de leer. Los hechos comunes de  todos los días pueden presentársenos como algo misterioso cuando uno los viene a examinar por primera vez, y la lectura parece ser uno de esos hechos.

Las nuevas fuentes se crean por muchas razones, y a menudo varias de esas razones están presentes a la vez. He aquí tres de ellas:

Identidad
Las organizaciones necesitan identidades visuales, y las fuentes pueden vigorosamente  identificar quién publicó qué cosa. Tener una identidad visual distintiva es estar a la moda. La  moda hace la vida más interesante, y es una parte tan importante de la tipografía como cualquier otro aspecto de la cultura.

Aunque se puede conseguir una  identidad visual bien distintiva incluso con una fuente muy común -la popularidad de  Helvética así lo atestigua -, sugiero que esta es la motivación principal por la que los diseñadores gráficos desean hoy nuevas fuentes; es por eso que los tipógrafos autorizan nuevas fuentes al por menor y la razón por la que los proyectos de creación de marcas de identificación corporativa encargan fuentes hechas a la medida. Estos encargos pueden dejar de ser justificación suficiente para más de una sola fuente, no toda una familia – apenas expandir un logotipo en un alfabeto completo. Sin embargo, a veces ello puede  dar como resultado grandes las familias, y este año Canonical le encargó una familia muy grande de fuentes a la fundición-Dalton Maag en Londres.

Arte
Aunque los diseñadores de tipos atienden a los deseos de sus clientes, también tienen sus propias ideas y usualmente esas ideas poseen un sesgo artístico. Existe ese impulso básico que mueve a la expresión de uno mismo, a expresar emociones a través de las formas de las letras, además de  la cosa toda de George Mallory: "Porque está ahí".
No se debe subestimar el poder del sentimiento que hay detrás de la frase “¡Lo hice yo!" Este se encuentra en la base de la razón por la que me convertí en un diseñador de tipos. Víctor Gaultney, el diseñador de la familia de fuentes libres Gentium, quien es también un diestro músico, lo resumió diciendo simplemente: "¿Por qué crear nuevas fuentes? ¿Por qué crear música nueva?"

Hay también un lado mercantil en el diseño de tipos como práctica artística. He oído a profesionales experimentados como Matthew Carter y Gerard Unger decir que durante su carrera han estado trabajando constantemente, de forma privada,  en fuentes para ellos mismos. Cuando un diseñador gráfico construye así un depósito secreto propio, si se presenta un encargo y esos diseños privados resultan ser pertinentes, pueden  ser refinados  para aprovechar el breve momento favorable y asegurar un margen de ganancia.
Cualquiera que sea la clase de diseño que usted esté haciendo, si se trata de diseñar sin ningún tipo de  restricción y sólo pensando en su libre expresión, usted no está realmente comprometido en una tarea del diseño, sino de arte.


La motivación inicial podría muy bien ser indistinguible de las necesidades de los usuarios del artefacto de diseño final, pero creo que es una clase de proceso cualitativamente diferente. Lo que realmente ancla el diseño de tipos en el ámbito de los procesos de diseño es lo siguiente:

Diseño
Las fuentes pueden ayudar o dificultar la legibilidad de un texto. Raph Levien hizo de Inconsolata para componer el código de programas, un verdadero nicho. Los tipos de letra para el código se diseñan típicamente para ser leídos en pantalla, más que impresos, ya que allí es donde el código vive realmente. Este contexto tipográfico determina el diseño de varias maneras, tales como hacer los paréntesis desusadamente grandes de manera poco convencional porque desempeñan un papel clave en el código. Estos paréntesis no son adecuados,  por ejemplo, para un directorio telefónico.


Cuando Matthew Carter diseñó Bell Centennial para AT & T en la década de 1970, hizo un nuevo tipo de letras para guías telefónicas que se usarían en tamaños muy pequeños, lo que permitiría más texto por línea, y sin embargo seguiría siendo tan legible como el anterior. El contexto tipográfico es diferente,  y los diseños de los paréntesis son diferentes. Esto es algo sutil, subliminal, incluso para muchos diseñadores gráficos, pero esta es la cuestión que realmente cuenta para el diseño de tipos –porque es lo que hace excelente la tipografía, y se paga por sí misma con creces. Cuando se van a imprimir 50.000 ejemplares, obteniendo un 10% más de texto con 50 páginas menos que en la última edición, es mucho el dinero que se ahorra.

Libertad
Y esto ilustra por qué las fuentes libres son tan valiosas. Si usted está utilizando una fuente y esta no funciona del todo como usted desea - si ocupa demasiado espacio, o si se siente que no es apropiada, o que podría estar un poco más en la onda y ser más moderna - ¿ puede uno cambiarla? Si está utilizando una fuente propietaria, no se puede. Por supuesto, siempre se puede, a partir de cero, hacer un nuevo tipo de letra que tenga cualidades similares. Pero con una fuente libre usted  puede  impartirle nuevas direcciones, que incluso a sus desarrolladores originales nunca se les habría ocurrido.

Apps de realidad aumentada: análisis de app similares

Proyecto de Aplicación que incluya realidad virtual
Nuestro proyecto consiste en diseñar una App de realidad aumentada para comercializar prendas básicas, remeras y buzos, en dónde el usuario vive una experiencia de creación de su propia prenda.
El propósito es generar una app que ayude al  usuario en el proceso de creación, diseño y elección de prendas. Como así también le permite experimentar una  visualización virtual con el producto terminado.
El funcionamiento de la aplicación consiste en que el usuario pueda seleccionar el tipo de prenda que desee, los colores, qué datos irán estampados, es decir, un catálogo virtual de prendas para su promoción. Además cuenta con un listado de proveedores, a los cuales podrá mandar un mail pidiendo presupuestos, para después elegir con cual realizará su prenda. Luego el usuario, con su prenda finalizada podrá posar frente a la cámara del dispositivo donde esté descargada la app y visualizar la prenda. Las estampas cobrarán vida, otorgándole al usuario una experiencia virtual.

Nuestros objetivos son:
* Ofrecer asesoramiento en cuanto a diseño y donde realizar la prenda, en un solo lugar.
* Brindar una experiencia visual mediante la interacción aplicación y la prenda ya finalizada.

Análisis:
·         Perfil de usuario supuesto: La app creada está destinada a alumnos cursantes del último año de sus estudios secundarios que se encuentran en proceso de creación, diseño y elección de sus remeras y buzos de promoción.

·         Tecnología usada: La aplicación planteada funcionaria en Smartphone y Tablet, que tengan acceso a internet para descargar la aplicación y para enviar los mails a los proveedores. Una vez descargada puede acceder a ella sin conexión a internet, ya que vendría con los recursos necesarios para experimentar con el diseño y elección de las características de las prendas.

·         Estética y lenguaje usado: Lenguaje informal ya que está destinada a un público joven adolescente. Con respecto a los colores, se utilizarían una selección de colores vivos de acorde a la edad de los usuarios de la aplicación. El texto utilizado será conformado por tipografías diseñadas especialmente para su lectura en pantalla. La extensión de los textos será reducida ya que solo se utilizará para títulos y subtítulos de cada pantalla

·         Actualización y dinamismo de los datos: Las características de diseño (colores, diseños de estampas, modelos de prendas) y los proveedores disponibles serán actualizadas anualmente.

Análisis de Aplicaciones Similares

Doing3D 
Es un canal de comunicación que permite descubrir y compartir contenido virtual tal como información, imágenes, video y objetos y animaciones tridimensionales interactivas. Tienen un servicio de app para casas de moda que permite a los clientes experimentar un probador virtual de sus prendas antes de comprar.
Perfil del usuario: jóvenes adultos
Tecnología usada: disponible para iPad y iPhone en Apple Store, y para Android en Google Play.

Estética y lenguaje utilizado: sencillo sistema de escaneo con pocas funciones y bien claras para el éxito de la experiencia. Se puede modificar el tamaño de la prenda para adaptarla al cuerpo del usuario por medio de la pantalla.



Alive animals

Es un proyecto realizado por la empresa Imascono, la cual a partir de su app se pueden visualizar animales del horóscopo chino estampados en remeras. Avalan la sustentabilidad en su propuesta utilizando algodón 100% orgánico en sus remeras.
Perfil de usuario: jóvenes adultos
Tecnología usada: disponible para iPad y iPhone en Apple Store, y para Android en Google Play.
Estética y lenguaje utilizado: es muy sencillo y claro. Solo se tiene que posicionar la estampa de la remera en el dispositivo para ver en pantalla la imagen.







Interpretación de permisos de obras autorales

¿qué puedo hacer y qué no con una obra autoral, de acuerdo a su licencia de derechos de autor?



Primer caso
Observa esta foto, y su licencia y responde:

Fecha16 de marzo de 2014, 13:00:59
FuenteTrabajo propio, from Sharp Photography, sharpphotography
AutorCharlesjsharp
Este archivo se encuentra bajo la licencia Creative Commons Genérica de Atribución/Compartir-Igual 3.0.
¿Puedo hacer usos comerciales de esta fotografía? 
Si, ya que se encuentra bajo una licencia que permite utilizarla de manera comercial, además permite copiar, distribuir y adaptar la obra para cualquier propósito.

¿Puedo pasarla a blanco y negro e imprimir una postal que repartiré gratuitamente, agregando algunos datos y un breve texto?
Se puede repartir una postal con esta fotografía impresa en blanco y negro si en el texto que acompaña la misma se de el credito y el enlace a la licencia original, ya que esta  bajo una licencia que se pueden modificar y alterar siempre y cuando al distribuirla se siga utilizando la licencia original y se dé el crédito correspondiente así como también colocando el enlace a la licencia original. 

Segundo caso


¿qué permisos me otorga una licencia CC by ND NC?

Este tipo de licencia no permite que la obra sea modificada o utilizada con fines comerciales, por lo tanto solo se puede utilizar y distribuir la obra original sin modificaciones en la misma y de manera gratuita.

Liberando documentos

Así como existe software y hardware libre, también a nivel de los documentos tenemos opciones libres o privativas.
Visiten el sitio: https://documentfreedom.org/index.es.html (especialmente, la sección estándares abiertos) y revisar el apunte sobre Formatos abiertos

Busquen respuestas sobre:

¿Qué es la interoperabilidad?
Es aquella capacidad que tienen los diferentes sistemas informaticos, aplicaciones y servicios para comunicar, compartir e intercambiar datos, informacion y conocimiento de una forma precisa, efectiva y consistente. Es decir, es la capaidad que tiene los programas y aplicaciones de poder intercambiar informacion entre ellos y poder utilizarla.


¿Qué es la compatibilidad entre formatos y software?

La compatibilidad se entiende en el ámbito de la informática y la tecnología como la capacidad que tienen dos sistemas de trabajar uno con otro simultáneamente. Y por sistemas entendemos tanto hardware como software, de modo que podemos hallarnos frente a compatibilidad entre dos programas, entre programa y hardware, o directamente entre hardware. 
El que no haya compatibilidad no significa que los sistemas no funcionen o estén defectuosos, simplemente que no pueden trabajar juntos, que son incompatibles. La incompatibilidad se puede deber a varias causas, pero principalmente porque un sistema está obsoleto con respecto al otro o porque se ha diseñado para usar con un sistema en particular y no funciona con otros. 


¿Qué significa que un formato tenga "compatibilidad retroactiva"?
Un formato tiene compatibilidad retroactiva cuando ese formato puede abrirse en el mismo software pero con una version "más nueva"; esto  no ocurre cuando intentamos abrir un  formato que se guardó en la útima versión e intentamos abrirla en una versión antigua del mismo software. Un claro ejemplo es cuando guardamos un archivo Corel: si el formato .cdr es versión X7, este no se podrá abrir en la versión X5. Mientras que un formato .cdr versión X6, sí se podraá abrir en la última actualización de Corel que es la X8


Piensen en sus propias producciones, remontándose a 10 o más años atrás.
Esos archivos digitales, en sus versiones editables, ¿pueden ser todavía hoy abiertos?
Encontré dos archivos con distintos formatos, un .doc y un .psd, ambos si pueden ser abiertos en las últimas versiones de sus respectivos software. Ya que ambos formatos tienen compatibilidad retroactiva.


¿Qué tenemos que tener en cuenta cuando elegimos un formato específico para guardar nuestros datos (además de que sea el más adecuado técnicamente para resguardar esos datos)?

Debemos tener en cuenta que sea un formato compatible con otros formatos distinto al que es, y además que sea compatible con otros softwares distinto al que lo generó, así podemos abrir y trabajar en él sin importar el tipo de software.


Por último, vamos a liberar un documento propio, por vía doble.

Elijan una producción propia, de cualquier tipo (texto, imagen, video, audio), agréguenle una licencia distinta de copyright y guárdenlo en un formato libre.



Esta obra está bajo una Licencia Creative Commons Atribución – No Comercial – Sin Obra Derivada 4.0 Internacional.

martes, 24 de mayo de 2016

Optimización de imágenes para internet

Para el trabajo de optimización de imagenes para internet optimice en base a las medidas para una tablet de 7 pulgadas (1280px x 800px).

Fotografía color 640x400px



Fotografía monocromática 640x426px


Mapa 640x443px



Vector 640x495px

Fotografía + Vector 492x640px

sábado, 9 de abril de 2016

TECNOBIOGRAFÍA

https://mnmqo.hotglue.me/
Integrantes: Molina Quinteros Mickaela, Oliva Natalia

martes, 5 de abril de 2016

Interfase directa y metafórica

En base a un tema a elección -en mi caso Educación- tenemos interface de la página principal de una web, con dos propuestas diferenciadas: una interface directa y una interface metafórica.

Interface directa son las que muestran los controles y contenidos de modo directo que ofrece la página. Un título, los diferentes acceso a la información sobre Educación vial y  las redes sociales de la página.
 

Interface metafórica o de simulación son las GUI que utilizan para enriquecer la navegación. En este caso el usuario tiene la posibilidad de conocer las señales básicas de tránsito, para ello debe hacer click en la flecha la cual seguirá un camino, como si el usario recorriera un camino hasta llegar a la ciudad. Además cada señal tendrá su información para enseñarle al usario.