50 50 Graphic Design terms by Leilani Avalos Celis terms
This glossary presents 50 topics related to graphic design in general and web design, topics such as: design trends, programming language, ui / ux design, and more.
Abstract
In academic articles published in specialized journals or journals, it is a requirement to include on the first page a summary of the article, which is called "Abstract".
Example: You need an Abstract for your magazine.
en: En los artículos académicos publicados en revistas especializadas o journals es un requisito incluir en la primera página un resumen del artículo, al cual se le denomina “abstract”.
Attitude
The attitude is the behavior that an individual uses in front of life. In this sense, it can be said that it is their way of being or the behavior of acting.
Example: You must have a good attitude with customers.
en: La actitud es el comportamiento que utiliza un individuo frente a la vida. En este sentido, se puede decir que es su forma de ser o el comportamiento de actuar.
Bootstrap
Is a technique of loading a program into a computer by means of a few initial instructions which enable the introduction of the rest of the program from an input device.
Example: Bootstrap is a study platform
en: Es una técnica de cargar un programa en una computadora por medio de unas pocas instrucciones iniciales que permiten la introducción del resto del programa desde un dispositivo de entrada.
Branding
The promotion of a particular product or company by means of advertising and distinctive design.
Example: the process of branding should be considered in global terms.
en: La promoción de un determinado producto o empresa mediante publicidad y diseño distintivo.
Chatbots
They are software applications that emerged in the 60s, and that simulate holding a conversation with a person by providing automatic responses, which are previously established by a group of experts to inputs made by the user.
Example: A chatbot are software applications.
en: Son aplicaciones de software que surgieron en los años 60, y que simulan mantener una conversación con una persona al brindar respuestas automáticas, las cuales son previamente establecidas por un grupo de expertos a los insumos que realiza el usuario.
Corporate Identity
The corporate identity or visual identity is the physical manifestation of the brand. It refers to the visual aspects of identity in organizational communication.
Example: The client hired us to develop their corporate identity.
en: La identidad corporativa o identidad visual es la manifestación física de la marca. Se refiere a los aspectos visuales de la identidad en la comunicación organizacional.
CSS
CSS, in Spanish «Hojas de estilo en cascada», is a graphic design language to define and create the presentation of a structured document written in a markup language.
Example: CSS is used in almost every application that we see on a daily basis.
en: CSS, en inglés «Cascading Style Sheets», es un lenguaje de diseño gráfico para definir y crear la presentación de un documento estructurado escrito en un lenguaje de marcado.
Curriculum Vitae
It is a summary of the set of studies, merits, positions, awards, work experience that a person has developed or obtained throughout their working or academic life.
Example: You need a curriculum vitae for your work.
en: Es un resumen del conjunto de estudios, méritos, cargos, premios, experiencia laboral que ha desarrollado u obtenido una persona a lo largo de su vida laboral o académica.
Dark Mode
The Dark Mode is a temporary change in the color palette of the software in question.
Example: The dark mode is better in the nights because protect my vision.
en: El Modo Oscuro es un cambio temporal en la paleta de colores del software en cuestión.
Figma
Figma is a vector graphics editor and prototyping tool, primarily web-based, with additional offline features enabled by desktop applications on macOS and Windows.
Example: Figma is a great design editor
en: Figma es un editor de gráficos vectorial y una herramienta de generación de prototipos, principalmente basada en la web, con características off-line adicionales habilitadas por aplicaciones de escritorio en macOS y Windows.
Framework
A framework is a scheme or framework that offers a base structure to develop a project with specific objectives, a kind of template that serves as a starting point for the organization and development of software.
Example: I like design frameworks in figma app.
en: Un framework es un esquema o marco de trabajo que ofrece una estructura base para elaborar un proyecto con objetivos específicos, una especie de plantilla que sirve como punto de partida para la organización y desarrollo de software.
Graphic Design
Graphic design is a craft where professionals create visual content to communicate messages. By applying visual hierarchy and page layout techniques, designers use typography and pictures to meet users' specific needs and focus on the logic of displaying elements in interactive designs, to optimize the user experience.
Example: I want to be a Graphic designer
en: El diseño gráfico es un oficio donde los profesionales crean contenido visual para comunicar mensajes. Al aplicar la jerarquía visual y las técnicas de diseño de página, los diseñadores utilizan la tipografía y las imágenes para satisfacer las necesidades específicas de los usuarios y se centran en la lógica de mostrar elementos en diseños interactivos para optimizar la experiencia del usuario.
HTML
Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages.
en: Lenguaje de marcado de hipertexto, un sistema estandarizado para etiquetar archivos de texto para lograr efectos de fuente, color, gráficos e hipervínculos en las páginas de la World Wide Web.
HTML Tags
An HTML element is a type of HTML document component, one of several types of HTML nodes. The HTML document is made up of a tree of simple HTML nodes, such as text nodes, and HTML elements, which add semantics and formatting to parts of the document.
Example: An HTML element is used in the codes of a web page.
en: Un elemento de HTML es un tipo de componente de documento de HTML, uno de los diversos tipos de nodos de HTML. El documento de HTML está compuesto de un árbol de nodos HTML sencillo, como nodos de texto, y elementos de HTML, los cuales añaden semántica y formato a partes del documento.
Hybrid App
Is a software application that combines elements of native applications and web applications. Hybrid applications are essentially web applications that have been placed in a native application shell.
en: Es una aplicación de software que combina elementos de aplicaciones nativas y aplicaciones web. Las aplicaciones híbridas son esencialmente aplicaciones web que se han colocado en un shell de aplicación nativo.
Icon
An icon or icon is, in computing, a pictogram that is used to represent files, folders, programs, storage units, etc. on a graphical operating system.
Example: I use Icons in my apps.
en: Un icono o ícono es, en informática, un pictograma que es utilizado para representar archivos, carpetas, programas, unidades de almacenamiento, etc. en un sistema operativo gráfico.
Illustrator
Adobe Illustrator is a vector graphics editor used to edit among other things.
Example: Adobe Illustrator is a vector graphics editor
en: Adobe Illustrator es un editor de gráficos vectoriales sirve para editar entre otras cosas.
Indesign
Adobe InDesign is an application for the digital composition of pages developed by the company Adobe Systems and aimed at professional layout designers.
Example: You can use Indesign to edit your Magazine.
en: Adobe InDesign es una aplicación para la composición digital de páginas desarrollada por la compañía Adobe Systems y dirigida a maquetadores profesionales.
Infographic
Infographics is the discipline that deals with complex visual diagrams, whose objective is to summarize or figuratively explain information or texts, using more varied visual and even auditory means than the mere diagram or diagram.
Example: infographics are applied to graphic design and the creation of television commercials, video clips, special effects, etc.
en: La infografía es la disciplina que trata sobre los diagramas visuales complejos, cuyo objetivo es resumir o explicar figurativamente informaciones o textos, empleando más variados medios visuales e incluso auditivos que el mero esquema o diagrama.
Information Architecture
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.
Example: Many designers do not have a good foundation in information architecture.
en: La arquitectura de la información (IA) 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.
Interface
The physical and functional connection established between two appliances, devices or systems that function independently of each other.
Example: The purpose of the graphical user interface is to offer people a friendly and intuitive visual environment.
en: La conexión física y funcional que se establece entre dos aparatos, dispositivos o sistemas que funcionan independientemente uno del otro.
Intranet
Internal computer network of a company or organization, based on Internet standards, in which computers are connected to one or more web servers.
Example: WhatsApp is an Intranet that allows messages to be shared among its members.
en: Red informática interna de una empresa u organismo, basada en los estándares de Internet, en la que las computadoras están conectadas a uno o varios servidores web.
Layout
In editorial design, layout is the composition of text, images, or other elements on the pages of print and electronic media, such as books, newspapers, and magazines.
Example: Editorial design is used a lot when designing a project.
en: En el diseño editorial, la maquetación es la composición de texto, imagen u otros elementos en las páginas de medios impresos y electrónicos, como libros, diarios y revistas.
Leadership
The set of managerial or directive skills that an individual has to influence the way of being and acting of people or in a specific work group.
Example: To have good leadership you have to take courses.
en: El conjunto de habilidades gerenciales o directivas que un individuo tiene para influir en la forma de ser y actuar de las personas o en un grupo de trabajo determinado.
Mobile App
A mobile application, also referred to as a mobile app or simply an app, is a computer program or software application designed to run on a mobile device such as a phone, tablet, or watch.
Example: I would like to design a mobile app
en: Una aplicación móvil, también conocida como aplicación móvil o simplemente aplicación, es un programa informático o una aplicación de software diseñada para ejecutarse en un dispositivo móvil como un teléfono, tableta o reloj.
Mockup
A model of something, which shows how it will look or operate when it is built, or which is used when the real thing is not yet available.
Example: She showed us a mock-up of what the car will look like when it goes into production.
en: un modelo de algo, que muestra cómo se verá u operará cuando se construya, o qué se usa cuando el objeto real aún no está disponible
Native App
A native app is one that is installed directly onto the smartphone and can work, in most cases, with no internet connectivity depending on the nature of the app. Native apps are installed through an application store (such as Google Play or Apple’s App Store).
Example: native iPhone apps will not run on Android phones and vice versa.
en: Una aplicación nativa es aquella que se instala directamente en el teléfono inteligente y puede funcionar, en la mayoría de los casos, sin conexión a Internet, dependiendo de la naturaleza de la aplicación. Las aplicaciones nativas se instalan a través de una tienda de aplicaciones (como Google Play o la App Store de Apple).
OS
The operating system (OS) is the set of programs responsible for the connection between the material resources of a computer and the user's computer applications.
Example: the computer's operating system is MS-DOS
en: El sistema operativo (OS) es el conjunto de programas responsables de la conexión entre los recursos materiales de un ordenador y las aplicaciones informáticas del usuario.
Personal Brand
The union between the idea that people have of you and what you want people to think of you.
Example: creating my personal brand allowed me to have more professional offers.
en: La unión entre la idea que la gente tiene de ti y lo que tú quieres que la gente piense de ti.
Photoshop
Adobe Photoshop is a photo editor developed by Adobe Systems Incorporated. Used primarily for retouching photographs and graphics.
Example: Use photoshop to edit your photos.
en: Adobe Photoshop es un editor de fotografías desarrollado por Adobe Systems Incorporated. Usado principalmente para el retoque de fotografías y gráficos.
Portfolio
The presentation of the works that you have made throughout your professional career.
Example: People use career portfolios to apply for jobs, apply to college or training programs.
en: La presentación de las obras que has realizado a lo largo de tu trayectoria profesional.
Programming Language
A programming language is a set of commands, instructions, and other syntax use to create a software program. Languages that programmers use to write code are called "high-level languages".
Example: We investigate which are the programming languages.
en: Un lenguaje de programación es un conjunto de comandos, instrucciones y otro uso de sintaxis para crear un programa de software. Los lenguajes que los programadores utilizan para escribir código se denominan "lenguajes de alto nivel".
Resume
A resume, is a document used and created by a person to present their background, skills and achievements. Curriculum summaries can be used for a variety of reasons, but most of the time they are used to secure a new job.
Example: Make a good resume for your job.
en: Un resume, es un documento utilizado y creado por una persona para presentar sus antecedentes, habilidades y logros. Los resúmenes curriculares se pueden usar por una variedad de razones, pero la mayoría de las veces se usan para asegurar un nuevo empleo.
Self-Promotion
It refers to planning and executing strategies aimed at the disclosure of one's qualities, generally in the professional context.
Example: we recommend the self-promotion to grow in your business.
en: Se refiere a planificar y ejecutar estrategias direccionadas a la divulgación de las propias calidades, generalmente en el contexto profesional.
Sketching
Scheme or project that contains only the main features of an artistic or technical work.
Example: the submitted sketch was accepted by the client.
en: Esquema o proyecto que contiene solamente los rasgos principales de una obra artística o técnica.
Social Media
A social network is a social structure composed of a set of actors and one or more ties or relationships defined between them.
Example: social media is good for promotion.
en: Una red social es una estructura social compuesta por un conjunto de actores y uno o más lazos o relaciones definidos entre ellos.
Software
Software is a set of instructions, data or programs used to operate computers and execute specific tasks.
Example: Software is a generic term used to refer to applications.
en: El software es un conjunto de instrucciones, datos o programas que se utilizan para operar computadoras y ejecutar tareas específicas.
SWOT
SWOT stands for Strengths, Weaknesses, Opportunities, and Threats, and so a SWOT Analysis is a technique for assessing these four aspects of a company or a project.
Example: Make a SWOT analysis is important.
en: FODA significa Fortalezas, Debilidades, Oportunidades y Amenazas, por lo que un Análisis FODA es una técnica para evaluar estos cuatro aspectos de una empresa o un proyecto.
Target audience
They are used synonymously to designate the ideal recipient of a certain campaign, product or service.
en: Se utilizan como sinónimos para designar al destinatario ideal de una determinada campaña, producto o servicio.
Teamwork
Teamwork is the work done by a group of people, where all have a common goal. To be considered team or cooperative work, the work must have an organizational structure that favors the joint development of the work and the joint solution from problems.
Example: Teamwork is important to work on, in this way everything works out better.
en: Trabajo en equipo es el trabajo hecho por un grupo de personas, donde todos tienen un objetivo en común. Para que se considere trabajo en equipo o cooperativo, el trabajo debe tener una estructura organizativa que favorezca la elaboración conjunta del trabajo y la solución conjunta de problemas.
Trend
Inclination or natural disposition that a person has towards a certain thing.
Example: the trend for this year is dark mode.
en: Inclinación o disposición natural que una persona tiene hacia una cosa determinada.
Typography
Typography, the design, or selection, of letter forms to be organized into words and sentences to be disposed in blocks of type as printing upon a page.
Example: I love this typography
en: Tipografía, el diseño o la selección de formas de letras que se organizarán en palabras y oraciones que se colocarán en bloques de texto como si fueran impresos en una página.
User
a person who uses or operates something, especially a computer or other machine.
Example: the user should press return and a message will be displayed.
en: una persona que usa u opera algo, especialmente una computadora u otra máquina.
User Experience (UX)
User experience (UX) design refers to the experience a user has when interacting with a product. It focuses on the user journey and how efficient and easy to use the product is.
Example: The ux design has a lot of features
en: La experiencia del usuario (UX) se refiere a la experiencia que tiene un usuario cuando interactúa con un producto. Se centra en el recorrido del usuario y en la eficacia y la facilidad de uso del producto.
User Interface (UI)
The user interface (UI) is the point at which human users interact with a computer, website or application. The goal of effective UI is to make the user's experience easy and intuitive, requiring minimum effort on the user's part to receive maximum desired outcome.
Example: I want to be a UI designer
en: La interfaz de usuario (UI) es el punto en el que los usuarios humanos interactúan con una computadora, sitio web o aplicación. El objetivo de una interfaz de usuario eficaz es hacer que la experiencia del usuario sea fácil e intuitiva, requiriendo un esfuerzo mínimo por parte del usuario para recibir el máximo resultado deseado.
User research
User research focuses on understanding user behaviors, needs, and motivations through observation techniques, task analysis, and other feedback methodologies.
Example: User Research is carried out in the ux design department.
en: La investigación de usuarios 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.
Web Design
Web design refers to the design of websites that are displayed on the internet. It usually refers to the user experience aspects of website development rather than software development.
Example: Web design is so amazing
en: El diseño web se refiere al diseño de sitios web que se muestran en Internet. Por lo general, se refiere a los aspectos de la experiencia del usuario del desarrollo de sitios web en lugar del desarrollo de software.
Web Navigation
Web navigation refers to the process of navigating a network of information resources in the World Wide Web, which is organized as hypertext or hypermedia.
Example: Website navigation allows visitors to flow from one page to another.
en: La navegación web se refiere al proceso de navegar por una red de recursos de información en la World Wide Web, que se organiza como hipertexto o hipermedia.
Web Page
Is a document or electronic information capable of containing text, sound, video, programs, links, images, hyperlinks and many other things, adapted for the so-called World Wide Web, and which can be accessed through a web browser.
Example: Make your own web page for your shop.
en: Es un documento o información electrónica capaz de contener texto, sonido, video, programas, enlaces, imágenes, hipervínculos y muchas otras cosas, adaptado para la denominada World Wide Web, y al que se puede acceder a través de un navegador web.
Wireframe
An image or set of images which displays the functional elements of a website or page, typically used for planning a site's structure and functionality.
Example: The wireframes were so clean.
en: Una imagen o un conjunto de imágenes que muestra los elementos funcionales de un sitio web o una página, que normalmente se utiliza para planificar la estructura y la funcionalidad de un sitio.
