Tal vez para muchos parecerá estúpido escribir sobre este tema, pero aunque no lo crean, hay veces que es bueno repasar algunos conceptos y tal vez retomar buenas prácticas.

Lo que veremos ahora es como guardar imágenes para subirlas y mostrarlas en nuestros sitios.

Lo primero

Lo que debemos saber es que hay por el momento la resolución aceptable sigue siendo 72 dpis para mostrar imágenes en web. Hay muchas personas que creen que entre mayor resolución tenga la imagen se mostrará más nítida, pero no es verdad, la nitidez con mayor cantidad de puntos solo se verá reflejada en dispositivos que soporten esta resolución, por ejemplo, el ipad retina, macbook retina o la chromebook pixel, por citar algunos ejemplos.

salvar para web and Devices en Photoshop

Por la versatilidad hoy trabajaremos en los ejemplos con Photoshop. La forma correcta de salvar los archivos para web es con la opción “Save for Web and Devices” que se encuentra en la parte superior del menú del programa.

Al seleccionar esta opción nos mostrará una ventana con varias opciones que nos darán las herramientas necesarias para guardar correctamente las imágenes para web.

Hay que tomar en cuenta que hoy en día las imágenes que se guardan y suben a web siguen teniendo los formatos comunes desde hace muchos años “jpg, png, gif”. Cada uno de estos formatos tiene sus ventajas y desventajas.

Guardar JPG para web and Devices en Photoshop

Al guardar imágenes en JPG para web lo que más nos interesará son las primeras opciones que aparecen en la parte derecha debajo del formato JPG.

La primera opción que tenemos es la calidad de la imagen con que deseamos guardar el archivo. Hay cinco calidades (Low, medimum, high, very high, maximum). Como ya lo platicamos a nosotros nos interesa guardar nuestros archivos con una porcentaje de pixeles o puntos por pulgada de 72, este porcentaje recae en la opción High.

Haciendo lo anterior es lo mínimo que necesitamos para poder exportar una imagen para web con resolución para web, esto es, imagen del tamaño que necesitamos, pero comprimida y optimizada.

Si lo quisiéramos en este paso podríamos dar click en el boton Save y sería todo, pero hay algunas opciones que seguro te servirán.

Debajo de las opciones anteriores tenemos cinco más que afectan a la imagen (Calidad: Progresivve o Optimized, embed color profile, blur y matte) Cada una de estas opciones

La calidad se divide en dos, progressive y Optimized. Lo que se refiere a la calidad progresiva, es cuando la imagen se despliega en diferentes capas que separan a una misma imagen dos diferentes calidades básicamente, calidad baja y normal. Esto se hace para mostrar las imágenes en draft o calidad baja mientras el navegador descarga toda la información para mostrarla de la calidad final. El problema con esta opción es que algunos navegadores no lo aceptan.

La calidad optimizada crea un jpg con la mejor compresión posible, pero no tiene la opción progresiva.

Blur. Lo que hace esta opción básicamente es agregar un desenfoque a la imagen.

Embed color. Esta opción toma el perfil del color definido en el archivo y lo optimiza. Esto se hace ya que algunos navegadores reconocen la corrección de color en los archivos.

En el siguiente artículo te mostrare como guardar en formato GIF y PNG-8, mientras te muestro para que sirve cada opción de manera fácil.

Claramente los clientes son una parte fundamental del negocio, si ellos no podríamos subsistir; pero también es cierto que hay muchas clases de clientes y aunque debemos saber manejar nuestras relaciones con ellos, ciertamente hay algunos que no son las personase ideales para seguir colaborando con ellos.

Dejar a un cliente requiere de muchas decisiones, desde el ingreso mensual que deja, hasta la relación que llevas con el, ya que cada uno de estos influye para tomar una decisión razonada para dejarlo ir.

En caso que te hayas dado cuenta que hay algún cliente con el cual no puedes seguir trabajando, hay algunos consejos que te podemos ofrecer para manejar su “despido” amigablemente y sin recobres.

Consejo 1. No despidas a un cliente a mitad de un trabajo.

Es decir, no dejes un proyecto a medias, además que no es ético y habla mal de ti a futuro; toma en cuenta que además de tener un contrato, tienes una responsabilidad profesional con él. Si te has dado cuenta que seguir trabajando juntos ya no es lo mejor para ti, hablado y programen una entrega del proyecto, dando un tiempo razonable para que el pueda conseguir a alguien más.

Consejo 2. Habla claro desde un inicio.

Cuando queremos ganar un proyecto ofrecemos cualquier cantidad de beneficios sin darnos cuenta que esto nos afecta a largo plazo. Si caíste en este error y ahora ya esta pesando, pon sobre una balanza el trabajo y la remuneración, en caso que pienses que no es justo el trato, platícalo con tu cliente para llegar a un arreglo, si no accede a formar algo donde ambos se beneficien, realiza el consejo uno.

Consejo 3. Se político

El aprender a manejar a los clientes es un arte que se aprende a lo largo del tiempo; la experiencia te dicta cuando ser cortes y cuando tomar al toro por los cuernos; pero siempre debes de ser político al dirigirte al cliente. Si tu meta es dejar de trabajar con el, una buena charla te ayudará a quedar en buenos términos.

Consejo 4. Siempre da la cara

Hay que ser congruentes con nuestras acciones, si en un inicio tuvimos los pantalones para ganar esa cuenta, ahora que no estamos contentos con ella, debemos tener los mismos pantalones para hacerlo saber al cliente. No termines una relación de trabajo por terceras personas, incluso si han estado involucradas al cien por ciento, si tu comenzaste este trato, termínalo en buenos términos.

