This is a glossary where 25 topics related to graphic design in general but also a bit of web design are presented, with topics such as branding, portfolios and cv, design trends, programming language, ui / ux design, etc.
Atom
Atom is an open source source code editor for macOS, Linux, and Windows with support for multiple plug-ins written in Node.js and built-in Git version control, developed by GitHub. Atom is a desktop application built using web technologies.
Example: I use atom to edit my html code.
es: Atom es un editor de código fuente de código abierto para macOS, Linux, y Windows con soporte para múltiples plug-in escritos en Node.js y control de versiones Git integrado, desarrollado por GitHub. Atom es una aplicación de escritorio construida utilizando tecnologías web.
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: Attitude is the fundamental part of a personality.
es: La actitud es el comportamiento que emplea un individuo frente a la vida. En este sentido, se puede decir que es su forma de ser o el comportamiento de actuar.
Bootstrap
The English word bootstrapping is generally a term used to describe the boot, or startup process of any computer.
Example: Bootstrap is a study platform
es: La palabra inglesa bootstrapping es generalmente un término utilizado para describir el arranque, o proceso de inicio de cualquier ordenador.
Branding
The promotion of a particular product or company by means of advertising and distinctive design.
Example: I use branding in my shoe's store
es: 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
es: 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.
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.
es: 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
The curriculum vitae, curriculum, curriculum or resume 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: I left my resume in a very important interface design office yesterday.
es: El curriculum vitae, currículum, currículo u hoja de vida 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.
es: 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 easy to use for designing apps
es: Figma es un editor de gráficos vectoriales 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.
es: 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.
Example: Graphic design is the career I chose
es: El diseño gráfico es un oficio donde los profesionales crean contenido visual para comunicar mensajes.
HTML
Hypertext Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages.
Example: HTML is a very easy to learn code language
es: 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.
es: 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.
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.
es: 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.
Ilustrator
Adobe Illustrator is a vector graphics editor used to edit among other things.
Example: I use Ilustrator for vector designs.
es: Adobe Illustrator es un editor de gráficos vectoriales sirve para editar entre otras cosas.
Indesign
Adobe InDesign is an application for digital page composition developed by the company Adobe Systems and aimed at professional layout designers.
Example: InDesign is useful for making work or project memories.
es: 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: I have done many infographics throughout my career as a designer.
es: 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: Information architecture is used to organize ideas
es: 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
noun
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
es: La conexión física y funcional que se establece entre dos aparatos, dispositivos o sistemas que funcionan independientemente uno del otro
Intranet
An intranet is a computer network that uses Internet protocol technology to share information, operating systems, or computer services within an organization. It is usually internal, rather than public like the internet, so only members of that organization have access to it.
es: Una intranet es una red informática que utiliza la tecnología del protocolo de Internet para compartir información, sistemas operativos o servicios de computación dentro de una organización. Suele ser interna, en vez de pública como internet, por lo que solo los miembros de esa organización tienen acceso a ella.
iOS
noun
An operating system used for mobile devices manufactured by Apple Inc.
Example: All the products of Apple made with iOS.
es: Un sistema operativo utilizado para dispositivos móviles fabricados por Apple Inc.
Landing Page
A landing page is a page created solely for one purpose: the capture of leads or potential clients.
es: Una landing page (‘Página de aterrizaje’ en castellano de Castilla) es una página creada únicamente con un fin: la captación de leads o potenciales clientes.
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
es: 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
noun
It is the set of managerial or directive skills that an individual has to influence the way of being and acting of people
Example: To have good leadership you have to take courses
es: Es el conjunto de habilidades gerenciales o directivas que un individuo tiene para influir en la forma de ser y actuar de las personas
Leadership
Leadership is the set of managerial or directive skills that an individual has to influence the way of being and acting of people or in a certain work group, making this team work with enthusiasm towards the achievement of its goals and objectives.
Example: Leadership is important when working in a team
es: El liderazgo es 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, haciendo que este equipo trabaje con entusiasmo hacia el logro de sus metas y objetivos.
Metadata
In HTML code there are some very important tags to provide information about our pages to search engines. These tags are the metadata. Small pieces of data not visible to users on our own page
es: En código HTML existen unas etiquetas muy importantes para facilitar información sobre nuestras páginas a los buscadores. Estas etiquetas son los metadatos. Pequeñas porciones de datos no visibles para los usuarios en nuestra propia página
Mobile App
noun
Una aplicación móvil es una aplicación informática diseñada para ser ejecutada en teléfonos inteligentes, tabletas y otros dispositivos móviles.
Example: A mobile application can be WhatsApp, Facebook or some social network.
es: A mobile application is a computer application designed to run on smartphones, tablets, and other mobile devices.
Mobile App
A mobile application is a computer application designed to run on smartphones, tablets, and other mobile devices.
Example: I would like to design a mobile app
es: Una aplicación móvil es una aplicación informática diseñada para ser ejecutada en teléfonos inteligentes, tabletas y otros dispositivos móviles.
Mockup
In manufacturing and design, a mockup or mockup is a full-size or scale mockup of a design or device, used for teaching, demonstration, design evaluation, promotion, and other fines.
Example: A mockup is used in the final presentation of products
es: En la fabricación y el diseño, una maqueta o maqueta es una maqueta a escala o de tamaño completo de un diseño o dispositivo, que se utiliza para la enseñanza, demostración, evaluación de diseño, promoción y otras mu
Native app
A native app is a software that was created to run on a specific device.
Example: My cell phone's native app is crashing
es: Una aplicación nativa es un software que se creó para ejecutarse en un dispositivo específico.
Navigability web
Web browsing refers to the process of browsing a network of information resources on the World Wide Web, which is organized as hypertext or hypermedia.
Example: Web navigability consists of the behavior of the web
es: 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.
Photoshop
Adobe Photoshop is a photo editor developed by Adobe Systems Incorporated. Used mainly for retouching photographs and graphics, its name in Spanish means "photo workshop". It is known worldwide.
Example: I always edit my designs in Photoshop.
es: Adobe Photoshop es un editor de fotografías desarrollado por Adobe Systems Incorporated. Usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa "taller de fotos". Es conocido mundialmente.
Plugins
In computing, a complement or plug-in is an application that is related to another to add a new and generally very specific function.
es: En informática, un complemento o plug-in es una aplicación que se relaciona con otra para agregarle una función nueva y generalmente muy específica.
Portfolio
noun
Career portfolios help document education, work samples, and skills.
Example: People use career portfolios to apply for jobs, apply to college or training programs.
es: Los portafolios de carreras ayudan a documentar la educación, las muestras de trabajo y las habilidades.
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: Programming languages are learned in web design
es: 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".
Resumé
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.
es: 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: I will self-promotion to attract customers
es: Se refiere a planificar y ejecutar estrategias direccionadas a la divulgación de las propias calidades, generalmente en el contexto profesional.
Sketching
noun
Scheme or project that contains only the main features of an artistic or technical work.
es: Esquema o proyecto que contiene solamente los rasgos principales de una obra artística o técnica.
Software
Computer software is a general term that describes computer programs. Related terms such as software programs, applications, scripts, and instruction sets all fall under the category of computer software.
Example: My favorite software is iOS
es: Software de computadora es un término general que describe los programas de computadora. Los términos relacionados, como programas de software, aplicaciones, scripts y conjuntos de instrucciones, se incluyen en la categoría de software de computadora.
SWOT
SWOT is an acronym that is formed with the terms "strengths", "opportunities", "weaknesses" and "threats". SWOT analysis is called the study that allows knowing these characteristics of a company or a project.
Example: The swot is made to know us better
es: FODA es una sigla que se forma con los términos “fortalezas”, “oportunidades”, “debilidades” y “amenazas”. Se denomina análisis FODA al estudio que permite conocer estas características de una empresa o de un proyecto.
Target Audience
They are used synonymously to designate the ideal recipient of a certain campaign, product or service.
es: 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
es: 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.
Typography
noun
The style and appearance of a letter group
Example: My favorite typography is future medium
es: El estilo y apariencia de un grupo de letra
UI design
The “UI” in UI design stands for “user interface.” The user interface is the graphical layout of an application.
Example: I want to be a UI designer
es: La UI significa "interfaz de usuario". La interfaz de usuario es el diseño gráfico de una aplicación.
User
In computing, a user is a person who uses a computer or a network service. Users of computer systems and software products generally lack the technical expertise to fully understand how they work.
es: En informática, un usuario es una persona que utiliza una computadora o un servicio de red. Los usuarios de sistemas informáticos y productos de software generalmente carecen de la experiencia técnica necesaria para comprender completamente cómo funcionan.
User Research
User research focuses on understanding user behaviors, needs, and motivations through techniques
Example: User Research is carried out in the ux design department
es: La investigación del usuario se centra en comprender los comportamientos, las necesidades y las motivaciones del usuario a través de técnicas
UX design
"User experience" encompasses all aspects of the end-user's interaction with the company, its services, and its products.
Example: The ux design has a lot of features
es: La "experiencia del usuario" abarca todos los aspectos de la interacción del usuario final con la empresa, sus servicios y sus productos.
Visual hierarchy
Visual hierarchy is a pattern in the visual field in which some elements tend to "stand out" or attract attention.
Example: Visual Hierarchy is used in all good design
es: La jerarquía visual es un patrón en el campo visual en el que algunos elementos tienden a "destacar" o atraer la atención.
Web Design
Web design is the process of creating websites. It encompasses several different aspects, including webpage layout, content production, and graphic design.
Example: I am studying web design
es: El diseño web es el proceso de creación de sitios web. Abarca varios aspectos diferentes, incluido el diseño de la página web, la producción de contenido y el diseño gráfico.
Web page
A Web page is a document for the World Wide Web that is identified by a unique uniform resource locator (URL). A Web page can be accessed and displayed on a monitor or mobile device through a Web browser .
Example: Yesterday I visited a web page of studies with foreigners
es: Una página web es un documento para la World Wide Web que se identifica mediante un localizador uniforme de recursos (URL) único. Se puede acceder a una página web y visualizarla en un monitor o dispositivo móvil a través de un navegador web.
