leovaldivia99

[leovaldivia99]

Pixel Art (fuego como creador y transformador de vidas)

Primero pusimos el fondo para daler el contexto al pixel art.

2. Comenzamos a agregar el fuego para ir desarrollandolo.

3. En esta parte ya va agarrando forma.

4. Agregamos unos detalles al fuego.

5. Agregamos detalles en todo el Pixel Art.

6. Detallamos mas los detalles y agregamos los ultimos toques para dejarlo terminado.

[leovaldivia99]

Practica Mapa Aps y Paginas

Durante una practica, tuvimos que realizar un mapa sobre las aplicaciones y paginas web que utilizabamos mas en nuestra vida cotidiana y el concepto como tal era realizar un mapa donde podiamos representar graficamente una historia del porque las aplicaciones que utilizamos y el modo en el que fue organizado.

Nos basamos en un universo del cual, el usuario es el centro, ya que este es el que crea, forma y destruye las aplicaciones y paginas que uitlizamos. En el costado inferior derecho se encuentra la aplicacion "Tiktok" representado como un agujero negro, porque esta misma comenzo a crecer de maneras desproporcionadas gracias a las caracteristicas mismas que tiene. Las demas aplicaciones y paginas varian entre su tamaño y distancia del centro, dependiendo de la importancia que tenia para nosotros asi logrando una localizacion de las Aps y paginas.

[leovaldivia99]

El diseño Inclusivo

Accesibilidad

La accesibilidad permite que cualquier persona pueda disponer y utilizar las edificaciones, servicios o productos en igualdad de condiciones que los demás. La accesibilidad proporciona flexibilidad al acomodarse a las necesidades de cada usuario y está dirigida a que el sistema esté elaborado al más amplio número de usuarios.  Se abre la posibilidad de que pueda ser accedido y usado por el mayor número posible de personas, indiferentemente de las limitaciones propias del individuo o de las derivadas del contexto de uso. En contexto podemos puntear unos cuantos hechos:

-Tiene que ver con el diseño universal

-Acceso facil y rapido

-Capacidad y Discapacidad

-Diseño universal (1963)

Usabilidad

Es la capacidad del producto software para ser entendido, aprendido, usado y resultar atractivo para el usuario, cuando se usa bajo determinadas condiciones y/o adecuación. Una buena usabilidad requiere que el sitio sea fácil de navegar, tenga un diseño decente, sea coherente en todas las páginas y que también sea informativo y útil para el visitante. En contexto podemos puntear unos cuantos hechos:

-Simplicidad

-Intuición / Instinto

-Sirve / Eficiencia

[leovaldivia99]

Internet como medio accesible

Accesibilidad Web

La accesibilidad web combina la programación, el diseño y la tecnología para construir un Internet sin barreras que permita a todos los usuarios el entendimiento, el aprendizaje, la navegación y la plena interacción con la web.

La W3C

ElW3C (World Wide Web Consortium)es un comité que se dedica a implementar tecnologías uniformes en el uso y desarrollo de Internet. El organismo fue fundado en el MIT en Cambridge, Massachusetts, EE.UU. en 1994.

El objetivo del W3C esuniformar las especificaciones técnicas y establecer directricespara el desarrollo de tecnologías web, de forma que se mantenga la idea básica de la World Wide Web.

[leovaldivia99]

Actores del proceso

ISP

El ISP (siglas en inglés de Internet Service Provider), es el Proveedor de Servicios de Internet, es decir, a la empresa que vende a los usuarios la conexión a Internet, por ejemplo: Axs, Entel, Tigo y Viva.

IANA

La entidad Internet Assigned Numbers Authority desempeña un papel esencial en la gestión de Internet, ya que es responsable de asignar nombres y sistemas de números únicos que se usan de acuerdo con los estándares técnicos –protocolo de red– de Internet y constituyen la base del direccionamiento de páginas web.

Direcciones IP

Una IP (Internet Protocol) es una dirección única que identifica a un dispositivo en una red. Esta se encuentra formada por cuatro números de hasta tres cifras separados por un punto, comprendidos cada uno de ellos entre 0 y 255 (ejemplo:192.168.10.3). Además, es importante tener en cuenta que pueden ser de varios tipos (pública, privada, fija y dinámica).

DNS

