bitácora.

 Luego de haber visto cómo optimizarlas, se nos solicitó generar 5 imágenes aptas para su visualización web: 1.   Una imagen fotográfica color. 2.   Una imagen fotográfica monocromática. 3.   Una imagen de origen vectorial (svg/ai/cdr, p.e.). Un logotipo gráfico (al estilo del de IBM, o Adidas, etc). 4.   Un mapa que tenga elementos pequeños y definidos (nombres de calles por ejemplo). 5.   Una combinación de dos imágenes anteriores (p.e una foto y un logo, una foto y un mapa, etc.) en una sola imagen a color. Lo primero y principal es buscar las imágenes con las que se trabajará. Las mismas debían pertenecer a bancos de imágenes gratuitas para asegurar su uso libre. Teniendo esto en cuenta, extraje la imágen de un grupo de jirafas caminando de la plataforma Pexels y el archivo .svg del logo de Discovery Channel desde el repositorio de Wikipedia . Por su parte, obtuve el fragmento del mapa de un print de pantalla de Google Maps .  Con esto en mente,...

 Como bien estuvimos viendo en clase, existe una serie de pautas a la hora de construir un texto que vaya a ser leído a través de medios digitales. Cuestiones como la longitud de las líneas y el uso de recursos de resalte son muy importantes para garantizar la memorabilidad del contenido y, a su vez, una buena experiencia para sus lectores.  Con esto en mente, he buscado entre las publicaciones realizadas en  la sección Cuadernos del Centro de Estudios de Diseño y Comunicación Nº38 en la página web de la Universidad de Palermo hasta dar con una nota cuya estructura pueda servir a los fines de esta actividad. De este modo, y utilizando finalmente la publicación  El pensamiento complejo como herramienta para nuevas propuestas de diseño en objetos de Ariel  Ladino Velasquez, les presento la transformación del texto original a su version optimizada.  Texto original: El pensamiento complejo como herramienta para nuevas propuestas de diseño en objetos de uso La...

Con el objetivo de conocer la composición de los lenguajes de programación HTML y CSS utilizados para crear páginas web, se nos encomendó desarrollar una web simple que incluya los siguientes recursos:  un elemento h1 un elemento h2 con un color definido un texto de párrafo un enlace externo (a otro sitio web) una imagen que ya esté subida a la web o un recurso multimedia incrustado (video, audio, otro) una segunda página enlazada a la primera estilos para los enlaces un div con definición de color de fondo y estilo de borde 2 tipografías de Google (en h1 y en p) Teniendo esto en cuenta, y recibiendo ayuda de dios (ChatGPT), logré desarrollar mi web.   Atención, porfis:  Tuve que rehacer la web ya que w3spaces suspendió la anterior debido a un exceso de visitas en el espacio y solicitudes de archivo. Así que, si les interesa el código ,  se los dejo copiados en  este documento de google  para que entren con el mail institucional.  No lo saquen direc...

El análisis comparativo entre dos enfoques de diseño de interfaz gráfica de usuario (GUI) —uno directo y otro de tipo metafórico o simulado— constituyó una de las actividades desarrolladas en el contexto de la materia Laboratorio Digital.  A raíz de esto, se propuso el desarrollo de prototipos ilustrativos para entender las diferencias entre ambos, tanto estructuralmente como en la repercusión que tienen en quienes las utilizan. Con esto en mente, les presento las interfaces que desarrollé pensando en formas de mostrar un reproductor musical. Interfaz metafórica o simulación: Tocadiscos En esta propuesta se busca ofrecer más que una herramienta, una experiencia inmersiva. La misma se ve desarrollada a raíz de un concepto, la metáfora de algo que existe en la realidad trasladado a la pantalla. En ella,  los usuarios son capaces de explorar sus funciones  al asociar a la interfaz con sus conocimientos previos de aquello que esta presenta. En este caso, las funciones ...