REPÚBLICA BOLIVARIANA DE VENEZUELA

INSTITUTO UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL

“RODOLFO LOERO ARISMENDI”
EXTENSIÓN BARCELONA

GUIA DIGITAL SOBRE COMO REALIZAR UN DISEÑO DE INTERFAZ

MEDIANTE LA APLICACIÓN DE LAS LEYES DE LA GESTALT DIRIGIDO A LOS
ESTUDIANTES DE QUINTO SEMESTRE DE DISEÑO GRÁFICO DEL INSTITUTO
UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL "RODOLFO LOERO
ARISMENDI" (IUTIRLA) EXTENSIÓN BARCELONA, ESTADO ANZOÁTEGUI.
AÑO 2023

Trabajo Especial de Grado presentado como requisito parcial para optar al Título de
Técnico Superior Universitario en carrera Diseño Gráfico

Autora: Nathaly Chacón

Tutor: Daniel Moutinho

Barcelona, febrero 2023

 GUIA DIGITAL SOBRE COMO REALIZAR UN DISEÑO DE INTERFAZ
MEDIANTE LA APLICACIÓN DE LAS LEYES DE LA GESTALT DIRIGIDO A LOS
ESTUDIANTES DE QUINTO SEMESTRE DE DISEÑO GRÁFICO DEL INSTITUTO
UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL "RODOLFO LOERO
ARISMENDI" (IUTIRLA) EXTENSIÓN BARCELONA, ESTADO ANZOÁTEGUI.
AÑO 2023
 REPÚBLICA BOLIVARIANA DE VENEZUELA
INSTITUTO UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL
“RODOLFO LOERO ARISMENDI”
SUBDIRECCION ACADEMICA NACIONAL
EXTENSIÓN BARCELONA

CARRERA DISEÑO GRÁFICO

GUIA DIGITAL SOBRE COMO REALIZAR UN DISEÑO DE INTERFAZ

MEDIANTE LA APLICACIÓN DE LAS LEYES DE LA GESTALT DIRIGIDO A LOS
ESTUDIANTES DE QUINTO SEMESTRE DE DISEÑO GRÁFICO DEL INSTITUTO
UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL "RODOLFO LOERO
ARISMENDI" (IUTIRLA) EXTENSIÓN BARCELONA, ESTADO ANZOÁTEGUI.
AÑO 2023

Autora: Nathaly Chacón

Tutor: Daniel Moutinho
Febrero 2023
RESUMEN
INTRODUCCIÓN
 CAPÍTULO I

EL PROBLEMA

PLANTEAMIENTO DEL PROBLEMA

Las leyes de Gestalt permiten percibir el mundo, a pesar de que existen

distintas señales impactándonos al mismo tiempo, para organizarlas, la mente resume
el entorno como formas o grupos de elementos. Lo simplifica. Basados en la teoría de
la percepción, los principios de la Gestalt fueron desarrollados en los inicios del siglo
XX (1920), por psicólogos que creían que las imágenes eran percibidas como algo
más que la suma de las partes. Dándole significado a la palabra Gestalt como patrón,
figura o forma. Conociendo y usando la Teoría de la Gestalt en técnicas de
comunicación, podemos ayudar y asegurarnos que nuestro mensaje va a ser
comprendido, y así convertirse en dinámico.

Según Fritz Perls (1923), La Gestalt es la condición que permite vivir un

contacto más claro del ser humano con la naturaleza, con su entorno y con sus
semejantes. Es reconocer que la naturaleza siempre ofrece lo mejor de ella, y lo más
importante es admitir que cualquier persona siempre hará lo mejor que pueda hacer.

Los principios sobre percepción visual que trata la psicología de la Gestalt han
sido utilizados desde entonces como algo habitual a la hora de diseñar. Es importante
conocer los seis principios para diseñar, así, poder crear un trabajo estructurado y
coherente que atrae la atención del espectador. Por lo que estos principios nos
asegurarán que el diseño hecho por el diseñador gráfico va a ser atractivo para el
público.

Por tanto, la Teoría de la Gestalt también es aplicable al diseño gráfico e