DNS son las iniciales de Domain Name System (sistema de nombres de dominio) y es una tecnología basada en una base de datos que sirve para resolver nombres en las redes, es decir, para conocer la dirección IP de la máquina donde está alojado el dominio al que queremos acceder.

[leovaldivia99]

Internet, La red y La nube

¿Que es internet?

Internet es una red de computadoras que se encuentran interconectadas a nivel mundial para compartir información. Se trata de una red de equipos de cálculo que se relacionan entre sí a través de la utilización de un lenguaje universal.

Historia del Internet

La historia de internet se remonta al desarrollo de las redes de comunicación. La idea de una red de ordenadores creada para permitir la comunicación general entre usuarios de varias computadoras sea tanto desarrollos tecnológicos como la fusión de la infraestructura de la red ya existente y los sistemas de telecomunicaciones.

¿Donde esta el internet?

Actualmente, los mayores nodos de interconexión del mundo se ubican en tan sólo cuatro países: Estados Unidos (Nueva York y Virginia), Alemania (Frankfurt), Holanda (Amsterdam) y Reino Unido (Londres). Es desde estos centros neurálgicos donde el resto del mundo se conecta a la internet.

[leovaldivia99]

Profundidad y modelo de color

Pixel Art

Es un arte digital específico creado pixel por pixel. Es similar a la creación de un mosaico, donde pequeñas piezas son colocadas individualmente, creando grandes obras de arte. La tendencia del pixel art se le atribuye a la nostalgia, que utiliza técnicas artísticas de videojuegos en un arte nuevo.

A continuacion, voy a mostrar una practica sobre Pixel Art que realizamos para entender el proceso y la forma del mismo.

Dithering

Es una técnica usada en computación gráfica para crear la ilusión de profundidad de color en imágenes con una paleta de colores limitada.

Profundidad del color

La profundidad de color indica el número máximo de colores que puede contener una imagen. La profundidad de color viene determinada por la profundidad de bit de una imagen (número de bits binarios que definen la sombra o el color de cada píxel en un mapa de bits).

[leovaldivia99]

El pixel como unidad basica de medida

El Pixel

Es la mas pequeña de las unidades homogéneas en color que componen una imagen de tipo digital. Al ampliar una de estas imágenes a través de un zoom, es posible observar los píxeles que permiten la creación de la imagen. Ante la vista se presentan como pequeños cuadrados o rectángulos en blanco, negro o matices de gris.

[leovaldivia99]

El Pixel como unidad basica de medida

Tipos de pantalla

Monitores TFT LCD:

TFT LCD significa "Thin Film Transistor" y "Liquid Crystal Display". El LCD utiliza material polarizante y cristales líquidos para formar una pantalla.

Monitores OLED: La tecnología OLED (Organic Light Emitting Diode) se basa en píxeles que se iluminan de forma independiente con un diodo emisor de luz por cada píxel, permitiendo que se apaguen y se prendan cuando se necesite.

Resoluciónes

La resolución en pantalla no es otra cosa que el número de píxeles que un panel es capaz de mostrar. El número de píxeles está relacionado con la máxima calidad de vídeo que una pantalla puede aprovechar. Quiere decir que en un panel FHD no podremos ver una películas en resolución 4K.

[leovaldivia99]

Tendencias del diseño de UI

El concepto de los servicios Web

Se trata de un entorno estandarizado para distribuir la comunicación entre aplicaciones cliente y servidor en la WWW (World Wide Web). Puede editarse y cuenta con paquetes de mejora.

Un servicio web puede definirse como un módulo de software diseñado para realizar un conjunto específico de tareas. Los pilares de las aplicaciones se pueden encontrar en la web y también se pueden ​denominar en consecuencia. Al ser llamado, el servicio web será capaz de proporcionar funcionalidad al cliente que solicita este portal. Todo ello ocurre en un par de segundos.

Del diseño de sitios web al diseño de experiencias

El diseño de experiencias es la práctica de diseñar productos y servicios, medios de comunicación, información e interacción para los seres humanos. En muchos casos, el diseño de la experiencia produce resultados precisos, como hacer más seguras las operaciones de una máquina o vender un producto a un grupo particular de clientes.

[leovaldivia99]

Tendencias del diseño de UI

¿Esta muerto el diseño intarfaces?

