Personal Glossary

50 Graphic Design terms

Above the fold / Encima de los pliegues
Phrase
It refers to all the information that appears on the screen on a first load, or what is the same: the portion of the page that a user can see when accessing it without having to scroll
es: Se refiere a toda la información que aparece en pantalla en una primera carga, o lo que es lo mismo: la porción de la página que un usuario puede ver al acceder a la misma sin necesidad de hacer scroll
Above the fold
Alignment / alineación
noun
it is the design theory that generates order, organization and, as a consequence, improves readability
es: es la teoría del diseño que genera el orden, la organización y, como consecuencia, mejora la legibilidad
Alignment
Below the fold / Debajo del pliegue
phrase
It refers to the section of a web page that is only visible after scrolling down
es: Se refiere a la sección de una página web que solo es visible después de desplazarse hacia abajo
below the fold
Call to action / Llamada a la acción
Phrase
Is a statement designed to get an immediate response from the person reading or hearing it.
es: Es una declaración diseñada para obtener una respuesta inmediata de la persona que la lee o la escucha.
call to action
Chatbots
phrase
It is a small popup that reads user queries and generates automatic responses that can be customized using machine learning algorithms.
es: se trata de una pequeña ventana emergente que lee las consultas de los usuarios y genera respuestas automáticas que pueden personalizarse empleando algoritmos de aprendizaje automático.
chatbots
Colour / Color
Noun
the sensation originated in the action of the chromatic radiations of the bodies on the physiological receptors and the cerebral centers of vision
es: la sensación originada en la acción de las radiaciones cromáticas de los cuerpos sobre los receptores fisiológicos y los centros cerebrales de la visión
Colour
common region law / ley de la region común
noun
dictates that elements tend to be perceived in a group if they share a clearly defined area
es: dicta que los elementos tienden a percibirse en grupo si comparten un área claramente definida
Law common region
Content strategy / Estrategia de contenido
noun
It refers to the planning, development and management of informational content, written or in other formats. The term has been in common use in web development since the late 1990s. It is part, in a way, of the discipline of user experience design.
es: Se refiere a la planificación, el desarrollo y la gestión de contenido informativo, escrito o en otros formatos. El término es de uso común en el desarrollo web desde finales de los años 1990. Forma parte, en cierto modo, de la disciplina de diseño de la experiencia de usuario
content strategy
Contrast / Contraste
Noun
the difference in visual properties that makes an object (or its representation in an image) distinguishable from other objects and the background
es: la diferencia en las propiedades visuales que hace que un objeto (o su representación en una imagen) se distinga de otros objetos y el fondo
Contrast
Dark mode / Modo oscuro
phrase
It is designed to reduce eyestrain in low light environments. And we hope it helps avoid those awkward moments when your phone lights up the room.
es: Está diseñado para reducir la fatiga visual en entornos con poca luz. Y esperamos que ayude a evitar esos momentos incómodos en los que tu teléfono ilumina la habitación
dark mode
Design Thinking / Pensamiento de diseño
phrase
Iterative methodology that focuses on solving problems starting with user empathy.
es: Metodología iterativa que se centra en resolver problemas iniciando con la empatización de los usuarios.
Design Thinking
Feedback / Retroalimentación
noun
Ability of a sender to collect reactions from recipients and modify their message, according to what was collected.
es: Capacidad de un emisor para recoger reacciones de los receptores y modificar su mensaje, de acuerdo con lo recogido.
feedback
fitts law / Ley de Fitts
phrase
refers to a model in which the speed and precision of a human's movement to aim to a target
es: se refiere a un modelo en el cual se toma en cuenta la velocidad y precisión del movimiento de un humano para apuntar a un objetivo
Fitts law
Functionality / Funcionalidad
noun
Set of features that make something practical and utilitarian
Example: FUNCTIONALITY has been sought in the design of this vehicle.
es: Conjunto de características que hacen que algo sea práctico y utilitario
functionality
Graphic Design / Diseño gráfico
Noun
Is the profession and academic discipline whose activity consists in projecting visual communications intended to transmit specific message.
es: Es la profesión y disciplina académica cuya actividad consiste en proyectar comunicaciones visuales destinadas a transmitir un mensaje específico.
Graphic Design
Graphical user interface / Interfaz gráfica del usuario
phrase
is a system of interactive visual components for computer software.
es: es un sistema de componentes visuales interactivos para software de computadora.
GUI
Hick law / Ley de Hick
phrase
The law says that the more options we give a person, the longer it will take to make a decision.
es: La ley cuenta que entre más opciones le demos a una persona, más tiempo tardará en tomar una decisión.
hick law
Hybrid app / app hibrida
phrase
It is constructed in a similar way to a web page, but they are used to through an integrated browser within a native application. Hybrid applications allow you to take advantage of the use of some of the functionalities of the mobile device and simulate the experience as if it were a native application, since adapt to the device as such
es: Se construye de forma similar a una página web, pero se utilizan a través de un navegador integrado dentro de una aplicación nativa. Las aplicaciones híbridas permiten aprovechar el uso de algunas de las funcionalidades del dispositivo móvil y simular la experiencia de usuario como si se tratase de una aplicación nativa, ya que se adaptan al dispositivo como tal
app hybrid
Infinite scrolling / desplazamiento infinito
phrase
Infinite scrolling allows user to discover content again by scrolling down the page instead of clicking. When the end of a fragment is reached, the next is loaded next
es: El desplazamiento infinito permite al usuario descubrir contenido nuevo deslizándose por la página en lugar de haciendo clic. Cuando se alcanza el final de un fragmento, se carga el siguiente a continuación
infinite scrolling
Information architecture / Arquitectura de la información (IA)
noun
Information architecture (IA) focuses on organizing, structuring, and labeling content in an effective and sustainable way. The goal is to help users find information and complete tasks.
es: Se centra en organizar, estructurar y etiquetar el contenido de una manera eficaz y sostenible. El objetivo es ayudar a los usuarios a encontrar información y completar tareas.
AI
Interface / Interfaz
Noun
Device capable of transforming the signals generated by one device into signals that can be understood by another.
es: Dispositivo capaz de transformar las señales generadas por un aparato en señales comprensibles por otro.
interfaz
Jacob law / Ley de jacob
phrase
Ensures that users prefer products that work same as those who already know
es: Asegura que los usuarios prefieren los productos que funcionan igual que los que ya conocen
Jacob Law
microinteractions / microinteracciones
some user interactions on the page are accompanied by small animation effects. May be a “like” button, which rewards the user with a movement or a vibration of the phone when you click on it.
es: Algunas interacciones del usuario en la página se acompañan de pequeños efectos de animación. Puede tratarse de un botón “like”, que recompensa al usuario con un movimiento o una vibración del teléfono cuando hace clic en él.
microinteractions
Miller law / Ley de Miller
Phrase
It dictates that a user usually keeps in his memory working around 7 elements.
es: Dicta que un usuario suele mantener en su memoria de trabajo alrededor de 7 elementos.
Miller Law
Mobile App / Aplicación móvil
noun
A mobile application is a computer application designed to run on smartphones, tablets, and other mobile devices.
es: Es una aplicación informática diseñada para ser ejecutada en teléfonos inteligentes, tabletas y otros dispositivos móviles.
Mobile app
Native app / aplicación nativa
phrase
is an application developed in the native language of each operating system, which also determines its parameters and characteristics
es: es una aplicación que se desarrollan en el lenguaje nativo de cada sistema operativo, lo que también determina sus parámetros y características
app native
navigation / navegacion
noun
Establish a way to go from one site to another within the web. Navigation must be clear, concise, consistent and easily identifiable within the page
es: Establecer un modo de ir de un sitio a otro dentro de la web. La navegación debe ser clara, concisa, consistente y fácilmente identificable dentro de la página
navagation
Neomorphism / Neomorfismo
Adjective
Used in graphical user interface design to describe interface objects that mimic their real-world counterparts in how they appear and/or how the user can interact with them.
Example: NEOMORPHISM is cool, unique, innovative especially if combined with some UI elements that already exist it will create significant impact.
es: Utilizado en el diseño de interfaz gráfica de usuario para describir objetos de interfaz que imitan a sus contrapartes del mundo real en su apariencia y / o cómo el usuario puede interactuar con ellos.
Neomorphism
Parallax effect / efecto parallax
Noun
Is a technique used in the universe of the digital world, which provides an illusion of movement on the web on the elements that seem to be closest
es: es una técnica utilizada en el universo del mundo digital, la cual brinda una ilusión de movimiento en la web sobre los elementos que parecen estar más cercanos
Efecto parallax
Prompt / Pronto
Adjective
This is the name of the character or set of characters that are displayed on a command line to indicate that it is waiting for commands.
es: Se llama prompt al carácter o conjunto de caracteres que se muestran en una línea de comandos para indicar que está a la espera de órdenes.
Prompt
Proximity / proximidad
Noun
This refers to when several elements are close together, they become a single visual unit
es: Este hace referencia cuando varios elementos se encuentran próximos, se convierten en una unidad visual única
Proximity
Qualitative / Cualitativo
Adjetive
It is that which is related to the quality or quality of something, that is, with the way of being or with the properties of an object, an individual, an entity or a state.
es: Es aquello que está relacionado con la cualidad o con la calidad de algo, es decir, con el modo de ser o con las propiedades de un objeto, un individuo, una entidad o un estado.
Gordo es un termino cualitativo
Quantitative / Cuantitativo
Adjective
It is linked to the quantity. This concept, for its part, refers to an amount, a magnitude, a portion or a number of things
es: Está vinculado a la cantidad. Este concepto, por su parte, hace referencia a una cuantía, una magnitud, una porción o un número de cosas
25 Kg es un termino cuantitativo
react native / reccionar nativa
phrase
It is the most recent type of app, a whole evolution when developing mobile applications. In this case, based on React Native technology, which allows you to create applications native systems simplifying development processes and making it possible to develop them under a single code for both iOS and Android.
es: Se trata de la tipología de app más reciente, toda una evolución a la hora de desarrollar aplicaciones móviles. En este caso, se basa en la tecnología React Native, que permite crear aplicaciones nativas simplificando los procesos de desarrollo y haciendo posible desarrollarlas bajo un único código tanto para iOS como para Android.
react native
Repetition / Repeticion
noun
reuse of the same or similar elements throughout the design
es: reutilización de los mismos elementos o similares en todo el diseño
repetition
Retronym
noun
Is a type of neologism coined to represent a concept whose meaning has been affected due to the appearance of a new one that includes a more recent idea
Example: Cloth diaper is a retronym necessitated by the fact that diaper now more commonly refers to a disposable diaper
es: Es un tipo de neologismo acuñado para representar un concepto cuyo significado se ha visto afectado debido a la aparición de uno nuevo que incluye una idea más reciente
Retronym
Scalable Vector Graphics (SVG) / Gráficos Vectoriales Escalables
Phrase
Is a two-dimensional vector graphics format, both static and animated, in the Extensible Markup Language (XML) format, that is, it is composed by code and whose specification is an open standard developed by the W3C since 1999.
es: Es un formato de gráficos vectoriales bidimensionales, tanto estáticos como animados, en formato de lenguaje de marcado extensible XML (Extensible Markup Language), es decir que se compone por código y cuya especificación es un estándar abierto desarrollado por el W3C desde 1999.
SVG
Serial position effect / Efecto de posición serial
Phrase
It is defined as that the position of an element in a sequence affects the accuracy of your recall. The first element and the last they are the most remembered on a list.
es: Se define como que la posición de un elemento en una secuencia afecta a la precisión de su recuero. El primer elemento y el último son los más recordados en una lista.
Serial position effect
Size / Tamaño
Noun
Used to express importance, attract attention and create contrast
es: Se utiliza para expresar importancia, atraer la atención y crear contraste
Size
Taxonomy / Taxonomia
Noun
refers to the names we give to group and describe the content, as well as the language we use for that purpose
es: se refiere a los nombres que damos para agrupar y describir los contenidos, así como el lenguaje que usamos con ese objetivo
taxonomia
Typography / Tipografía
noun
It is the technique of writing, using different designs of letters and calligraphy, in order to highlight what you want to communicate. It is very useful in the field of advertising or marketing, where the visual part is essential when generating a reaction from the public.
Example: They offer a modern TYPOGRAPHY to the design.
es: Es la técnica de escribir, utilizando diferentes diseños de letras y caligrafía, con la finalidad de resaltar lo que se desea comunicar. es muy útil es el campo de la publicidad o marketing, en donde la parte visual es fundamental al momento de generar una reacción por parte del público.
TYPOGRAPHY
Usability / Usabilidad
noun
It refers to the ease with which people can use a particular tool or any other human-made object in order to achieve a specific goal
Example: it was important to measure the USABILITY of each product
es: Se refiere a la facilidad con que las personas pueden utilizar una herramienta particular o cualquier otro objeto fabricado por humanos con el fin de alcanzar un objetivo concreto
usability
User experience (UX) / Experiencia de Usuario
Noun
Is the set of factors and elements related to user interaction with a specific environment or device, resulting in a positive or negative perception of said service, product or device.
es: Es el conjunto de factores y elementos relativos a la interacción del usuario con un entorno o dispositivo concretos, dando como resultado una percepción positiva o negativa de dicho servicio, producto o dispositivo
UX example
User interface (UI) / Interfaz de Usuario
Noun
The user interface is the means by which the user can communicate with a machine, equipment, computer or device, and includes all the points of contact between the user and the equipment.
es: La interfaz de usuario es el medio con que el usuario puede comunicarse con una máquina, equipo, computadora o dispositivo, y comprende todos los puntos de contacto entre el usuario y el equipo.
UI example
User Research / Investigación de usuarios
noun
User research focuses on understanding user behaviors, needs, and motivations through observation techniques, task analysis, and other feedback methodologies.
es: Se enfoca en comprender los comportamientos, necesidades y motivaciones de los usuarios a través de técnicas de observación, análisis de tareas y otras metodologías de retroalimentación.
User Research
Visual design / Diseño visual
Phrase
Is a professional designation of design that analyzes and transforms data into visual structures through the knowledge of perceptual (vision science) and cognitive processes, the recognition of sociocultural contexts for their planning in the devices and supports of the image, in order to to generate information systems that interact with the community and its significant referents, through communication processes
es: Es una denominación profesional del diseño que analiza y transforma datos en estructuras visuales mediante el conocimiento de procesos perceptivos (ciencia de la visión) y cognitivos, el reconocimiento de los contextos socioculturales para su planificación en los dispositivos y soportes de la imagen, con el fin de generar sistemas de información que interactúan con la comunidad y sus referentes significacionales, a través de los procesos comunicativos
visual design
Web app / aplicación web
phrase
It is a web designed for its perfect visualization in mobile devices, since it is a web embedded in a application that works as a browser
es: Se trata de una web diseñada para su perfecta visualización en dispositivos móviles, ya que se trata de una web embebida en una aplicación que funciona como navegador
web app
Web Design / Diseño web
Noun
Web design is an activity that consists of the planning, design, implementation and maintenance of websites.
Example: The success criteria is quite sure: indeed in our competitors' reviews, as WEB DESIGN developing team we notice sort of lack in the presentation of the product.
es: El diseño web es una actividad que consiste en la planificación, diseño, implementación y mantenimiento de sitios web
Web Design
Web Page / Página Web
noun
A hypertext document on the World Wide Web.
es: Un documento de hipertexto en la World Wide Web.
Web page
Wireframe / Estructura
Noun
A sketch where the structure of a web page is represented visually, in a very simple and schematic way
es: Un boceto donde se representa visualmente, de una forma muy sencilla y esquemática la estructura de una página web
wireframe