Este artículo explica cómo crear una captura de pantalla y cómo editar imágenes de capturas de pantalla en diferentes sistemas operativos y dispositivos, para usarlas en artículos de la Base de Conocimiento. Para aprender a añadir capturas de pantalla y otras imágenes a los artículos de la BC, consulta Cómo insertar imágenes en un artículo.
Tabla de contenidos
- 1 Marcadores visuales
- 2 Preparación y edición de imágenes
- 3 Capturas de pantalla en Windows
- 4 Capturas de pantalla en Mac
- 5 Capturas de pantalla en Linux
- 6 Capturas de pantalla en dispositivos iOS
- 7 Capturas de pantalla en dispositivos Android
- 8 Herramientas
- 9 Directrices completas de la Base de Conocimiento
Marcadores visuales
Los marcadores visuales son clave para que la documentación sea clara y fácil de usar. Estos marcadores llaman la atención sobre áreas específicas de una imagen, guiando a los usuarios a través de cada paso de un proceso.
Color del contorno
Usa un contorno rojo (específicamente el color hexadecimal #f71701) para delinear las secciones importantes de tus capturas de pantalla. Esta elección de color asegura que las áreas resaltadas atraigan la atención de inmediato.
Estilo de esquina
Adopta esquinas cuadradas para los contornos para lograr una armonía visual en todas las anotaciones de tus capturas de pantalla.
Grosor de línea
Equilibra el grosor del contorno entre 4 y 8 puntos (pt) para lograr una visibilidad uniforme en capturas de pantalla de diferentes tamaños.
Alinear los elementos de la interfaz de usuario resaltados de forma central
Alinea el elemento de la interfaz de usuario de forma central dentro del contorno rojo para mejorar la claridad y el reconocimiento.
Marcadores de pasos secuenciales
El uso de marcadores de pasos secuenciales en las capturas de pantalla vincula cada acción dentro de la interfaz de usuario con sus correspondientes pasos de texto. Esto reduce la ambigüedad y la necesidad de múltiples imágenes. Es especialmente útil para instrucciones más largas dentro de la misma ventana o contexto. Al emplear este método, puedes mostrar múltiples instrucciones en una sola captura de pantalla con indicadores claros para cada acción en la interfaz. Aquí tienes un ejemplo de un escenario apropiado para usar este enfoque:
Para añadir estos marcadores a tus capturas de pantalla, abre la captura de pantalla en tu editor de imágenes preferido. Luego, guarda los marcadores de la Sequential step markers list y colócalos en las secciones apropiadas de la captura de pantalla.
Preparación y edición de imágenes
Tamaño
Asegúrate de que las capturas de pantalla tengan un tamaño compacto. Para mejorar los tiempos de carga y la accesibilidad, especialmente para los usuarios con conexiones a internet más lentas, es mejor mantener las dimensiones de las capturas de pantalla por debajo de 620 píxeles tanto de alto como de ancho.
Recorte
- Asegúrate de que las capturas de pantalla más grandes se recorten para resaltar los elementos de la interfaz de usuario que pertenecen a la tarea en cuestión.
Simplificaciones
- Simplifica las capturas de pantalla complejas eliminando los elementos no esenciales de la interfaz de usuario, reduciendo la carga cognitiva para los usuarios. Opta por tonos de escala de grises apagados como #D4D4D4 y #E0E0E8 en lugar de colores brillantes u oscuros. Estos tonos más claros ayudan a minimizar las distracciones, permitiendo a los usuarios mantenerse enfocados en las partes importantes de la captura de pantalla.
PII
- Elimina toda la Información de Identificación Personal (PII, por sus siglas en inglés) de las capturas de pantalla, incluyendo correos electrónicos, nombres de usuario y cualquier dato personal que pueda identificar a un individuo.
Modo claro
- Captura las capturas de pantalla en “Modo Claro” siempre que sea posible, ya que las imágenes en “Modo Oscuro” pueden no ser tan fácilmente discernibles para algunos usuarios.
Paint en Windows y Vista Previa en Mac son programas útiles para recortar y editar imágenes de capturas de pantalla. También puedes usar software gratuito como GIMP en Windows, Mac y Linux. Otras herramientas de edición se enumeran al final de este artículo.
Capturas de pantalla en Windows
Crear una captura de pantalla
Una vez que tengas la pantalla presentada de la manera que deseas para la captura de pantalla:
- Presiona la tecla imprimir pantalla (Print Screen o Prnt Scrn o prt sc o PrtSc o PrtScr, dependiendo de tu teclado). Esta tecla se encuentra generalmente en la sección superior derecha de tu teclado. Para capturar solo la ventana activa, mantén presionada la tecla Alt antes de presionar la tecla imprimir pantalla.
- Ve al menú Inicio de Windows y abre el programa Microsoft Paint desde la lista de Programas (busca en Accesorios).
- Una vez que Paint esté abierto, haz clic en Pegar y aparecerá tu captura de pantalla.
- Guarda tu imagen como un archivo PNG, en una ubicación fácil de encontrar como tu escritorio.
Recortar capturas de pantalla en Paint
Recortar capturas de pantalla te permite editar una imagen grande para mostrar a los lectores solo lo que necesitan ver.
- Abre la captura de pantalla en Paint.
- En la barra de herramientas, haz clic en Seleccionar+Selección rectangular.
- Tu cursor ahora parece una brújula. Usa tu cursor para dibujar un rectángulo alrededor del área que deseas que aparezca en la imagen final.
- Haz clic en .
Hacer capturas de pantalla en Paint
Las capturas de pantalla te permiten enfocarte en una pequeña porción de una imagen dentro de una imagen más grande. Es posible que desees mostrar un botón en toda una barra de herramientas.
- Abre la captura de pantalla en Paint.
- En la barra de herramientas Formas, selecciona la forma de rectángulo.
- En la barra de herramientas Colores, selecciona el color rojo.
- Tu cursor ahora parece una brújula. Usa tu cursor para dibujar un rectángulo rojo alrededor del área que quieres mostrar.
Cambiar el tamaño de las imágenes en Paint
Algunas capturas de pantalla salen grandes. Pero es mejor no usar capturas de pantalla que tengan más de 620 píxeles de largo o ancho. A continuación, te explicamos cómo cambiar el tamaño de una captura de pantalla grande.
- Abre la captura de pantalla en Paint.
- Haz clic en en la barra de herramientas. Se abre una ventana Cambiar tamaño y sesgar.
- Comprueba si tanto la altura como la anchura están por debajo de 620 píxeles. Si son más grandes, escribe un número más pequeño en la barra horizontal o vertical.
Capturas de pantalla en Mac
Crear una captura de pantalla
Una vez que tengas la pantalla presentada de la manera que deseas para la captura de pantalla:
- Para capturar la pantalla, mantén presionada la tecla Command, así como la tecla Shift, mientras presionas 3.
- Para capturar una sección específica, mantén presionada la tecla Command, así como la tecla Shift, mientras presionas 4; luego selecciona el área que deseas copiar.
- Para capturar una ventana específica, mantén presionada la tecla Command, así como la tecla Shift, mientras presionas 4; luego presiona la Spacebar. A continuación, puedes hacer clic en una ventana para capturarla.
Como resultado, habrá un archivo PNG en tu escritorio.
Recortar imágenes en Vista Previa
Recortar capturas de pantalla te permite editar una imagen grande para mostrar a los lectores solo lo que necesitan ver.
- Abre la captura de pantalla en Vista Previa.
- Haz clic en
en la barra de herramientas. Se abre una segunda barra de herramientas.
- Tu cursor ahora parece una brújula. Usa tu cursor para dibujar un rectángulo alrededor del área que deseas que aparezca en la imagen final.
- Haz clic en .
Hacer capturas de pantalla en Vista Previa
Las capturas de pantalla te permiten enfocarte en una pequeña porción de una imagen dentro de una imagen más grande. Por ejemplo, es posible que desees destacar un botón en toda una barra de herramientas.
- Abre la captura de pantalla en Vista Previa.
- Haz clic en > > .
- Aparece un rectángulo rojo. Ajusta el rectángulo para que se ajuste alrededor del área que deseas destacar.
Cambiar el tamaño de las imágenes en Vista Previa
Algunas capturas de pantalla salen grandes. Pero es mejor no usar capturas de pantalla que tengan más de 620 píxeles de largo o ancho. A continuación, te explicamos cómo cambiar el tamaño de una captura de pantalla grande.
- Abre una captura de pantalla en Vista Previa.
- Haz clic en > . Se abre una ventana.
- Comprueba si tanto la altura como la anchura están por debajo de 620px. Si son más grandes, escribe un número más pequeño en la barra de altura o anchura.
- Asegúrate de que
Capturas de pantalla en Linux
Crear una captura de pantalla
Una vez que tengas la pantalla presentada de la manera que deseas para la captura de pantalla:
- En Ubuntu Linux, haz clic en el menú , ve a la carpeta y selecciona .
- En otros casos, dependiendo de tu gestor de escritorio, puedes usar KSnapshot o Gnome-screenshot o usar la tecla Print Screen o Prnt Scrn o prt sc o PrtSc, dependiendo de tu teclado, para capturar tu pantalla.
Capturas de pantalla en dispositivos iOS
Crear una captura de pantalla
Una vez que tengas la pantalla presentada de la manera que deseas en tu iPhone o iPad:
- Mantén presionado el botón Reposo/Activación, luego presiona inmediatamente el botón Inicio.
- Tu pantalla parpadeará en blanco por un segundo y el dispositivo hará un ruido de obturador de cámara (si el volumen está activado) para indicar que se ha tomado la captura de pantalla.
- La captura de pantalla ahora está almacenada en tu aplicación de fotos para que la veas.
Capturas de pantalla en dispositivos Android
Crear una captura de pantalla
Una vez que tengas la pantalla presentada de la manera que deseas en tu teléfono o tableta Android:
- Mantén presionado el botón Reposo/Activación y el botón de bajar volumen simultáneamente. La pantalla parpadea.
- Encuentra la captura de pantalla en la aplicación Galería.
- Envía la captura de pantalla a tu computadora. Si lo deseas, edita la captura de pantalla en un software de edición de imágenes como Paint o Vista Previa.
- En teléfonos Android que ejecutan Android de serie con la versión 9 (Pie) de Android instalada, simplemente puedes mantener presionado el botón de encendido/bloqueo/desbloqueo, lo que hará que se muestre el menú de Encendido. Desde el menú de Encendido, selecciona Captura de pantalla (la tercera opción en la parte inferior del menú) y una captura de pantalla se guardará automáticamente en la galería de tu teléfono.
- No todos los dispositivos Android funcionan de la misma manera. Si los métodos anteriores no funcionan y tu dispositivo tiene un botón de inicio, mantén presionado el botón de inicio y el botón de encendido al mismo tiempo, hasta que la pantalla parpadee. Para otros métodos, consulta estos artículos:
- Cómo hacer capturas de pantalla en un Android (WikiHow)
- Cómo hacer una captura de pantalla en Android (Android Central)
- Cómo hacer una captura de pantalla en teléfonos y tabletas Android (PC Advisor)
Herramientas
- Paint (incluido en Windows)
- Herramienta de corte (Artículo en inglés) (incluido en Windows)
- Vista Previa (incluido en macOS)
- GIMP (Freeware para Windows, macOS y Linux)
- Irfanview (Freeware para Windows)
- Paint.NET (Freeware para Windows)
- Snagit (Software de pago, con 15 días de prueba totalmente funcional)
- XNView (Freeware para dispositivos de escritorio y móviles)
- Más software de captura de pantalla (Listado en inglés)
Directrices completas de la Base de Conocimiento
Consulta más directrices en artículos de la Base de Conocimiento para colaboradores.