Se dice que durante finales de los 90s y principios de los años 2000 las webs eran el centro de la experiencia del uso de internet, pero luego pasaron a constituirse en productos y ecosistemas mucho más complejos. A finales de los años 2000 surge el concepto de la web 2.0, como un paradigma de los sitios web, a través de sistemas como wikipedia, youtube, blogger y otros, que planteaban el concepto de usuarios-creadores, esto permitio que la interaccion entre los usuarios y las interfaces sean mas directas y puedan evoluacionar.

Los síntomas que el artículo mencuionado describe son los siguientes:

Mercados de plantillas

Contamos con patrones de diseño ya maduros

La automatización y la inteligencia artificial ya están presentes y activos

Las páginas de Facebook son los nuevos espacios de los pequeños y medianos negociosç

La experiencia móvil está acabando con la web tradicional

[leovaldivia99]

Surgimiento del icono en las GUI

El icono es una imagen asociada a un elemento en particular, es decir, una representación gráfica que guarda similitud o cuyo significado se asocia fácilmente con el elemento original y por lo tanto se utiliza como forma de representarlo.

Icono en informatica (GUI)

Un icono son imagenes Gráficas de pequeño tamaño con la que son representados los ficheros, accesos directos o bien los programas para poder identificarlos rápidamente, y para facilitar su ejecución mediante el uso de una interfaz gráfica adecuada.

Isotype (International System of Typographic Picture Education)

El Isotype consistía en un código icónico destinado a comunicar eventos, objetos y relaciones complejas a partir de una narrativa visual. El objetivo era desarrollar representaciones pictóricas que pudieran complementar al texto, sea hablado o escrito, en cualquier lenguaje, de forma entendible a través de fronteras por el mayor número posible de gente. 

Además de ser un estándar de representación estadística en la actualidad, es fácil adivinar que el código ISOTYPE, es la base del lenguaje de pictogramas universal, tan comun en las olimpiadas, el tráfico, los aeropuertosl y hasta en la mayoría de los interfaces de usuario. 

[leovaldivia99]

Evolucion e Hitos historicos de las interfaces

Las interfaces han evolucionado y readaptado durante cientos de años sobreviviendo a distintos dispositivos e incorporando nuevas unidades culturales vinculadas a la sociedad. Una interfaz en la era digital se relaciona naturalmente con la tecnología y su uso diario en distintos dispositivos como computadoras, celulares, tablets, etc.

Por ejemplo:

Entre los cuales hubieron sucesos historicos que cambiarian las interfaces para siempre, entre las cuales estan:

Arpanet

Internet

Correo electronico

Microsoft

Hipertexto

Interfaces actuales

[leovaldivia99]

La evolucion historica de los lenguajes digitales

INTERFAZ

El principal objetivo de una interfaz en el ámbito informático es como una especie de ventana para el lenguaje de programación. Sin los elementos gráficos que componen una interfaz gráfica, a los usuarios que no tenemos conociminetos sobre las intefaces, se nos haría imposible poder utilizar y manipular nuestra computadora o nuestro teléfono celular, sino también equipos que utilizamos a menudo, como las cámaras de fotos, las impresoras, los escáneres y demás.

INTERFAZ GRAFICA DE USUARIO

Una interfaz de usuario es un medio a través del cual una persona puede controlar un software o hardware específico. Lo ideal es que las interfaces de usuario sean fáciles de usar para que la interacción sea lo más instintiva e intuitiva posible. En el caso de los programas informáticos, esto se denomina interfaz gráfica de usuario.

[leovaldivia99]

Representación de Dibujo Compuesta

Despues de decidir los elementos que podrian ser incluidos en la representación del pixel art, realice un bocetaje con todas las ideas ya dibujadas y como primer boceto compuesto obtuve esto.

[leovaldivia99]

Representacion Dibujo

Para las representaciones en dibujo, busque el ambiente generado en Mario Bros. como por ejemplo: el dia, la noche, nubes y fuego. asi dandome ideas principalmente de las formas en la realidad y en el videojuego.

[leovaldivia99]

Referencias para mi Pixel Art

Para la referencia del cuento que leimos, quiero fijar toda mi idea en algo que me llame mucho la atención como por ejemplo, los video juegos y la esencia del cuento, es por eso que uno de los juegos que me parecen muy interesantes para mi representacion es Mario Bros.

Decidi elegir este videojuego porque siento que podria representar mi idea y el concepto del cuento en este ambiente, y del cual sacar referencias.