Diego Reyes Vielmae.[ad]

B i t á c o r a Lenguaje Computacional 1

Índice

1 ...................................................... Clases 1 y 2

3 ...................................................... Clase 3

4 ...................................................... Clase 5

5 ...................................................... Clase 6

7 ...................................................... Clase 8

8 ...................................................... Cascadas de estilo

Clase 1: 27.6.8Clase 2: 4.7.8

La reinvención del diseñoDirector de arte revisa el espacio fotográfico para que la marca funcioneEl diseñador gráfico es un traductor,comunica lazos afectivos y a la vez es un puente de co-municación, no es solo un hacedor de monos para esto hay que tener una metodología (la cuál es presentada a través de infografías)

Estrategias para el DiseñoEl “como” es mas valioso que el “que”

Metodología del diseño centrado en el usuario

-Estrategia -Estudio de usuario -Arquitectura de la información -Diseño visual -Diseño front (producción)

La publicidad nos hace recordar (ejemplo candado kryptonite)la investigación de usuarios (research) estudia el comportamiento de la personaluego a través del brief el cliente da por escrito (compromiso) lo que realmente necesita (de-claración de intensión), en pocas palabras es una relación técnica con el cliente. Acá se ven los “objetivos, recursos” que tiene la empresa sobre el producto, se recopila la información necesaria para llegar al producto final, se identifican los consumidores o targets, ademas sirve para las precisiones y especificaciones del proyecto, y por último con el brief se ve la cantidad de tiempo que uno se podría demorar en el proyecto. 1

También se hace un estudio el cual mide las ventajas y desventajas de competencia (análi-sis FODA),el Benchmark, en este punto busca los criterios necesarios que pueden atravesar transversalmente el proyecto y también se toman decisiones gráficasPosteriormente las Conversaciones Guiadas y objetivas las cuales nos dan soluciones de las basas objetivas y finalmente el Coaching el cual es el entrenamiento y explicación, lo que permite “educar al cliente”

2

Clase 3: 11.7.8

El posicionamiento de una marca o empresa es el prestigio ganadola imagen corporativa de un sitio web, recibe al usuario, viene siendo el anfitrión, como dato importante para un sitio web es la diversificación de la oferta, de esta forma se posiciona en la cabeza del consumidor una imagen lo que provoca un dialogo. Ademas la imagen corpo-rativa genera una identidad. También hay que tener claro que la imagen corporativa no es lo mismo que el logo.El logo es un factor de la imagen corporativa.

Estudio y comportamiento del usuario

“Lo bueno para uno no siempre es bueno para el resto”: Subjetividad del gustoEl diseño no es arte, es un puente de comunicación Comprender las necesidades del usuario y adaptar el producto a estas necesidades.

El diseño se digitaliza, por ende el diseñador se transforma en un investigador de la conduc-ta humana, busca a través de relaciones interdisciplinarias y complentarias resolver el pro-blema desde el punto de vista del diseño

3

Clase 5: 25.7.8

Arquitectura de la Información

Su importancia se basa en como el usuario maneja los contenidosEduard Tufte: diseñador y estadístico de universidad de Yale: ¿como transformar la informa-ción en comunicación?

Los datos del computador son superiores a los del humanousamos la información para la toma de decisiones, se transforman datos a información (ejemplo de matchcode)como se transforma la información en comunicación, sobre la base de unidades discretas conectadas en base de datos, para datos específicos que sirvan para la comunicación

Ejemplo de lo anterior son los Widgets los cuales grafican la información del dato.Infografías: ejemplo es el metro de Londres, diseñado por un electricista (trabajo en túneles del metro: experiencia del usuario), este tiene un lenguaje universal.La organización del contenido en este caso es fundamentalJesse James Garret: “como las personas procesan la información y constituyen relaciones entre sus diferentes elementos”

widgets

4

Clase 6 : 1.8.8.PDF’s

¿Que es un PDF?

sus iniciales se refiere a Portable Document Format o formato portátil de documento; es un for-mato de almacenamiento de documentos desarrollado por adobe. Está especialmente ideado para documentos susceptibles de ser impresos, ya que especifica toda la información nece-saria para la presentación final del documento, determinando todos los detalles de cómo va a quedar, no requiriéndose procesos anteriores de ajuste ni de maquetación Cada vez se utiliza más también como especificación de visualización, gracias a la gran calidad de las fuentes utilizadas y a las facilidades que ofrece para el manejo del documento, como búsquedas.

Modelos de color

(a) Modelo Aditivo (b) Modelo Sustractivo

