Mostrando entradas con la etiqueta diseño gráfico. Mostrar todas las entradas
Mostrando entradas con la etiqueta diseño gráfico. Mostrar todas las entradas

09 febrero 2022

Color Pantone del año 2022: Very Peri


 El color Pantone del año para 2022: Very Peri

El Pantone Color of the Year 2022 tiene que ver con la fluidez, la innovación y el cambio. PANTONE 17-3938 Very Peri, un azul bígaro de ensueño con matices vibrantes de color rojo violeta, emana una actitud vivaz y alegre y una presencia dinámica para inspirar la imaginación y la expresión creativa. 

El primer tono nuevo en los 22 años de historia de Pantone, Very Peri, se trata de reformular las cualidades tranquilizadoras y confiables que representa el azul, y mezclar la pasión, el fuego y la creatividad del rojo para impulsar el progreso y el cambio. 

“El Pantone Color of the Year refleja lo que está ocurriendo en nuestra cultura global, expresando lo que la gente está buscando y ese color puede responder”, explica Laurie Pressman, vicepresidenta del Pantone Color Institute.

“La creación de un nuevo color por primera vez en la historia de nuestro programa de color educativo PANTONE Color of the Year refleja la innovación y transformación global que se está produciendo. A medida que la sociedad continúa reconociendo el color como una forma crítica de comunicación, y una forma de expresar y afectar ideas y emociones, y de involucrar y conectar, la complejidad de este nuevo tono azul con infusión de violeta rojo resalta las amplias posibilidades que tenemos ante nosotros”.




28 octubre 2019

Guía sobre relaciones de aspecto comunes y tamaños de imagen

Guía sobre relaciones de aspecto comunes y tamaños de imagen

¿Qué es la relación de aspecto?

La relación de aspecto de una imagen es la relación proporcional del ancho con la altura. Lo reconocerá como dos números separados por dos puntos en un formato x: y. Por ejemplo, una imagen de 6 x 4 pulgadas tiene una relación de aspecto de 3: 2. Una relación de aspecto no tiene unidades unidas; en cambio, representa qué tan grande es el ancho en comparación con la altura. Esto significa que una imagen medida en centímetros tendrá la misma relación de aspecto incluso si se midió en pulgadas. La relación entre su ancho y alto determina la relación y la forma, pero no el tamaño real de la imagen.
Sin embargo, la relación de aspecto de una imagen cambiará según el medio en el que se presente. La relación de aspecto de una imagen mostrada en una computadora será diferente de la relación de aspecto de esa misma imagen mostrada en un teléfono.
Las relaciones de aspecto son una parte crítica del contenido web porque las imágenes deben cargarse en diferentes relaciones de aspecto para diferentes usos, como escritorio versus móvil o blog vs. redes sociales. Cuando usa las proporciones de aspecto correctas, garantiza que sus imágenes se muestren como se espera sin estiramiento o pérdida de resolución.
Repasemos algunas relaciones de aspecto comunes que generalmente se usan en diferentes espacios.

Relaciones de aspecto comunes



Common aspect ratios

Relación 1: 1

Una relación 1: 1 significa que el ancho y la altura de una imagen son iguales, creando un cuadrado. Algunas proporciones comunes de 1: 1 son una foto de 8 x 8 pulgadas, una imagen de 1080 x 1080 píxeles, o típicamente cualquier plantilla de imagen de perfil en sitios de redes sociales (piense en Facebook). Esta relación de aspecto se usa comúnmente para imprimir fotografías, pantallas móviles y plataformas de redes sociales, pero no es ideal para la mayoría de los formatos de TV o digitales.

Relación 3: 2

La relación 3: 2 tiene raíces en películas y fotografías de 35 milímetros y todavía se usa ampliamente para tamaños de impresión. Las imágenes enmarcadas a 1080 x 720 píxeles o 6 x 4 pulgadas se establecen dentro de esta relación de aspecto.

Relación 4: 3

Una proporción de 4: 3 se usa típicamente para pantallas de TV, monitores de computadora y cámaras digitales. Por cada 4 unidades de ancho, hay 3 unidades de altura, creando una forma rectangular. Una imagen con un tamaño de 1024 x 768 píxeles u 8 x 6 pulgadas se ajusta a una relación típica de 4: 3.