Espero que estos consejos te ayuden un poco al tomar la decisión para dejar de trabajar con un cliente; tanto el como tu deben estar contentos con la relación cliente-proveedor y ambos deben salir beneficiados. Si tienes algunos otros consejos que nos puedan ayudar a todos, no dudes en dejarlos en los comentarios.

Un diseñador debe saber que escoger la tipografía correcta para cualquier diseño es crucial para llegar de forma correcta al público; esta tipografías deben tener el peso ideal, contraste y ritmo dentro del lienzo; saber si la utilizaremos serif o san-serif (con patitas o sin patitas), inclinada, recta o bold.

Por si te interesa, hemos hecho muchos artículos donde puedes encontrar muchas fuentes tipográficas para descargar de forma gratuita, date una vuelta por el link de abajo:

Esta infografía nos explica de forma rápida y sencilla como está constituida una fuente y nos da algunos ejemplos de como utilizarlas.

Honestamente todavia hoy en día para muchos diseñadores, marketeros, publicistas e incluso desarrolladores para los cuales es completamente desconocido trabajar con lineamientos para su publicidad. Si bien es cierto que cuando comienzas un proyecto, algunas veces no lo haces con fines lucrativos, lleva un momento en que tienes que empezar a rentabilizar los mismos… aunque depende de cada persona u organización.

Los banners basicamente son:

Los lineamientos sirven, como su nombre lo dice para tener un estandar general o internacional para hacer más fácil la creacion de anuncios o banners y que puedan ser usados por la mayoría de los sitios o lugares web donde se quiera hacer uso de ellos.

¿Pero… y como diseñador o desarrollador web, porque me podría ser escencial saber este tipo de cosas?

Es muy sencillo y podría dar aspectos que repercuten directamente en cada situación o profesión y algunos otros que lo hacen de manera indirecta, pero no por eso dejan de ser importantes.

• • Los anuncios son estandar y sabras que serviran para uno o varios sitios web
• • Como mercadolo o incluso vendedor de espacios, te resultara mas fácil vender medidas estandar
• • Como diseñador no tendras que ajustarte a las medidas que cada sitio quiera poner para su publicidad
• • Como pogramador ya sabras que espacios dejar mientras haces tus wireframes o programas directamente en el esqueleto del sitio
• • Como cliente, no tendras que hacer cada vez un anuncio nuevo para cada sitio donde quieras anunciarte
• • Como cliente reduces el gasto para diseñar tu publicidad

¿Y donde puedo ver todo esto?

Lo puedes hacer directamente en el portal de IAB. Ellos cada año hacen una revisión de actualizan en caso de ser necesario. Este es el principal referente para estar siempre actualizado en medidas, formatos e incluso consejos.

Como siempre, antes de hablar de una herramienta, hay que probarla y fue lo que hice con esta.

Para comenzar la idea es genial, el diseño estupendo y el enfoque interesante.

La herramienta es muy sencilla, se compone de 6 simples pasos:

• Sueldo deseado
• Vacaciones deseadas
• Días de incapacidad deseados
• Tiempo invertido en otras tareas
• Gastos fijos
• Ganancia deseada

Cada uno de estos datos debe contener números enteros para que el sistema los pueda validar, esto fue lo único que me detuvo un poco para entender rapidamente la plataforma, después de esto, no hubo problema alguno.

Este tipo de herramientas son muy valiosas para las nuevas generaciones de trabajadores freelance que se desarrollan en el país, ya que les dan una visión real de como es el tipo de cobro y algunos de los elementos que deben tomar en cuenta para ganar cada peso que llega a sus bolsillos. Por parte de los chicos de Cosmonauta, hay que felicitarlos, es una excelente herramienta.

Como siempre, si deseas checar por ti mismo el sitio puedes hacerlo desde el link de la parte inferior.

Es por eso que te traemos 10 sitios donde podrás encontrar piezas fundamentales para hacer rápido y mucho mejor tus trabajos de diseño; estos sitios más allá de contener elementos gratuitos, funcionan como buscadores especiales para cada categoría, espero que te sean funcionales.

DaFont

DaFont

FontStock

FontStock

FreeFonts

FreeFonts

iconFinder

iconfinder

iconseeker

iconseeker

iconLet

IconLet

VeryIcon

VeryIcon

LogoPond

LogoPond

BrushLovers

BrushLovers

brusheezy

Brusheezy

Si quieres saber un poco más de este proyecto, puedes checar su sitio web

Vía – Wanken

Esta ocasión, veremos un poco más de sus trabajos como director de arte. Este colega es un verdadero artista en cada una de sus ilustraciones; cada trabajo que hemos checado de él, nos deja con ganas de conocer más sobre sus proyectos.

Los siguientes son algunos de sus trabajos, si quieres ver mucho más acerca de sus proyectos, date una vuelta por su sitio web.

Producido y dirigido por Oriana Vera, diseñadora radicada de Valencia, Venezuela

Vía – behance

Algo que me encanta de este festival es que todas sus actividades serán gratuitas al público, algo que deberían aprender muchos “organizadores” que olvidan la esencia de los proyectos y lo ven como algo lucrativo.

Que es Proyecta

PROYECTA surge como un espacio para promoverla colaboración multidisciplinaria en el diseñoexplorando nuevas plataformas en las que diseñadoresy artistas produzcan obras y trabajos inéditosen cada edición del festival. PROYECTA busca posicionar a los autores de estas obrasen áreas y formatos fuera de lo convencionalproduciendo trabajo que no sólo empuja las fronterasde la disciplina de cada uno sino también del diseño en generalcreando nuevos géneros y lenguajes creativos, dejando atrástérminos tradicionales y redefiniendo prácticas, el evento es organizado por el Centro de Diseño de Oaxaca.