¡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.
Cada vez utilizamos menos Javascript para hacer animaciones. CSS 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.
«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.
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.
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).
Si 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.
Si 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í.
Soy adicto a las tipografías script y esta me ha conquistado desde el primer momento. El acabado a brochazos me parece de lo más conseguido.
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:
Una colección de plugins, para Photoshop, imprescindible para los amantes de la fotografía. Google acaba de liberar su descarga y son totalmente gratuitos. Disponible para Mac y Windows.
