Diseño y comunicación digital

El diseño Ajustable como una propuesta para la visualización de páginas Web en diferentes dispositivos

Resumen

En el presente artículo se analiza de manera muy breve la historia del Internet para observar cómo han evolucionado los diferentes dispositivos desde donde se puede navegar la Web.  Así mismo, se hablará sobre cómo debe desarrollarse un sitio en la actualidad para que pueda ajustarse a los diferentes tamaños de pantalla que tienen los dispositivos móviles y se propondrá una técnica que combine el diseño del tipo Responsivo y Adaptativo.  Por otro lado, se mencionarán las tecnologías necesarias para desarrollar este tipo de páginas y se explicará el beneficio que representan y por qué se recomienda su uso mediante la propuesta de un nuevo método de trabajo llamado Diseño Ajustable.

Abstract

In this article, the history of the Internet is analyzed very briefly to observe the evolution of  different devices where the Web can be surfed. Also, it will explain how a site should be developed today so that it can adjust itself to the different sizes of screen that the mobile devices have and a technique that combines the design of the Responsive and Adaptive type will be proposed. On the other hand, we will mention the technologies needed to develop this type of pages and explain the benefit they represent and why it is recommended to use them by proposing a new working method.

Leer más →


Por en Diseño y comunicación digital

Las estructuras del cine, observadas desde la perspectiva de los nuevos medios de distribución, caso Netflix con Okja

Resumen

En un mundo postmoderno, el uso del audiovisual como medio de comunicación aumenta de forma vertiginosa, por lo que es pertinente entender cómo se están estructurando los mensajes, en especial las películas que son el medio de comunicación emblema y pionero del lenguaje audiovisual; pero cabe preguntar si son dos las estructuras para guiar estos mensajes, una dictada desde Hollywood y otra mostrada por Cannes, o si en realidad existen más opciones para crear filmes de impacto mundial.

Palabras clave: cine, Netflix, Okja, lenguaje.

In a postmodern world, the use of audiovisual media as a media of communication increases dramatically, so it is pertinent to understand how the messages are being structured, especially the films that are the media emblem and pioneer of audiovisual language; but it is worth asking if there are two structures to guide these messages, one dictated from Hollywood and another shown by Cannes Film Festival, or if there are actually more options to create movies with global impact.

Keywords: cinema, Netflix, Okja, language.

Leer más →


Por en Diseño y comunicación digital

Palabras clave: , , ,


Del wireframing estático al wireframing interactivo

Resumen

En el presente artículo se describe el proceso del wireframing orientado a la integración de interactividad; se revisa el concepto de wireframe y se exponen sus características, luego se contextualiza y diferencian los términos de “affordances” y “significantes”1. Asimismo, se comenta el rol de las anotaciones en dichos bocetos como factores permisivos de interactividad y se explica cómo incluirlos con la aplicación Web MockFlow. También se explica cómo se forma el lenguaje interactivo entre los usuarios y los elementos de contenido interactivos, que se representan en un wireframe. 

Palabras clave 

Interfaz gráfica, wireframe, interactividad, affordance, significante. 

Abstract 

This article describes the wireframing process oriented to the integration of interactivity. Therefore, the concept of wireframe is reviewed and its characteristics are exposed. Then the terms “affordances” and “signifiers” are contextualized and differentiated. It also discusses the role of annotations in such schemes as permissive interactivity factors, and briefly exemplifies how to include them with the MockFlow Web application. 

It also explains how the interactive language is formed between users and interactive content elements that are represented in a wireframe. 

Thus, this work seeks that a “non-designer individual” understands the importance and transcendence of the development of static and interactive wireframes. 

Keywords 

Graphical interface, wireframe, interactivity, affordance, signifier. 

Leer más →


Por en Diseño y comunicación digital

Palabras clave: , , , ,


El cambio de los sitios WEB a través del tiempo

Resumen

El objetivo de este artículo es describir cómo ha cambiado la estructura y el diseño de los sitios WEB a través del tiempo, con el fin de identificar lo que ha mejorado y lo que ha quedado obsoleto.
Se hace hincapié en los momentos donde hubo cambios de diseño o de estructura, que modificaron a los sitios subsecuentes.

Se pretende responder ¿qué cambios estructurales y de diseño han tenido los sitios WEB, hasta la época actual? Y ¿cómo esto ha contribuido a su desarrollo? Para alcanzar una respuesta, se
requiere de la revisión de las estructuras iniciales y conocer las razones de los diversos cambios que ha tenido el diseño de sitios.

Palabras clave