incluso al diseño de interfaces o usabilidad web. Para que un diseño funcione bien se
debe considerar siempre, no sólo los elementos visuales por separado, sino también
cómo se percibe la totalidad del diseño. La disciplina de la Interacción Persona-
Ordenador es el área de conocimiento científico encargada de estudiar el fenómeno
de uso de productos interactivos, con el
objetivo de definir técnicas y metodologías que aseguren empíricamente que estos
productos cumplen con los niveles de usabilidad requeridos; es decir, que puedan ser usados
de forma efectiva, eficiente, segura y satisfactoria. Bajo la filosofía del Diseño Centrado en
el Usuario (DCU) se aglutinan gran cantidad de métodos y técnicas ideadas con este
objetivo, y que podríamos clasificar en cuatro grupos principales: Indagación, Diseño,
Prototipado y Evaluación.

Los patrones de diseño describen soluciones a problemas de diseño

específicos que surgen al refinar un diseño global. Estos patrones pueden ser
dependientes o independientes del dominio de aplicación. Estos se obtienen a partir
de una abstracción de ejemplos específicos de diseño, considerando que, para ser un
patrón, debe ser eficaz, o sea, haber demostrado que sirve y resuelve de modo
satisfactorio el problema, y por otro lado reutilizable, que pueda ser aplicado a
diferentes casos.

Estos desarrollos deberían contemplar la aplicación de estos principios como

un modo de organizar los elementos y la información, interactuando
con tecnologías que actualmente tienden a la inclusión, tomando como principio que
existen muchas minorías de usuarios y no una gran mayoría de usuarios con exclusión
de minorías. En este punto es que los Patrones de diseño se convierten en métodos y
técnicas de importancia a la hora de desarrollar un diseño centrado en el usuario. La
Gestalt como principios de organización y los patrones de Diseño, como
organizaciones nos ayudan a desarrollar diseños centrados en la usabilidad, en la
eficiencia, la eficacia y la satisfacción del usuario final.

La razón de esta guía es que los estudiantes de diseño gráfico del quinto semestre no
tienen un conocimiento sobre las leyes de Gestalt y como a través de ellas se podrían
diseñar interfaces con mejores resultados para el publico por esto es conveniente la
realización de la misma.

Bajo esta perspectiva, este proyecto brindaría información para futuros

diseños de interfaces para conseguir simplicidad y claridad en los diseños, un
esquema organizativo global del diseño web. Y se asegurará que el mensaje se va a
entender completamente como se habría diseñado.

En dado caso, el proyecto está destinado con el propósito de resolver las siguientes
interrogantes:

¿Qué conocimientos poseen los estudiantes del quinto semestre sobre la aplicación
de las leyes de la Gestalt en el diseño de interfaces?

¿Cuál será la información con la que se realizará la guía que muestra las leyes de
Gestalt y sus patrones de diseño en interfaces para los estudiantes del 5to semestre?

¿Con que factibilidad se elaborará la guía que muestre las leyes de Gestalt y los
patrones de diseño de interfaces dirigido a los estudiantes de diseño gráfico del 5to
semestre?
 OBJETIVOS DE LA INVESTIGACION

OBJETIVOS

General

Diseñar una guía que muestra las leyes de Gestalt y sus patrones de diseño en
interfaces dirigido a los estudiantes de diseño gráfico del V semestre del IUTIRLA
extensión Barcelona del Estado Anzoátegui

Específicos

 Diagnosticar los conocimientos que poseen los estudiantes del quinto semestre sobre
la aplicación de las leyes de la Gestalt en el diseño de interfaces

 Establecer la información con la que se realizará la guía que muestra la psicología

de la Gestalt y sus patrones de diseño en interfaces

 Presentar la guía que muestra las leyes de Gestalt y sus patrones de diseño en
interfaces dirigido a los estudiantes de diseño gráfico del V semestre del IUTIRLA
extensión Barcelona del Estado Anzoátegui
 JUSTIFICACIÓN DE LA INVESTIGACIÓN

La propuesta desarrollada es de interés y va dirigida de manera directa para

quienes ejercen la labor de diseño gráfico, por eso se considera significativo en este
ámbito que hay diseñadores que carecen del tema sobre la psicología de la Gestalt y
los patrones de diseño de interfaces, del cual hacen caso omiso sus diferentes
aplicaciones, por eso considero notable que esta investigación beneficiará a los
estudiantes del 5to semestre de la carrera de diseño gráfico del IUTIRLA.

Trae como beneficio la enseñanza de nuevas técnicas de diseño basadas en la

diagramación, desde una tarjeta hasta lo más complejo que pueda realizar el
diseñador, por lo tanto, la Gestalt es parte importante en este proceso, ya que ayuda
de un modo eficiente a organizar la información, interactuando con tecnologías que
actualmente tienden a la inclusión, tomando como principio que existen mucho
déficit de este contenido.