Relación 16: 9

La relación 16: 9 se ve principalmente en diapositivas de presentación, monitores de computadora o televisores de pantalla panorámica. Este estándar internacional reemplazó recientemente la relación 4: 3 para monitores y pantallas de TV, creando una forma rectangular más delgada y alargada en comparación con el formato 4: 3. Las resoluciones comunes en la relación 16: 9 son 1920 x 1080 píxeles y 1280 x 720 píxeles.

Cómo medir el tamaño de la imagen

A diferencia de las relaciones de aspecto, el tamaño de la imagen determina el ancho y la altura real de una imagen en píxeles. El tamaño de la imagen son las dimensiones de una imagen. Puede medir las dimensiones de la imagen en cualquier unidad, pero normalmente verá los píxeles utilizados para imágenes web o digitales y las pulgadas utilizadas para imprimir imágenes.
Es importante darse cuenta de que dos imágenes diferentes que tienen la misma relación de aspecto pueden no tener el mismo tamaño o dimensiones de imagen. Por ejemplo, una imagen con un tamaño de 1920 x 1080 píxeles tiene una relación de aspecto de 16: 9, y una imagen con un tamaño de 1280 x 720 píxeles también tiene una relación de 16: 9.

Tamaños de imagen comunes para la web

Si está cargando imágenes en la web, es crucial comprender las especificaciones de tamaño de imagen porque los tamaños de imagen incorrectos pueden estirarse o distorsionarse para llenar dimensiones fijas.
Cuando trabajas en un creador de sitios web o en un sistema de gestión de contenido (CMS), como WordPress o Squarespace, los requisitos de tamaño de la imagen variarán según el tema o la plantilla que estés usando. A menudo, el creador de sitios web cambiará el tamaño de las imágenes para que se muestren correctamente en varios formatos diferentes. Por lo tanto, para satisfacer varios tamaños de imagen estándar diferentes, cargue una imagen que sea lo suficientemente grande como para reducirla sin perder resolución y lo suficientemente pequeña como para ajustarse cómodamente al ancho de una pantalla estándar. Squarespace recomiendacargar imágenes entre 1500 y 2500 píxeles de ancho. Verifique su plantilla o tema en cualquier CMS que esté utilizando para determinar el tamaño de imagen correcto para cargar. Del mismo modo, los sitios web de redes sociales a menudo redimensionarán las imágenes para usted, pero hay un punto óptimo que garantizará que sus imágenes se muestren correctamente en algunos tamaños diferentes.
Nota: No confunda el tamaño  de la imagen con el tamaño del archivo de imagen . El tamaño del archivo de imagen se mide en bytes de acuerdo con la cantidad de espacio que ocupa en un disco o unidad (piense en kilobytes o megabytes).
Estos son algunos de los tamaños de imagen más comunes para la web.


Tamaños de imagen comunes para web

1920 x 1080 píxeles

Este tamaño de imagen estándar se ve ampliamente en TV de alta definición, presentaciones y fotos de portada de redes sociales. Sigue la relación de aspecto 16: 9.

1280 x 720 píxeles

Este tamaño sigue el formato HD estándar presentado en fotografía y película. Se ajusta a la relación de aspecto 4: 3.

1080 x 1080 píxeles

Verá este tamaño de imagen de proporción 1: 1 utilizado ampliamente en las redes sociales, a saber, publicaciones de Instagram y Facebook.

Tamaños comunes de fotografía

¿Alguna vez ha querido imprimir una imagen o diseño, pero no ha descubierto qué tamaño usar? Si bien puede imprimir una imagen en el tamaño que desee, hay algunos tamaños de foto estándar que lo ayudarán a reducir las opciones. Diferentes tamaños funcionan en diferentes entornos; exhiba impresiones o carteles más grandes para llamar la atención sobre un evento o servicio, y reserve impresiones más pequeñas para exhibir en hogares o en un espacio de mostrador.
Las imágenes y fotos impresas generalmente se miden en pulgadas, aunque es posible que vea centímetros utilizados en algunos países.
Nota: Si está enmarcando una imagen, es posible que necesite dos medidas: el tamaño de la imagen y el tamaño mate. Un mate es un borde alrededor de la imagen que se extiende hasta el marco. Cuando imprima fotografías en el marco, asegúrese de conocer el tamaño de apertura mate.
Estos son algunos de los tamaños de fotografía más comunes.