sitios WEB, página WEB, cambios, programación, HTML, CSS, diseño, estructura, PHP, navegadores,
AJAX.

Abstract

The purpose of this article is to describe how the WEBSITES are going to change from design and structure into the time, in order to identify what is going to better, emphasis in the moments in time when they high a high change of design or architecture and what they produce after that.

The questions that need and answer are ¿what changes from design and architecture had the WEBSITES until this time? & ¿how that changes are helping in the development of the sites?
To reach an answer we need to make a revision of the initial structures & know the reasons from the changes that they had in the WEBSITES.

Keywords

WEB site, WEB page, changes, programming, HTML, CSS, design, structure, PHP, browsers, AJAX.

Leer más →


Por en Diseño y comunicación digital

Palabras clave: , , , , , , , , , ,


Topología, clasificación e influencia de las Redes Sociales

Resumen

Las redes sociales son grupos de personas que se mantienen unidos por relaciones que entablan entre ellos; cuando se habla de redes sociales online, se refiere a esos grupos que mantienen contacto mediante una conexión digital. En los últimos años las redes sociales son relevantes, para la actividad cotidiana, en estos medios se difunden una gran cantidad de materiales y sus integrantes participan activamente entre ellos. Se ha elaborado el presente artículo con la finalidad de comprender como es la estructura y comportamiento de una red social online y así responder a la pregunta ¿Qué funciones tienen las redes sociales online?

Palabras Clave

Redes sociales, topología, redes online.

Abstract

The social networks are a group of persons that keep them jointly due the relationships they establish, when we talk about social networks on line, we target to the groups that keep in contact on line through a digital connection. In the last years social networks has become relevant, for each daily activity, by this networks is deployed a huge amount of materials where they member participate actively between them. The present article has been wrote with the main purpose of understand how come a social network behavior and structure are finally understanding this well be a way to answer what a social networks is created to?

Keyword

Social media, topology, online net Works.

PDF

Leer más →


Por en Diseño y comunicación digital

Palabras clave: , ,


La práctica de diseño con artesanos del tejido en México: una reflexión ética y estética sobre un modelo de co-diseño

Resumen

El diseño en México lleva un largo recorrido en la creación de textiles y en ese camino, varios diseñadores han vinculado directamente sus creaciones con el trabajo artesanal. En el proceso, se han presentado problemáticas diversas relacionadas con la autoría de los diseños y la influencia del diseño en el artesano. El desarrollo de estas prácticas ha planteado nuevas perspectivas frente a los efectos de la globalización. Al respecto, se muestra una reflexión enfocada en el tejido acerca de los valores éticos y estéticos que conciernen a este tipo de colaboraciones que aquí se denominan co-diseño.

PALABRAS CLAVE: diseño, artesanía, tejidos, autoría, globalización, axiología, ética, estética

Abstract

The mexican design has been long connected with textile sector. However, there have been many conflicts related to the authorship of the designs. This has affected the work of many designers and the craftsmen. The development of these practices has raised new perspectives against the effects of globalization. In this regard, this work focuses on the weave, about the ethical and the aesthetics values within the textile designs collaborations that in this text are named as co-design.

Key words: design, craft, textile, authorship, globalization, axiology, ethics, aesthetics

PDF

Leer más →


Por en Diseño y comunicación digital

Palabras clave: , , , , , , ,


Requisitos para la accesibilidad en sitios Web para adultos mayores

Resumen

 

El objetivo de este trabajo es proponer una serie de elementos indispensables, para el diseño de sitios Web dirigidos a adultos mayores, desde la perspectiva de la accesibilidad. Esta última condición surge al reconocer las discapacidades físicas y tecnológicas que estos usuarios tienen y se manifiestan como dificultades para acceder al contenido en Internet. Cabe agregar que también será de interés la visualización en tabletas, además de los teléfonos inteligentes. Para lograrlo, se revisarán los planteamientos que hacen por medio de pautas de accesibilidad, la W3C y Mark Pilgrim para el desarrollo del contenido en sitio Web, las cuales constituyen los principios generales de la Web accesible.

Palabras Clave: accesibilidad, Web, adultos mayores.

Abstract:

This aim of this work is to propose a number of essential elements needed for Website design focused on the elderly, from the accessibility perspective. The latter condition comes from recognizing the physical and technological impairments that these users have, which are translated into difficulties for accessing online content. It is a matter of interest the visualization of information through tablets and smarthphones. In order to achieve this, the approaches made through accesibility guidelines, the W3C and Mark Pilgrim for Web content development will be reviewed, which constitute the general principles for Accessible Web.