(a) RGB colores bases: La mezcla de colores luz, normalmente rojo, verde y azul, se realiza utilizando el sistema de color aditivo, también referido como el modelo RGB o el espacio de color RGB. Todos los co-lores posibles que pueden ser creados por la mezcla de estas 3 luces de color son aludidos como el espectro de color de estas luces en concreto. cuando ningún color luz está presente, uno percibe el negro. Los colores luz tienen aplicación en los monitores de un ordenador, tele-visores, proyectores de vídeo y todos aquellos que utilizan combinaciones de materiales que fosforecen en el rojo, verde y azul.

5

(b)CMYKPara impresión, los colores usados son cian, magenta y amarillo; este sistema es denomina-do modelo CMY. En el modelo CMY, el negro es creado por mezcla de todos los colores, y el blanco es la ausencia de cualquier color (asumiendo que el papel sea blanco). Como la mezcla de los colores es substractiva, también es llamado modelo de color sustractivo. Una mezcla de cian, magenta y amarillo en realidad resulta en un color negro turbio por lo que normalmente se utiliza tinta negra de verdad. Cuando el negro es añadido, este modelo de color es deno-minado modelo CMYK. Recientemente, se ha demostrado que el modelo de color CMY es también más preciso para las mezclas de pigmento.

RGB CMYK

6

Clase 822.8.8

En preprensa digital no se usa el formato jpg., porque la imagen pierde información, la cali-dad de imagen baja.La preprensa digital es todo lo que se hace antes de la imresión: acá se utilizan diferntes formatos Tif y Eps, pero en menor medida el Jpg.

RAW: “crudo”, perfección del orignal, son gruesas capas de la imagen y permite tener mas información. Es como el negativo de la foto además no tiene compresión. Tiene mas infor-mación en el registro de bits y mayor profundidad de color, las imágnes son mas ricas en información. NEGATIVO DIGITAL

EPS: encapsulado postscript, es un formato de archivo gráfico. Un archivo EPS es un archi-vo PostScript que satisface algunas restricciones adicionales. Estas restricciones intentan hacer más fácil a programas de software el incluir un archivo EPS dentro de otro documento PostScript.

el PostScript utilizado en muchas impresoras y, de manera usual, como formato de transpor-te de archivos gráficos en talleres de impresión profesional. El concepto PostScript se dife-renció, fundamentalmente, por utilizar un lenguaje de programación completo, para describir una imagen de impresión. Imagen que más tarde sería impresa en una impresora láser o algún otro dispositivo de salida de gran calidad, en lugar de una serie de secuencias de escapes de bajo nivel (en esto se parece a Emacs, que explotó un concepto interno parecido con respecto a las tareas de edición)

7

Casacadas de EstiloSon un lenguaje formal usado para definir la presentación de un documento estructurado es-crito en HTML. El W3C (World Wide Web Consortium) es el encargado de formular la espe-cificación de las hojas de estilo que sirvirán para los agentes de usuario o navegadores.

La idea que se encuentra detrás del desarrollo de las cascadas de estilo (CSS) es separar la estructura de un documento de su presentación Por ejemplo, el elemento de HTML <H1> indica que un bloque de texto es un encabezamiento y que es más importante que un bloque etiquetado como <H2>. Versiones más antiguas de HTML permitían atributos extra dentro de la etiqueta abierta para darle formato (como el color o el tamaño de fuente). No obstante, cada etiqueta <H1> debía disponer de la información si se deseaba un diseño consistente para una página, y además, una persona que lea esa página con un navegador pierde to-talmente el control sobre la visualización del texto. Cuando se utiliza CSS, la etiqueta <H1> no debería proporcionar información sobre como va a ser visualizado, solamente marca la estructura del documento. La información de estilo separada en una hoja de estilo, especifi-ca cómo se ha de mostrar <H1>: color, fuente, alineación del texto, tamaño.

La información de estilo puede ser adjuntada tanto como un documento separado o en el mismo documento HTML. En este último caso podrían definirse estilos generales en la cabe-cera del documento o en cada etiqueta particular mediante el atributo “style”.

Las ventajas de utilizar CSS

• Control centralizado de la presentación de un sitio web completo con lo que se agiliza de forma considerable la actualización del mismo.

• El documento HTML en sí mismo es más claro de entender y se consigue reducir con-siderablemente su tamaño (siempre y cuando no se utilice estilo en línea).

8

• Una página puede disponer de diferentes hojas de estilo según el dispositivo que la muestre o incluso a elección del usuario. Por ejemplo, para ser impresa, mostrada en un dispositivo móvil, o ser “leída” por un sintetizador de voz.

• Los navegadores permiten a los usuarios especificar su propia hoja de estilo local que será aplicada a un sitio web, con lo que aumenta considerablemente la accesibilidad. Por ejemplo, personas con deficiencias visuales pueden configurar su propia hoja de estilo para aumentar el tamaño del texto o remarcar más los enlaces

9