Tamaños comunes de fotografía

4 x 6 o 5 x 7 pulgadas

Estos tamaños son tamaños de fotos estándar y populares, generalmente para mostrar fotografías o obras de arte más pequeñas.

8 x 10 pulgadas

Este tamaño está un paso por encima de los tamaños de fotografía populares más pequeños y es común entre los retratos y las impresiones de obras de arte más grandes.

8.5 x 11 pulgadas

Utilice este tamaño de volante estándar para anuncios que se muestran en áreas con espacio limitado. Si bien no es tan notable como los tamaños de póster más grandes, el tamaño del volante todavía tiene como objetivo alertar a otros en entornos más pequeños.

12 x 18 o 18 x 24 pulgadas

Más grandes que los volantes típicos, estos tamaños de póster estándar son ideales cuando se diseñan para eventos o anuncios que necesitan llegar a un público medio.

24 x 36 pulgadas

Los anunciantes usan este tamaño de póster para anuncios al aire libre y vitrinas específicas a lo largo de ubicaciones de alto tráfico.

01 agosto 2019

5 aplicaciones para crear esquemas de color fascinantes




Múltiples códigos de colores en formato hexadecimal
Usar generadores de esquemas de color agiliza el proceso creativo del diseño. Estas aplicaciones nos ayudan a elegir los colores más adecuados para el trabajo que vamos a desarrollar.
Echemos un vistazo a 5 de los mejores.

1. Coolors

Enlace: Coolors
Coolors
Con la barra espaciadora vamos recorriendo diferentes esquemas de color y personalizar el color, brillo, saturación y temperatura. Además, con la capacidad de guardar/exportar paletas de colores, podemos usar una gama de filtros que ayudan a satisfacer los ocho tipos diferentes de daltonismo, esta herramienta es muy útil y bastante fácil de usar. Hay una versión de iOS, una extensión de Chrome y un complemento para Photoshop e Illustrator.

Palettr

Enlace: Palettr
Palettr

3. Generador de paleta de colores de Canva



Generador de paletas de colores de Canva
Color Palette Generator, es una aplicación web, creada por el equipo de Canva que extrae colores de los tonos de una imagen cargada.

4. Adobe Color CC

Enlace: Adobe Color CC
Adobe Color CC
Adobe Color CC, aunque no es la interfaz visualmente más atractiva, ofrece el conjunto de herramientas más profesional para la mezcla de colores.
Esquemas de color hechos por la comunidad.

5. Colordot







Enlace: Colordot
Colordot
Colordot, es para aquellos que realmente conocen sus colores, o pueden identificar el color que están buscando cuando lo ven. Con cada movimiento del mouse, se muestra un nuevo color en la pantalla junto con su código hexadecimal.

29 marzo 2019

Designer Pics - Banco de imágenes gratis

Fotos de alta resolución GRATIS para su uso personal y comercial. Atribución no requerida!



Designer Pics ofrece gran variedad de imágenes, organizadas por categorías, para utilizar en proyectos personales o profesionales sin la necesidad de mencionar al autor.



15 octubre 2018

Fuente Gratis The Boatman



The Boatman, es una fuente vintage con mayúsculas, inspirada en las clásicas etiquetas de whisky.
Se presenta en 3 estilos: regular, contorno y estampado





Con el conjunto estilístico, Boatman ofrece muchas opciones para crear algo increíble. Con caracteres alternativos para agregar algún detalle atractivo al diseño.
Además, The Boatman, incluye un conjunto de etiquetas que complementan las composiciones de texto.

Fuente Gratis: The Boatman

25 julio 2018

Tamaños Estándar de Banners









Tamaños Estandar
Estilo
Tamaño en pixels
Banner
468  x  60
Cabezera
728  x  90
Cuadro
336  x  280
Cuadro
300  x  250
Cuadro
250  x  250
Rectángulo
180  x  150
Rascacielos
160  x  600
Rascacielos
120  x  600
Rascacielos pequeño
120  x  240
Rascacielos Ancho
240  x  400
Medio Banner
234  x  60
Botón Cuadrado
125  x  125
Botón
120  x  90
Botón
120  x  60
Botón
  88  x  31