Por lo tanto, los patrones de diseño en métodos y técnicas son de importancia a la

hora de desarrollar un diseño. La Gestalt con los principios de organización y los
patrones de Diseño, como organizaciones nos ayudan a desarrollar diseños centrados
en la usabilidad, en la eficiencia, la eficacia y la satisfacción del usuario final.
 Esto conlleva a que el diseñador logre un lenguaje visual eficaz y acostumbra al
individuo a tener una cultura visual, estética y armoniosa, en el cual logrará diferenciar
en cuanto algo que este bien diseñado, tenga buena comunicación y sea estéticamente
simple, recordando que a través de la Gestalt podría comunicar y lograr que el usuario
lo mantenga en su subconsciente durante largo periodo de tiempo.

DELIMITACION DE LA INVESTIGACION

La presente investigación se realizará en un lapso no mayor a tres (3) meses en el

Instituto Universitario Rodolfo Loero Arismendi (IUTURLA), ubicada en la Avenida
intercomunal, sector las Garzas, Edo Anzoátegui, para la elaboración de una guía
digital como propósito de brindar información a los estudiantes de diseño grafico sobre
las leyes de Gestalt para diseñar interfaces
 CAPITULO II

MARCO TEORICO

ANTECEDENTES DE LA INVESTIGACION

Los antecedentes que conforman este estudio fueron tomados de revisiones previas de
investigaciones similares a la temática que aquí se abordan, los cuales se representan a
continuación:

BASES TEORICAS

Diseño

Se define como el proceso previo de configuración mental, "pre-figuración", en la búsqueda de

una solución en cualquier campo. Utilizado habitualmente en el contexto de la industria,
ingeniería, arquitectura, comunicación y otras disciplinas creativas.

Diseño Gráfico

Es una profesión cuya actividad consiste en concebir, programar, proyectar y realizar

comunicaciones visuales, producidas en general por medios industriales y destinadas a transmitir
mensajes específicos a grupos sociales y con objetivos claros y determinados. Esta actividad
posibilita comunicar gráficamente ideas, hechos y valores procesados y sintetizados en términos
de forma y comunicación, factores sociales, culturales, económicos, estéticos y tecnológicos.
También se conoce con el nombre de diseño en comunicación visual, debido a que algunos
asocian la palabra gráfico únicamente a la industria gráfica, y entienden que los mensajes
visuales se canalizan a través de muchos medios de comunicación, y no solo los impresos.
Psicología

Es la ciencia que estudia la conducta y los procesos mentales. Trata de describir y explicar todos
los aspectos del pensamiento, de los sentimientos, de las percepciones y de las acciones
humanas. Por ser una ciencia, la psicología se basa en el método científico para encontrar
respuestas.

Psicología de la Gestalt

Es una corriente de la psicología moderna, surgida en Alemania a principios del siglo XX, y
cuyos exponentes más reconocidos han sido los teóricos Max Wertheimer, Wolfgang Köhler,
Kurt Koffka y Kurt Lewin. El término Gestalt proviene del alemán y fue introducido por primera
vez por Christian von Ehrenfels. No tiene una traducción única, aunque se entiende generalmente
como 'forma'; sin embargo, también podría traducirse como figura, configuración, estructura o
creación.

Tipografía

La tipografía es el oficio que trata el tema de las letras, números y símbolos de un texto impreso,
tales como su diseño, su forma, su tamaño y las relaciones visuales que se establecen entre ellos.

Tipografía de edición

Reúne las cuestiones tipográficas relacionadas con las familias, el tamaño de las letras, los
espacios entre las letras y las palabras; Inter tipo e interlínea y la medida de línea y columna o
caja, es decir aquellas unidades que conceden un carácter normativo.

Tipografía creativa
Esta contempla la comunicación como una metáfora visual, donde el texto no sólo tiene una
funcionalidad lingüística, y donde a veces, se representa de forma gráfica, como si se tratara de
una imagen.

Color

Es una percepción visual que se genera en el cerebro de los humanos y otros animales al
interpretar las señales nerviosas que le envían los fotorreceptores en la retina del ojo, que a su
vez interpretan y distinguen las distintas longitudes de onda que captan de la parte visible del
espectro electromagnético (la luz).

Color RGB

Es un modelo de color basado en la síntesis aditiva, con el que es posible representar un color
mediante la mezcla por adición de los tres colores de luz primarios.

Color CMYK

Es un modelo de color sustractivo que se utiliza en la impresión en colores. Es la versión