Keywords: Accesibility, Web, Elderly

PDF

Leer más →


Por en Diseño y comunicación digital

Palabras clave: , ,


La importancia de una interfaz usable en un sistema de administración

Resumen

 

Este trabajo expone la importancia de una interfaz usable en un sistema de administración. La interfaz es el medio que nos conecta con los objetos que utilizamos a diario, por eso es importante que sean fáciles de utilizar, para que el usuario cumpla con la meta que se proponga. En este artículo se muestran los elementos principales que conforman la interfaz y la función que desempeñan dentro de la misma, sin dejar de lado la usabilidad, que es la medida mediante la cual el consumidor determinará la facilidad de empleo del sistema; para así determinar cuales son los elementos más adecuados para el desarrollo de un sistema de administración.

Palabras clave Interfaz, hipertextos, usuario, usabilidad, experiencia de usuario (UX)- arquitectura de la información.

Abstract This paper discusses the importance of a usable interface management system. The interface is the medium that connects us with objects or systems we use every day; so it is important that they are easy to use, so the user reach the goal purposed. This article describes the main elements of the interface and the role within it is. Without neglecting the usability, which is the measure by which the user determine the usability of the system. To determine which are most suitable for the development of a management system elements.

Keywords Interface, hipertext, user, usability, user experience UX, information architecture.

PDF

Leer más →


Por en Diseño y comunicación digital

Palabras clave: , , , , ,


Identificación de variables en la percepción cromática en estudiantes de una universidad de la Ciudad de México

Resumen

El nivel de discriminación tonal en los individuos con visión tricrómata dentro del rango considerado normal, puede variar en relación a los fotorreceptores Largos, Medios y Cortos (L, M, S) alojados en el glóbulo ocular y al óptimo funcionamiento de éstos. Para determinar si la visión está dentro de los estándares y a que nivel funciona se realizan pruebas de discriminación cromática. Con este estudio se busca identificar si los estudiantes de diseño poseen alguna deficiencia y/o defecto de percepción cromática que pueda llegar a afectar su desempeño profesional y que deba tomarse en cuenta, así como, encontrar factores que puedan mejorar esas condiciones.

Palabras clave: visión cromática, discriminación tonal, percepción de color, pruebas de color

Abstract

The tonal discrimination level in people with normal trichromacy view can vary in relation with the optimum functioning of photoreceptors Large, Medium and Short (L, M, S) hosted in the ocular globe. To determine if color visión is within normal parameters and determine its functioning level, there are special chromatic discrimination tests that can be applied. This study pursuit identify if design students have a chromatic perception deficiency or a color visión defect that can affect his profesional performance and what should be consider as well to find factors that can improve these conditions.

Key words: Chromatic visión, Tonal discrimination, Color perception, Color test

PDF

Leer más →


Por en Diseño y comunicación digital

Palabras clave: , , ,


Representación de Sombras con Realidad Virtual

Resumen

 

La Realidad Virtual (RV) se ha desarrollado en diferentes ámbitos y recientemente se ha implementado en el área educativa. Y se presume que desde el diseño, es posible utilizarla como material educativo para los estudiantes de la Universidad Autónoma Metropolitana (UAM), que cursan la materia de Taller de Representación y Expresión Digital Bidimensional.

El objetivo de este material es que el estudiante experimente las proyecciones de sombras de un volumen tridimensional y aplicarlas posteriormente en un dibujo bidimensional, utilizando la RV como medio de transmisión informativa.

Esta herramienta digital será construida por medio de varios softwares (Maya, Unity, Photoshop), usando como elementos base las figuras primitivas, luces y las sombras proyectadas. Dicho objeto se entregará al principio del curso, a los alumnos para su utilización.

Palabras clave: no inmersivo,  realidad virtual, Iluminación, Perspectiva, 3D.

Abstract

The Virtual Reality (VR) has been developing in different areas and recently being implemented in education. From a design perspective, it is possible to implement it as educational material for students of the Universidad Autónoma Metropolitana (UAM), who attend the Taller de Representación y Expresión Digital Bidimensional.
  
The purpose of this material is that students experience the shadow projections of a three-dimensional volume and then apply them in a two-dimensional drawing, using the RV as a means of information transfer.

This digital tool will be built through several software (Maya, Unity, Photoshop), using as a base primitive elements figures, lights and shadows. This object will be delivered at the beginning of the course, for students use.

Keywords: Keywords: not immersive, virtual reality, Lighting, Perspective 3D.

PDF

Leer más →


Por en Diseño y comunicación digital

Palabras clave: , , , ,