Si trabajáis en diseño de páginas web seguramente agradeceréis tener guías en vuestro navegador web, igual que las tenemos en un editor de imágenes profesional, como Photoshop.
foxGuide es un plugin de Firefox que nos permite exactamente eso, mostrar pequeñas líneas horizontales y verticales para que sea fácil tener los componentes alineados, ofreciendo ayuda para perfeccionar nuestros diseños.
Podemos moverlas y eliminarlas como queramos, arrastrándolas al lugar adecuado para poder tener la seguridad de que los componentes mantienen posiciones relativas adecuadas.
Con posibilidad de configurar la transparencia de estas líneas, es una idea original y sencilla de usar.
connectasketch es una web que nos permite transformar nuestros diseños de bocetos en servilletas en algo mucho más útil para trabajar.
Podemos subir nuestros diseños, añadirlos dentro de una página y enlazarlos entre ellos, con posibilidad de compartirlos para obtener un feedback de nuestros clientes o supervisores.
El registro es bastante rápido, sin necesidad de confirmar por email. Después podemos empezar a subir imágenes y crear enlaces dentro de cada una de ellas, montando nuestro mapa de relaciones entre los diferentes bocetos.
Una buena herramienta para salir de la mesa y entrar en la nube.
Para cualquier tipo de empresa que disponga de presencia online, es indispensable disponer de vías de contacto para sus clientes, de manera que éstos puedan entrar en contacto, entre otras vías, mediante chat, siendo ChatBadge una opción a tener en cuenta.
Se trata de un servicio que permite el contacto de los clientes con las empresas mediante una ventana de chat, y por el que inicialmente se deberá de configurar el badge que dará acceso a dicha ventana de chat, para que una vez integrado en la web corporativa de cualquier empresa, los clientes puedan entrar en contacto con cualquier departamento que tenga operadores disponibles para atender las solicitudes.
Por su parte, la empresa dispone de un panel, muy precario visual y funcionalmente a día de hoy, donde gestionar departamentos, sus operadores, las notificaciones o la elección del tema visual, permitiéndole dispone de un completo control de todas las sesiones de chat que se efectúen.
Hoy me presentan Fatpaint.com, un nuevo y gratuito editor de imágenes creado para permitir el diseño por capas, el dibujo vectorial, la edición de fotografías y el desarrollo de páginas.
Basado en Flash, es compatible con la presión ejercida por los Pen Tablets, ofreciendo una infinidad de recursos en un panel completo y complejo, del cual muestro un ejemplo en la captura superior.
Además del editor, en el sitio ofrecen varias otras alternativas, como tiendas de camisetas y otros productos relacionados con el diseño.
Después de la publicación sobre Mentaway en Techcrunch mucho se está hablando del producto en la web. Aprovechando que los fundadores son brasileños, entré en contacto con Gisele Muller, una de las cabezas que está por detrás de esa aplicación que dará mucho que hablar, para hacerle algunas preguntas sobre el proyecto.
– ¿Qué es Mentaway?.
Mentaway es una aplicación que agrega varios servicios sociales con soporte para localización geográfica, integrándose con aplicaciones como Twitter, Flickr, Foursquare y otros servicios de microblogging como Posterous, en un mapa, mostrando todos los lugares visitados y creando un nuevo concepto de viaje.
El objetivo es intentar contextualizar un viaje, facilitando el seguimiento de los amigos y familiares y ayudando a responder preguntas del tipo «De qué lugar es esa foto» o «Dónde está esa ciudad«.
– ¿Quiénes estáis por detrás del proyecto?.
La idea de Mentaway fue de Eduardo Sasso, yo (Gisele Muller) soy la co-fundadora. En la parte de diseño contamos con la ayuda de Fabio Sasso (Abduzeedo) y de Fabiano Meneghetti.
– ¿Por qué decidisteis crear este tipo de servicio?.
Decidimos crear Mentaway porque nos encanta viajar e identificamos la oportunidad de crear un servicio que fuera útil para nosotros y también para otras personas que comparten esta pasión por los viajes y la tecnología.
La idea surgió cuando estábamos planeando nuestro viaje a California (donde estamos actualmente). La idea original era crear un blog bien simple, pero fue evolucionando hasta que Eduardo comenzó a desarrollar la integración de servicios de localización geográfica en un concepto de viaje. En ese momento vimos que la idea tenía un potencial mayor y nos pusimos con las manos en la masa para implementar una versión veta y analizar el resultado.
– ¿Tendremos versión en otros idiomas?
Aún estamos en la fase inicial del lanzamiento, pero con el tiempo podremos hacer versiones en otros idiomas, dependerá del interés de los usuarios.
– ¿Cómo imagináis Mentaway en los próximos dos años?
Queremos implementar muchas cosas y desarrollar aún más el concepto, pero la idea es ser ua referencia en ‘travel blogging’.
– ¿Cuál es o será el modelo de negocio?
Estamos definiendo aún muchas cosas, pero la idea es hacer una versión gratis con anuncios y una versión de pago sin publicidad y con más opciones de privacidad.
Muchas gracias a Gisele y a su equipo por su tiempo.
De entre todas las formas que tenemos para hacer bocetos en la web, vamos a parar unos minutos comentando jMockups.
Se trata de una aplicación que nos permite crear 5 bocetos en su plan gratuito, usando herramientas muy sencillas de usar para el diseño de nuestros proyectos.
Con los elementos básicos en la mayoría de webs (botones, campos de formulario, etc.), podemos exportar el resultado en formato de imagen, siendo sencillo compartirlo con otras personas (compañeros de trabjo, clientes, etc.);
Una buena alternativa a los editores de imágenes más complejos que, muchas veces, no son la mejor opción para este tipo de trabajo.
Al igual que en Internet podemos encontrarnos con infinidad de servicios destinados a mejorar nuestras imágenes, también tenemos herramientas online para crear nuestros propios diseños vectoriales, como es el caso de SVG Edit.
SVG Edit es un servicio online que nos ofrece las funcionalidades más básicas para poder crear nuestros propios diseños, desde un logotipo hasta una tarjeta por ejemplo, permitiéndonos poder editar nodos, cambiar rellenos, cambiar el color del filo, girar figuras, insertar textos e imágenes, etc.
La distribución de las diferentes funciones se asemejan mucho a los algunos programas de diseño vectorial de escritorio, donde tenemos la parte superior que en función del elemento elegido en el área de nuestro diseño, aparecerán unas funciones u otras que nos permiten cambiar sus características, un panel lateral con los diferentes elementos que podemos introducir, y la parte inferior, destinada al tema de los colores.
Podemos partir desde un documento completamente en blanco, o incluso partir de la importación de un documento SVG, y el resultado lo podemos guardar como imagen vectorial o exportar como archivo bitmap en formato PNG. También tenemos acceso al código fuente de nuestro diseño.
Lo interesante es que se trata de un proyecto, bajo licencia Apache, que en próximas versiones se añadirán nuevas características, y que además podemos descargarlo para instalarlo en nuestro servidor web.
Make me zombie es un servicio web ideal para estas fechas, y es que nos va a permitir convertir una foto de nuestro rostro en Zombi. Sí, así como lo lees, con tan sólo subir una imagen en modo carnet podremos saber cómo seriamos si fuéramos zombies.
Para ello tendremos que examinar los directorios de nuestro ordenador y encontrar aquella foto que más nos guste y que salga solamente la cara. Las extensiones de imagen a utilizar son: JPG, PNG o GIF.
Excelente site para convertir imágenes a zombies y enviarlas por correo electrónico a nuestros amigos o familiares.
Swearch.me es un multibuscador preparado para buscar a través de iPhone en buscadores como: Google, Flickr, Wikipedia y Twitter.
Además, utiliza tecnologías HTML5, CSS y Javascript para mostrar fluidamente las cajas de texto de cada buscador.
Para utilizar la aplicación, tan solo tenemos que entrar desde nuestro iPhone y marcarlo como página de inicio, pudiendo cambiar de motor moviéndonos hacia la izquierda.
Excelente aplicación para buscar cómodamente y eficazmente con nuestro teléfono móvil.
En la categoría de utilidades para diseño he publicado con bastante frecuencia colecciones de iconos, plantillas y otros recursos que pueden ayudar en la tarea de creación de aplicaciones y sitios web, en premiumpixels.com, por otro lado, se encargan única y exclusivamente de eso.
Todos los diseños, archivos PSD, menús, botones, plantillas, fondos, iconos, etc. son realizados por el autor del sitio, con la licencia adecuada para que puedan ser usados y alterados en nuestros trabajos personales y comerciales, sin necesidad de mencionar al autor ni poner enlaces al sitio. Lo único que piden es que no se distribuya el material obtenido desde premiumPixels en ninguna otra web.
Una buena colección que, aunque de momento no es muy grande, tiene una calidad excepcional.