moderna y más precisa del ya obsoleto modelo de color RYB, que se utiliza aún en pintura y
bellas artes. Permite representar una gama de color más amplia que este último, y tiene una
mejor adaptación a los medios industriales.

Diseño centrado en el usuario

Es una filosofía de diseño que tiene por objeto la creación de productos que resuelvan
necesidades concretas de sus usuarios finales, consiguiendo la mayor satisfacción y mejor
experiencia de uso posible con el mínimo esfuerzo de su parte.
Patrones de diseño

Son la base para la búsqueda de soluciones a problemas comunes en el desarrollo de software y

otros ámbitos referentes al diseño de interacción o interfaces.

Impresión

Es el proceso para la reproducción de textos e imágenes, típicamente con tinta sobre papel.
Actualmente es posible imprimir sobre gran diversidad de materiales, siendo necesario utilizar
diferentes sistemas de impresión en cada caso.

Interfaz

Es una conexión entre dos máquinas de cualquier tipo, a las cuales les brinda un soporte para la
comunicación a diferentes estratos. Es posible entender la interfaz como un espacio, instrumento
o superficie

La interfaz web

Los diseñadores y programadores de espacios web deben cuidar al milímetro la misma. Es decir,
deben poner el máximo cuidado para hacerla no sólo atractiva sino también sencilla y muy
funcional.

BASES LEGALES

Constitución de la República Bolivariana de Venezuela Gaceta oficial N° 36.860, Año 1999

Artículo 57. Toda persona tiene derecho a expresar libremente sus pensamientos, sus ideas u
opiniones de viva voz, por escrito o mediante cualquier otra forma de expresión, y de hacer uso
para ello de cualquier medio de
comunicación y difusión, sin que pueda establecerse censura. Quien haga uso de este derecho
asume plena responsabilidad por todo lo expresado. No se permite el anonimato, ni la
propaganda de guerra, ni los mensajes discriminatorios, ni los que promuevan la intolerancia
religiosa.

Se prohíbe la censura a los funcionarios públicos o funcionarias públicas para dar cuenta de los
asuntos bajo sus responsabilidades.

Artículo 58. La comunicación es libre y plural, y comporta los deberes y responsabilidades que
indique la ley. Toda persona tiene derecho a la información oportuna, veraz e imparcial, sin
censura, de acuerdo con los principios de esta Constitución, así como a la réplica y rectificación
cuando se vea afectada directamente por informaciones inexactas o agraviantes. Los niños, niñas
y adolescentes tienen derecho a recibir información adecuada para su desarrollo integral.

Artículo 61. Toda persona tiene derecho a la libertad de conciencia y a manifestarla, salvo que su
práctica afecte su personalidad o constituya delito. La objeción de conciencia no puede invocarse
para eludir el cumplimiento de la ley o impedir a otros su cumplimiento o el ejercicio de sus
derechos.

Artículo 98. La creación cultural es libre. Esta libertad comprende el derecho a la inversión,
producción y divulgación de la obra creativa, científica, tecnológica y humanística, incluyendo la
protección legal de los derechos del autor o de la autora sobre sus obras. El Estado reconocerá y
protegerá la propiedad intelectual sobre las obras científicas, literarias y artísticas, invenciones,
innovaciones, denominaciones, patentes, marcas y lemas de acuerdo con las condiciones y
excepciones que establezcan la ley y los tratados internacionales suscritos y ratificados por la
República en esta materia.

Artículo 101. El Estado garantizará la emisión, recepción y circulación de la información

cultural. Los medios de comunicación tienen el deber de coadyuvar a la difusión de los valores
de la tradición popular y la obra de los o las artistas, escritores, escritoras, compositores,
compositoras, cineastas, científicos, científicas y demás creadores y

creadoras culturales del país. Los medios televisivos deberán incorporar subtítulos y traducción a
la lengua de señas, para las personas con problemas auditivos. La ley establecerá los términos y
modalidades de estas obligaciones.

Artículo 103. Toda persona tiene derecho a una educación integral, de calidad, permanente, en
igualdad de condiciones y oportunidades, sin más limitaciones que las derivadas de sus aptitudes,
vocación y aspiraciones. La educación es obligatoria en todos sus niveles, desde el maternal
hasta el nivel medio diversificado. La impartida en las instituciones del Estado es gratuita hasta
el pregrado universitario. A tal fin, el Estado realizará una inversión prioritaria, de conformidad
con las recomendaciones de la Organización de las Naciones Unidas. El Estado creará y
sostendrá instituciones y servicios suficientemente dotados para asegurar el acceso, permanencia
y culminación en el sistema educativo. La ley garantizará igual atención a las personas con
necesidades especiales o con discapacidad y a quienes se encuentren privados o privadas de su
libertad o carezcan de condiciones básicas para su incorporación y permanencia en el sistema
educativo.