Otras tamaños muy utilizados
Botón
120  x  30
Banner Pequeño
230  x  33
Cabezera
728  x  210
Cabezera
720  x  300
Pop-up
500  x  350
Pop-up
550  x  480
Media Página
300  x  600



Post Labels

WordPress macOS Linux diseño gráfico Error color plantilla CentOS 7 Plesk PHP RGB SSH Servidor Windows XAMPP aplicación web colores gratis logo pantone sitio web video Edición de Vídeo Plugin Recursos Solución SysAdmin acceso diseño diseño web edición editar imagen mac nube página web sistema software software libre tamaño 2020 Audiovisuales CMS CentOS 6.9 Google HEX HTML PHP.INI Puertos URL actualización actualizar ai aplicaciones aplicación aspecto básicos certificado comercio electrónico conexión corazón desarrollo web emails emotiva flores footer fotografía frase functions.php gratuito iMac illustrator imagenes login mantenimiento mapas motivación online optimización página rendimiento tema texto velocidad verano web $cfg .new 1 TB 1&1 2021 2022 21.5 22 2D 3D 500GB 6.4.3 A0 A1 A2 A3 A4 A5 A6 A7 A8 Abierto AfterEffects Alexa Amazon COVID-19 Captura Videojuegos Capturar Pantalla Capturar Vídeo y Audio Cheat Sheet Classic Blue CleanMyPC Cloud Cloud Server Coronavirus Código Código Abierto DIN Daylimotion Developer ELRepo ETIMEDOUT Grabación de Vídeo Guía H1 Herramientas Hoja de Referencia Homebrew Huawei I+D Illuminating Javascript Kernel LMS Live Streaming MIME Mail MySql NPM Núcleo OPPO Onyx PEAR PH Permisos Productos SEM SSL Terminal Tutoriales UX Ultimate Grey Videotutoriales Web Services WooCommerce Xiaomi abuelos accesibilidad activado admin adminiración adolfo agencia agua almacenamiento alt altura amor ampliar ancho animacionlogo app apple apps aprende archivo archivos arranque arte ataque ataques atico auriculares axioma año banco banners barcos basic 2 becquer beneficios bing bitcoin blog bodas booteable buscadores calendario caminando cancion captura de pantalla cara carpeta casa chmod cliper comandos conexion configuración contacto contraseña control convertir copywriter corazones correo cortar crear cuenta curso cámara reflex código libre das depurado derrotas desarrollo aplicaciones descargar deseo desintalar dibujo direccion disco SSD distro dns domina dominio don quijote dos mil doubleclick duda editor email encriptar esfuerzo español esquema de colores estudio estándar examina exposición familia favicon fecha filezilla formación formato formulario fracasos ftp fuentes fuerza bruta funcion función git golosina googleads grado gratuita gráficos guerrero gustavo h2 hacemos herramienta hijos hotel http https humano humanos icono iconos ideas inaccesible incertidumbre indispensables inspiración instagram instalar internet invalid inversión j balvin jeff bezos jscomposer karol g keyworks largo plazo launchpad libre liderazgo limpieza lirios living coral logoanimation límite lógica manual manzanita mar marinero marketing online medidas mejorar memoria metaetiquetas mi miel migrar miro modificar modificar.cambiar modo moscas motivadora mover mp3 mp4 mueren mujer mundo musical más móviles neón ni contigo ni sin ti nicky jam nietos node.js nulled oficina olas omnivus opensource optimista optimizar padres palabras clave paleta panal pantallas pantallazo panza papel pareado particion partición pastel pc pegar penthouse perfecto personalización personalizado personalizar personas pesca petunia photoshop phpMyAdmin pie de página planos poblado poderoso poesía posible posicionamiento preferido prestaciones prisiones privacidad privada privado programas proporcional protocolo publisites quijote rechazado redactium redactor de contenidos reflexión reggaeton relacion relación remitente remix resolución restablecer resurgir rosas rápido samsung sancho screenshot sea seguridad seguro sentimientos seo ser servicios simulador sistemas slider revolution smartphone smtp snapshot spam subida tablets temp dir tendencia terabox titulo tmp trabajo txt título ubuntu unidad usb utilidad vacío vectoriales vencer ventas veo versiones verso very peri vicio videologo videos webp www youtube éxitos