Desde eleganthemes llega ahora una buena lista de plugins de Wordpress que permiten mostrar imágenes en forma de presentación o contenido que se desliza horizontalmente (sliders), muchos de ellos de pago, todos ellos elegantes y sencillos de utilizar.
Llama particular atención el primero de ellos: lenslider.com.
Gratuito y bastante completo, con plantillas prediseñadas para que sea posible elegir el formato de cada slider individual, usa css3 y jQuery para realizar efectos de todo tipo.
No tiene límite de sliders, podemos poner tantas diapositivas como queramos dentro de nuestra presentación, ajustando tanto el tiempo que pasa entre una y otra como el margen o las opciones de reproducción automática. Permite también mostrar miniaturas de las imágenes que incluye el artículo al que enlaza, recortándola o cambiando su tamaño sin problemas.
En lo que a seguridad y velocidad se refiere, también comentan que se han concentrado en el tema, tanto realizando controles estrictos para evitar agujeros de seguridad como aprovechando la caché para que sea posible cargar todo el contenido con una sola consulta.
Podemos usarlo tanto para crear una área de contenido destacado en nuestro sitio web como una galería de imágenes dentro de un artículo, aunque para éste último caso puede resultar más atractivo el uso de Easyrotator, también gratuito.
Destacada hoy en meneame, la web nojpeg.org ha ganado una visibilidad tremenda en este primer día de mayo.
Se trata de una presentación, disponible en varios idiomas, que pretende ayudar a entender el motivo por el que los formatos EPS y PNG son tan importantes a la hora de crear un logo. Usar jpg genera problemas de varios tipos (fondo no transparente y pérdida de resolución, principalmente), problemas que pueden ser evitados si guardamos una copia de nuestro logo en formato EPS (para que el diseñador pueda realizar trabajos con el logo usando herramientas especializadas) y formato PNG (para que podamos usarlo en la web garantizando que el fondo no quedará oculto por un terrible cuadrado blanco).
En la presentación muestran ejemplos de la pérdida de resolución que puede tener un archivo jpg al ampliarlo, indicando alternativas y concluyendo que debemos tener siempre el logo en dos formatos:
– Un archivo .EPS para diseñadores, impresores, desarrolladores y otros profesionales. – Y un archivo .PNG para documentos, presentaciones, etc.
Lenguaje sencillo y ejemplos claros, ideal para que no haya dudas a la hora de entenderla.
Continuamos con nuestra serie mensual de recursos gráficos y de desarrollo trayendo 50 nuevos recursos variados para salvar el preciado tiempo de diseñadores y desarrolladores. Toma asiento y disfruta de esta lista que te inspirará y te dará útiles ayudas para tus próximos proyectos.
Gráficos
En esta sección se encuentran trabajos de diseño que pueden ser usados en todo tipo de ambientes, web e impresos.
En esta sección se pueden encontrar como es usual, las mas recientes interfaces gráficas de usuario que sirven de inspiración en la creación de páginas y aplicaciones móviles.
En esta sección hay una lista con frescos temas de WordPress para usar directamente en tu sitio, y plantillas HTML y PSD para inspiración y desarrollo.
Por último, en esta sección se pueden encontrar algunos experimentos de código y plugins de jQuery para los desarrolladores en busca de novedosas caracteristicas para mejorar sus proyectos.
A finales del pasado mes de octubre os presentamos a Notegraphy, un servicio que por aquel entonces sólo estaba disponible en la web y como aplicación para iOS, con la idea de permitir a los usuarios la creación de textos atractivos mediante la aplicación de diferentes estilos tipográficos similar a la aplicación de filtros a las fotografías hechas en Instagram. De hecho, los textos creados se pueden compartir dentro de la propia comunidad de Notegraphy y también en Instagram, Twitter y Facebook.
Y como muchas aplicaciones están desembarcando últimamente en la plataforma Android, Notegraphy no es menos, y desde hace pocos días, los usuarios de esta plataforma móvil ya podemos crear textos atractivos y aplicarles diferentes estilos desde nuestros terminales móviles, tanto desde teléfonos móviles como tabletas. Es más, Notegraphy asegura que su aplicación para Android es 10 veces más rápida que la versión de iOS.
Según podemos leer en su ficha en Google Play, dispone de más de 30 colecciones creadas por algunos de los mejores diseñadores del mundo, permite la edición automática, permite la publicación instantánea en Facebook y Twitter, además posibilita guardar notas y enviarlas por correo electrónico y a través de la red de mensajería móvil WhatsApp, así como la creación de la propia galería personalizada de notas. En este sentido, los usuarios se pueden inspirar en las notas creadas por otros usuarios.
Notegraphy está disponible gratuitamente desde Google Play para terminales Android desde la versión 4.0.3 en adelante.
Las infografías interactivas son representaciones de datos que utilizan color y recursos informativos ingeniosos para que el usuario pueda interactuar con ellas y a la vez captar más información. La interacción permite a los usuarios descubrir más información al hacer clic, desplazarse, hacer zoom, ver y pasar el mouse por encima de la infografía para explorar más allá.
Éstas pueden ser infografías animadas, también conocidas como “gifografías”, o no. Las infografías interactivas involucran la interacción desde el extremo del usuario con el fin de impulsar la atracción.
¿Significa esto que las infografías estándar o estáticas ya no sirven? No, realmente. Éstas todavía están vivas y bien. Pero como ya se han popularizado al punto de que se encuentran decenas de ellas a diario en la red, las infografías planas se han tornado un poco aburridas.
¿Por qué funcionan las infografías interactivas?
Las personas están programadas para lo visual. Usted tiene mayor probabilidad de recordar lo que ha visto que lo que ha leído y procesa las imágenes 60.000 veces más rápido que el texto plano. Pero hay una mejor manera de aprender y es mediante la combinación de ver con hacer. En resumen: visualidad + cinética produce mucha más interacción.
Cuando usted tiene que hacer algo para obtener información, es más probable que la recuerde. También está la necesidad de revelar lo que está allí guardado y la curiosidad por explorarlo, así usted se siente atraído por la infografía.
Las infografías interactivas le permiten ir más allá y se pueden crear usando HTML5 y JavaScript, aunque eso sí, se requiere de algo de experiencia y conocimiento para crearlas. Demos un vistazo a 6 infografías interactivas increíbles y veamos por qué los usuarios hacen “clic” en ellas:
Esta es una infografía divertida de MahiFX que le pregunta su salario anual y revela el número de minutos o de horas (si usted gana mucho dinero) que le toma a John Paulson (famoso accionista e inversionista) ganar la misma cantidad. Usted interactúa con la representación ingresando su salario, así que tiende a recordarla bien. También funciona bien porque es divertida, agradable pero frustrante a la vez, causa estupor el pensar que alguien puede ganar tanto en cuestión de minutos.
Esta infografía le invita a hacer clic en ciertas partes del mapa para revelar datos específicos. Habla del dinero de devolución de impuestos sin reclamar que se acumula cada año. Al hacer clic en un territorio, puede ver las personas de cada estado de USA, el reembolso potencial promedio y el total de los reembolsos potenciales.
3. ¿Hasta dónde llegaremos en el espacio? (enlace)
Esta infografía nos da una visión general de los diversos y sorprendentes fenómenos durante nuestro tiempo en el espacio.
4. Por qué su cerebro ansía una infografía (enlace)
Esta es, por mucho, mi infografía preferida. Tiene colores brillantes (y apropiados) que la hacen atractiva. La infografía lo mantiene atraído mientras se desplaza por ella para aprender más cosas. También tiene algunos botones integrados para compartirla en medios sociales que funcionan eficazmente para hacer las estadísticas compartibles. Esto demuestra por qué los elementos visuales son tan eficaces con datos curiosos como “el 80 % recuerda lo que ve y lo que hace” y “el 10 % recuerda lo que escucha”.
Esta infografía explica el funcionamiento del cerebro haciendo clic en cada área del mismo. Cubre la corteza cerebral y sus cuatro lóbulos, el cerebelo y el tronco cerebral.
¿Alguna vez se preguntó cómo funciona la búsqueda de Google? Usted no tiene que hacerlo, porque esta infografía le explica todo.
Al equipo de Google se le ocurrió esto cuando se dieron cuenta de que no hay nada que explique su proceso con facilidad y rapidez. Aunque había mucha información sobre el tema, nada estaba en formato de infografía ni era tan atractivo para el consumidor. Y a partir de ahí, nació la infografía interactiva “Cómo funciona la búsqueda”.
Bien, entonces, ¿ahora está convencido del poder de las infografías y le gustaría darle usted mismo una oportunidad? Pruebe una nueva y estupenda herramienta llamada Visme (antes EWC Presenter), que es totalmente gratuita y le permite crear hermosas infografías interactivas fácilmente.
¿Conoce otras buenas infografías interactivas? ¿Qué cree que las hace funcionar?
Payman Taei es el fundador de HindSite Interactive, una empresa de diseño y desarrollo web premiada, que crea web personalizadas y sitios móviles y aplicaciones para empresas y organizaciones.
_______
Extra de WWWhat”™s new: El currículum de un diseñador gráfico
No podemos dejar pasar la oportunidad para compartir el flamante, colorido y extraordinario currículum interactivo de Robby Leonardi, un diseñador gráfico que ahora trabaja en New York para FOX News y que le enseña a todo el mundo lo mucho que se puede obtener de los recursos gráficos interactivos.
Encontrar los colores adecuados para un nuevo proyecto no es tarea fácil, motivo por el cual es importante conocer aplicaciones que puedan ayudarnos a descubrir combinaciones que, originales o no, generen el efecto adecuado entre nuestros clientes.
Aquí os dejamos algunas de las mejores herramientas que conozco en esta categoría, si queréis ampliar la lista, abiertos están los comentarios:
Famosa aplicación de Adobe que, con versión web creada hace más de 8 años, dispone también de aplicación iPhone para capturar los colores de las imágenes que le indiquemos.
Podemos encontrar los colores utilizados por grandes marcas famosas, obteniendo el código de cada uno y permitiendo bajarlo en formato CSS, SCSS y LESS.
Encontrar la fuente ideal para nuestro nuevo sitio web o para crear el documento perfecto no es tarea fácil. Hay miles de opciones disponibles en sitios de las más diversas categorías, pero pocos que permitan navegar, guardar y clasificar la tipografía que más nos llama la atención.
Eso es lo que hace fonttown.com, una aplicación que contiene miles de fuentes de todo tipo, fuentes que podemos guardar en nuestra cuenta y bajar a nuestro ordenador para instalarla en nuestro sistema operativo.
Fonttown ha ido encontrando fuentes gratuitas con licencias freeware, demos, dominio público y shareware. Ellos indican la licencia de cada fuente bajo el archivo correspondiente, pero recomiendan leer el texto de autor del material o acceder a la web original para obtener más detalles sobre cómo podemos usar la tipografía.
Actualmente cuenta con una función de búsqueda con opciones de clasificación y filtrado, vista previa en tiempo real de la fuente en la página de búsqueda y en el detalle, posibilidad de ver el alfabeto completo en el detalle de cada fuente y opción de agregar fuentes como si se tratara de un carrito de la compra. En el futuro tendremos la posibilidad de descargar todas las fuentes guardadas de una sola vez.
Se trata de un proyecto que nació en 2009, con más de 30.000 archivos OpenType (otf) y TrueType (ttf) disponibles para Download.
Si sois los responsables por varias cuentas en redes sociales de empresas de todo tipo y estáis cansados de enviar y recibir emails para obtener la aprobación necesaria antes de la publicación de los textos e imágenes, echad un vistazo en gainapp.com.
Se trata de una aplicacion web que nos permite ver cómo el contenido que publicaremos aparecerá en Facebook y, próximamente, en Twitter. Solo tenemos que subir las fotos, usar su editor para darle efectos a lo instagram, programar las fechas de publicación y mostrar el calendario al cliente. La empresa verá una linea de tiempo con el aspecto de cada post adaptado a cómo se verá una vez publicado, tanto desde escritorio como desde móvil, y podrá aprobar cada una de las entradas para que realicemos el ajuste necesario antes de enviarlo.
Es posible también, desde Gainapp, ver las estadísticas relacionadas con el éxito de la publicación, así como gestionar los que consiguen visibilidad orgánica y los que necesitan de inyección económica para ganar visibilidad (algo cada vez más frecuente en Facebook).
Gainapp tiene un plan gratuito de 14 días, después de dicho plazo habrá que pagar de forma proporcional al número de cuentas que tengamos registradas. En su blog han publicado una infografía mostrando los diferentes tamaños de imágenes con los que Facebook juega, indicando el aspecto final en función del tipo de foto que subamos.
Apto para quien tiene clientes extremadamente exigentes en el aspecto estético del post publicado y gasta mucho tiempo con editores de imágenes mostrando el aspecto final del resultado en las redes sociales.
Continuando con nuestra habitual serie de cada mes, aquí traemos una lista con recursos frescos que ayudarán considerablemente a todo entusiasta de la Web en sus proyectos. Los diseñadores también encontrarán muy buenos recursos en esta lista, ítems que pueden servir como inspiración y como base para producir nuevos elementos que hagan de la Web un lugar cada vez mejor.
Os la presentamos en 2011 y sufre ahora una completa reforma: Invision (invisionapp.com), una buena forma de presentar nuestros diseños a los clientes.
La idea es que pódamos subir imágenes de nuestros diseños (páginas web, por ejemplo) y crear acciones para que el cliente pueda pulsar en áreas e interactuar con las diferentes secciones del diseño. Podemos incluso hacer presentaciones en tiempo real, ayudando así a que, de forma remota, el cliente entienda el funcionamiento de lo que hemos desarrollado.
Los usuarios pueden comentar sobre el diagrama presentado, ayudando a obtener el feedback necesario para poder seguir trabajando, siendo posible incluir colaboradores diferentes en cada proyecto para tener bajo control quién puede ver y comentar cada trabajo.
En enero lanzaron nuevas opciones para quien trabaja con aplicaciones android, ofreciendo siempre, de forma gratuita, la posibilidad de trabajar con un proyecto.
Para los que necesitan más, hay opciones que, por 15 dólares al mes, ofrecen 3 proyectos y 5 colaboradores en los mismos, eliminando el límite de número de proyectos por 25 dólares mensuales.
