Home-theater-designers
Como diseñador web, ¿cuál es el software que absolutamente debes tener en tu computadora? Lo más probable es que sea Photoshop e Illustrator. Y si bien esos son los elementos esenciales de su flujo de trabajo de diseño, hay herramientas más pequeñas que probablemente no sepa que necesita.
Lo mejor es que ni siquiera tiene que descargarlas, simplemente instale estas extensiones de Chrome y listo. Desde la identificación de fuentes en las páginas hasta la medición de distancias entre elementos web, estas extensiones de Chrome de diseño web le facilitarán la vida.
1. Dropbox para Gmail
Dropbox comenzó como un servicio de alojamiento de archivos, pero pronto descubrió que su público principal son los diseñadores, que utilizan el servicio para compartir su trabajo con sus colegas. Debido a que los archivos de diseño a menudo son demasiado grandes para los archivos adjuntos de correo electrónico, es más fácil enviar un enlace de Dropbox al archivo.
Dropbox para Gmail hace que el proceso sea aún más conveniente. Cuando enlaza su archivo con un botón de Dropbox en la parte inferior de la nueva ventana de correo electrónico, el destinatario obtiene un adelanto de lo que está enviando. Los enlaces a archivos de imágenes cargarán las imágenes directamente en el correo electrónico, y los enlaces a otros tipos de archivos generarán una vista previa útil.
Instalar en pc: Dropbox para Gmail
2. FontFace Ninja
Con miles de fuentes disponibles, sus posibilidades de tipografía son infinitas. Especialmente si puede identificar una fuente hermosa que ve en algún lugar y pedirla prestada para su propio proyecto.
FontFace Ninja es una extensión de Chrome que te ayuda a hacer precisamente eso. Al igual que el herramientas que encuentran fuentes a partir de imágenes le ayuda a identificar las fuentes que ve en línea. La única diferencia es que FontFace Ninja lee las fuentes codificadas en el CSS de la página, como el tipo de letra de los encabezados y el cuerpo del texto.
Cuando inicie FontFace Ninja, le mostrará la información sobre la fuente a la que lo dirige --- y no solo el tipo de letra, sino también el peso, tamaño, altura, ancho y color. Para marcar esa fuente, necesitará una cuenta en el servicio hermano, FontFace Dojo .
Instalar en pc: FontFace Ninja
3. Cuentagotas ColorPick
No importa qué tan buen ojo para el color tenga, es difícil recrear un tono particular que vio en línea a menos que conozca sus valores RGB o HTML. Afortunadamente, no tienes que adivinar si tienes ColorPick Eyedropper.
Igual que las mejores aplicaciones de selección de color para Mac , ColorPick Eyedropper le mostrará los valores para cualquier color que señale. La diferencia es que siempre está ahí en su navegador y no tiene que cargar nada, simplemente haga clic en el ícono y mueva el objetivo al lugar correcto.
La extensión lee colores de texto, imágenes y prácticamente cualquier cosa que pueda ver en una página web (incluso los anuncios). Una vez que captura un color, le muestra los valores HTML, RGB y HSL correspondientes.
Instalar en pc: Cuentagotas ColorPick
4. Dimensiones
Esta extensión de código abierto es un hallazgo para diseñadores web, especialmente si realiza presentaciones únicas para pequeñas empresas. Cuando un cliente le entrega un sitio web sin ningún archivo o documentación anterior y le pide que diseñe 'una página como esta, pero con texto e imágenes diferentes', averiguar el diseño es una molestia.
la computadora portátil está enchufada pero no se está cargando
Dimensiones le permite medir fácilmente la altura y el ancho de cualquier elemento de la página, así como los márgenes entre ellos. Eso facilita la recreación de páginas existentes y la verificación de sus propios diseños después de que entren en producción.
Instalar en pc: Dimensiones
5. Visual Inspector
Visual Inspector es una poderosa herramienta de retroalimentación y colaboración para equipos de diseño, que combina las características de las tres extensiones anteriores y agrega aún más.
En el Inspeccionar pestaña, puede elegir cualquier elemento de la página para obtener información completa sobre él, desde las dimensiones hasta el nombre del archivo. los Colores y Tipografía las subpestañas le permiten ver la paleta de colores y todas las fuentes de un vistazo, mientras Activos reúne todas las imágenes de la página en un solo lugar.
los Colaborar La pestaña es donde puede dar comentarios y tener discusiones con su equipo, y es fácil dejar un comentario haciendo clic en cualquier elemento de la página.
¿Qué significa 404 no encontrado?
Como la mayoría de las herramientas avanzadas, Visual Inspector viene con una etiqueta de precio: deberá pagar desde $ 9 / usuario / mes para agregar comentarios y sincronizar cambios. Sin embargo, sus funciones básicas, como la inspección de colores, fuentes e imágenes, son de uso gratuito.
Instalar en pc: Visual Inspector
6. Captura de pantalla fácil
Una extensión de captura de pantalla puede parecer redundante, ya que tomar una captura de pantalla en Mac es muy fácil y capturando su pantalla en Windows es un poco más complicado. Pero Easy Screen Capture tiene bastantes puntos de venta.
Lo más importante es que te permite capturar toda la página web, no solo el área que ves en tu pantalla. Eso es invaluable cuando necesita informar varios problemas en una página larga, y capturarlos todos tomaría de tres a cuatro capturas de pantalla.
Otro buen truco es poder copiar la captura de pantalla al portapapeles y pegarla directamente en un chat o un correo electrónico, en lugar de acumular archivos de imagen inútiles en su computadora.
Instalar en pc: Captura de pantalla fácil
7. Icy 2
Finalmente, hay una tarea crucial con la que tienes que lidiar todas las mañanas: sacudirte los restos de sueño y entrar en ritmo. Muzli 2 de InVision servirá como su periódico matutino con artículos seleccionados sobre arte, diseño, UX y tecnología.
Muzli reemplaza su pestaña predeterminada de Chrome y le permite personalizar lo que ve allí. Dependiendo de sus intereses, Muzli seleccionará los feeds por usted, con sitios web que van desde Dribble y Behance hasta 99designs y Creative Bloq. ¡Mucha inspiración para desplazarse mientras toma su primer café!
Si cree que una pestaña completa del navegador repleta de contenido de diseño es demasiado intensa, Muzli también tiene una versión Lite. No anulará su pestaña predeterminada y podrá acceder al feed cuando lo desee con solo hacer clic en el ícono de extensión.
Instalar en pc: Helado 2
Obtenga extensiones de Chrome para todas sus tareas de diseño
Las extensiones de Chrome en esta lista no son compatibles con su software de diseño, pero cubren todas las pequeñas cosas que vienen con ser diseñador, ya sea información de tipografía o colaborar con sus colegas.
Una vez que se dé cuenta de que Chrome Web Store está repleto de herramientas, puede ser difícil dejar de agregar nuevas. Así que aprende cómo administrar sus extensiones de Chrome antes de que se salgan de control.
Cuota Cuota Pío Correo electrónico ¿Vale la pena actualizar a Windows 11?Windows ha sido rediseñado. Pero, ¿es eso suficiente para convencerte de cambiar de Windows 10 a Windows 11?
Leer siguiente Temas relacionados- Internet
- Creativo
- Google Chrome
- Web Design
- Extensiones de navegador
Alice es una escritora de tecnología con una debilidad por la tecnología de Apple. Ha estado escribiendo sobre Mac y iPhone durante un tiempo, y está fascinada por las formas en que la tecnología cambia la creatividad, la cultura y los viajes.
Más de Alice KotlyarenkoSuscríbete a nuestro boletín
¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!
Haga clic aquí para suscribirse