Las contribuciones de los particulares a proyectos y programas educativos públicos a nivel

medio y universitario serán reconocidas como desgravámenes al impuesto sobre la renta según la
ley respectiva.
Ley sobre el Derecho de Autor Gaceta Oficial N° 4.638, Año 1993

Artículo 1° Las disposiciones de esta Ley protegen los derechos de los autores sobre todas las
obras del ingenio de carácter creador, ya sean de índole literaria, científica o artística, cuales
quiera sea su género, forma de expresión, mérito o destino.

Los derechos reconocidos en esta Ley son independientes de la propiedad del objeto material en
el cual esté incorporada la obra y no están sometidos al cumplimiento de ninguna formalidad.

Quedan también protegidos los derechos conexos a que se refiere el Título IV de esta Ley.

Ley de Propiedad Industrial Gaceta Oficial N° 25.227, Año 1956

Artículo 1º. La presente Ley regirá los derechos de los inventores, descubridores e introductores
sobre las creaciones, inventos o descubrimientos relacionados con la industria; y los de los
productores, fabricantes o comerciantes sobre las frases o signos especiales que adopten para
distinguir de los similares los resultados de su trabajo o actividad.

Artículo 7º. Todo individuo tiene derecho de mejorar la invención de otro, pero no podrá usar esa
invención sin consentimiento del inventor. Tampoco el inventor podrá usar la mejora o mejoras
hechas sin el consentimiento del autor de la mejora.

Artículo 8º. Ninguna patente podrá versar sino sobre una sola creación, invento o
descubrimiento.
SISTEMA DE VARIABLES

Según (Arturo Martinez, 2012), El material grafico es un conjunto de palabras e imagines que no
requieren de demasiada tecnología ni conocimientos técnicos para elaborarlos.

Asimismo, Kurt Lewin (1910), La Gestalt es una teoría psicológica sobre la percepción, que se
opone al "asociacionismo" de la psicología clásica, o sea esa doctrina según la cual el principio
general del desarrollo de la vida mental es la asociación de ciertos estados de conciencia
elementales, lo cual llevaba a plantear la investigación psicológica, por vía del estudio analítico,
como un "desmenuzamiento" del psiquismo. Frente a esa concepción "asociacionista", el
Gestaltismo plantea un enfoque netamente holístico.

Definición de Términos Básicos

.ai: Extensión del formato nativo de la aplicación Adobe Illustrator. Se trata de un formato
gráfico que admite vectores y mapas de bits.

Adobe: Firma desarrolladora de diversos aplicativos utilizados para diseño gráfico.

Adobe Ilustrator: Aplicación de diseño gráfico utilizada para la creación de todo tipo de dibujos
y en particular, logotipos.

Adobe Photoshop: Aplicación de diseño gráfico utilizada para la edición y tratamiento

profesional de imágenes.
Airbrush: Herramienta incluida en aplicaciones de diseño gráfico para obtener un efecto similar
al pintado con aerosol.

Back up: Copia de resguardo de archivos que se efectúa para evitar la pérdida de la información
en caso de rotura del medio de almacenamiento o modificación del archivo.

Background: Imagen que se ubica en el fondo de una composición de imágenes o espacio

alrededor de la figura principal de la imagen.

Composición: Es el método usado para organizar el texto y las imágenes para la impresión.

Contraste: Es la gama global de tonos desde los más oscuros hasta los más claros.

Copyright: Es una ley que rige la propiedad intelectual. Engloba las obras de arte, las literarias,
las musicales y las escénicas por un periodo de 50 años después de la muerte de su autor.

Digitalización: Proceso que convierte una imagen en códigos de ordenador o dígitos binarios.

DPI: Medida mediante la cual se conoce la calidad en la impresión, representa puntos a imprimir
por pulgada.

.eps (Encapsulated PostScript): formato gráfico estándar para la importación y exportación de

ficheros PostScript. Puede contener cualquier combinación de texto, gráfica e imágenes.

Escala de grises: Representación de una imagen en la que cada pixel es representado por un valor
individual que representa su luminancia, en una escala que se extiende entre blanco y negro.

Flatten: Efecto de agrupar capas (layers) de una imagen.

Folleto: Pieza impresa de publicación no periódica.