3.245 lecturas 0 comentarios

Paletas de colores

¡Cómo me gusta una buena paleta de color! Sobre todo cuando va acompañada de una foto de referencia bien seleccionada. En esta página encontraréis ambas cosas; fotos y sus respectivas paletas, con un gusto exquisito. Tonos fríos, cálidos, pastel y contrastes, de todo un poco.

Visitar Paletas de colores

4.086 lecturas 1 comentario

Códigos de animación en CSS

Cada vez utilizamos menos Javascript para hacer animacionesCSS está conquistando, en este aspecto, más y más terreno. Las ventajas son evidentes: implica menos peso de descarga y mayor velocidad. Para aquellos que todavía no estéis familiarizados con las animaciones en CSS, no hay nada mejor que ver ejemplos prácticos de uso. En la siguiente página, disponéis de un extenso catálogo de casos: escalar, rotar, flips, slides, etc. y todos acompañados por su respectivo código CSS.

Visitar Animista: Ejemplos de animación en CSS

3.372 lecturas 0 comentarios

Test de compatibilidad móvil de Google

«Actualmente se realizan más búsquedas desde teléfonos móviles que desde ordenadores», así de rotundo nos confirma Google la importancia de adaptar nuestra Web a estas resoluciones. Y continúa: «Es cinco veces más probable que un usuario abandone un sitio web si este no está optimizado para móviles». Y, como lo que dice Google va a misa, qué mejor que utilizar su propio sistema de análisis para saber si realmente nuestra página cumple con este punto.

Test My Site By Google

5.104 lecturas 0 comentarios

Manual gratis: «Color»

Si me preguntaran por las bases que sostienen un diseño profesional, pensaría en numerosas alternativas pero, sin duda, el color estaría presente en mi cabeza como una de las principales. El uso correcto del color, separarse de la competencia gracias a los matices, equilibrar la composición con masas equivalentes y bien ajustadas… para ayudaros con tanta variable, os enseñaré dos recursos que me han parecido geniales. Por un lado, la web Colorsupplyyy: un sitio con combinaciones brutales (complementarios, triadas, análogos, etc.) y, por otro, un manual gratuito con numerosos ejemplos de un uso correcto del color. Webs, artículos tecnológicos, la imagen del coche que muestra este artículo… todo es susceptible de ser influenciado por el color. Si no te asusta el inglés, te recomiendo que le eches un vistazo.

Descargar manual gratis «Color»

22.899 lecturas 3 comentarios

Generador online de códigos de barra vectoriales

Si hay algo que tenemos que tener a mano los diseñadores gráficos es un programa para generar códigos de barra. Un elemento indispensable en cualquier etiqueta de producto que vaya a ponerse a la venta. Cuando diseñamos etiquetas, nos encontramos con archivos de alta resolución (a 300 puntos) y con muchos centímetros de tamaño, es por lo tanto crucial disponer de un código de barras vectorial que no pixele al aumentar el tamaño. Con esta Web: Bar-codeGenerator, podemos crear códigos de barra online: EAN, QR’s y otros estándares, con sólo indicar el número que nos aporte nuestro cliente. El archivo final que descarga puedes abrirlo con Illustrator e incluso cambiarle la fuente (mantiene los números como texto).

5.577 lecturas 2 comentarios

Copiar texto al portapapeles en una Web

clipboardSi hay un código que, más de una vez, me haya dado quebraderos de cabeza, ese ha sido el responsable de copiar textos al portapapeles desde la web. Para que no paséis por el mismo mal trago, os traigo Clipboard.JS, un archivo de 3kb y muy fácil de implementar.

• Descargar ClipBoard.js

3.474 lecturas 0 comentarios

Affinity Photo

affinity-photoSi hace no mucho tiempo ya hablé de las bondades de Affinity Designer (el programa que podría competir con Illustrator), hoy os traigo Affinity Photo (rival, en esta ocasión, de Photoshop). Al tratarse de una versión Beta, podéis descargarla de forma totalmente gratuita. Importa y exporta PSD. Básicamente se trata de una alternativa muy completa a Photoshop. Los atajos de teclado se mantienen intactos, se trabaja con capas y todas las herramientas características de Adobe están aquí.

3.232 lecturas 0 comentarios

Affinity Designer

affinity-designer-gratis

Después de unos meses trabajando con Affinity Designer, he de reconocer que no ha llegado a sustitur a Photoshop, pero se ha quedado instalado en mi sistema como un gran compañero de trabajo.

Affinity Designer está en Beta, Gratis. No encontrarás mejor momento que ahora para probarlo -sin gastar un duro- en Windows.

Para aquellos que vivan en una cueva y no conozcan la herramienta, diré que se trata de una de las mejores alternativas a Photoshop e Illustrator: modo de vista Pixel o Vector, posibilidad de trabajar con varios marcos de trabajo en el mismo documento, capacidad de trabajar diseño responsive -que se verá afectado por el tamaño del lienzo- y  un largo etcétera.

En fin, si yo no os he convencido todavía, os animo a visitar su web donde, además de descargar la Beta de forma totalmente gratuita, podréis ver un vídeo con todas sus bondades:

https://affinity.serif.com/es/windows/