
Fieldtest es una aplicación que podemos usar para crear bocetos de aplicaciones para dispositivos móviles, siendo ideal para mostrar ideas a programadores o inversores, por ejemplo.
Podemos subir imágenes, dibujos o cualquier tipo de idea para añadir interacción que pueda ser usada para transmitir la idea, obteniendo así una aplicación que puede ayudar bastante a entender el concepto que queremos emitir.
En el vídeo inferior podéis ver un ejemplo de su uso, suficientemente atractivo como para pedir la invitación en su página principal, ya que aún se encuentra en fase beta cerrada.
Continúa leyendo «fieldtest – Crea en minutos prototipos de aplicaciones móviles»
Categoría: Utilidades para diseño
Aplicaciones y recursos para diseñar. Recursos para diseñadores, herramientas gratuitas y consejos para diseñar por móvil y web.
ufeedmeback – Contrata la opinión de grandes profesionales del diseño

Si habéis acabado un diseño y os gustaría recibir feedback de grandes profesionales del sector, echad un vistazo en ufeedmeback.
Se trata de una web en la que podemos enviar, de forma pública o privada, una imagen de nuestro diseño, especificando los diseñadores que tendrán que dar su opinión.
Existe una base de datos de grandes profesionales (que puede ampliarse con nuestras sugerencias) que están listos para dar el feedback solicitado, cada uno de ellos estableciendo un precio diferente.
Si tenéis suficiente experiencia podéis enviar un email a los responsables ofreciéndoos como profesionales destacados, permitiendo ser parte de la lista de protagonistas existente.
Spur – Ayudando a los diseñadores de páginas web

Spur es un nuevo proyecto que permite a los diseñadores de páginas web utilizar herramientas que ayudan en el proceso de creación de las páginas.
Solamente tenemos que indicar la url del sitio web que estamos diseñado y obtener una versión rodeada de pequeñas funciones para medir distancias, cambiar tonos y colores, hacer zoom, girar, crear efecto de neblina.. siempre con el botón de volver a la versión original en cualquier momento.
Zurb, la empresa responsable por el producto, tiene otras herramientas que podemos consultar en www.zurb.com/word/, todas ellas creadas para facilitar la vida de quien crea:
– Chop: es una aplicación que nos permite registrar lineas de código en varios lenguajes de programación para compartirlos a través de una url generada, única para cada uso del sistema.
– Parade: Para programar la subida de fotos en Flickr.
– Strike: Para gestionar listas de tareas
– Clue: Para enviar tests a los lectores, que deberán informar lo que recuerdan del diseño de una página web después de haberla visto unos pocos segundos.
Actualización: En este momento algunas de las funciones de Spur han desaparecido, estando únicamente disponibles las de zoom, giro y espejo.
Link: Spur | Vía TNW
subtlepatterns – Texturas gratuitas para el fondo de tu sitio web

Encontrar texturas gratuitas en Internet no es difícil, hay varios sitios especializados en el tema, aunque la mayoría de ellas están creadas para modelos 3D, no para creación de webs.
subtlepatterns ofrece una colección de texturas adecuadas para el uso en sitios web, poco cargadas, colores suaves y efectos sutiles, permitiendo probarlas en subtlepatterns antes de bajar los archivos correspondientes a cada una. Continúa leyendo «subtlepatterns – Texturas gratuitas para el fondo de tu sitio web»
drawbang – Crea sencillos gifs animados estilo Retro

Herramientas para crear gifs animados hay muchas, aunque ninguna de ellas tiene el carisma que muchos encontrarán en drawbang.com, creado por Giovanni Cappellotto.
Tenemos que dibujar, pixel por pixel, cada una de las secuencias de nuestro gif animado, teniendo para ello una paleta de colores llamativos para garantizar un resultado que nos haga retroceder varios años en el tiempo.
En su página principal podemos ver algunos ejemplos, todos de 16×16, que es el tamaño que genera drawbang en sus pequeños y pobres gifs de 2 frames.
Ideal para quien diseña juegos modernos ambientados en los 80’s, las nuevas generaciones seguramente preferirán ir a pasear por algún museo.
Gracias Marcos por la nueva reliquia.
204 iconos gratuitos inspirados en Google Plus

Si vais a empezar algún proyecto con Google Plus como protagonista, o si estáis esperando como agua en mayo la API que permita crear aplicaciones para dicha red social, seguramente os interesará esta colección de iconos que acaban de presentar en webdesignshock.com.
Tanto sus colores como sus formas están inspirados en G+, existiendo formas de todo tipo que pueden formar parte de las diferentes secciones de un proyecto estéticamente atractivo.
En formatos PNG y PSD, en color y en blanco y negro y con diferentes tamaños, podéis echar un vistazo a la colección en www.webdesignshock.com/google-plus-interface-icons/
CircuitBee – accede y comparte los esquemas de circuitos electrónicos

Si te gusta la electrónica y estabas buscando un sitio donde conocer nuevos esquemas de circuitos electrónicos e incluso deseas compartir el tuyo, ese sitio que estás buscando se llama CircuitBee. CircuitBee es una nueva comunidad, en estado alfa, donde los usuarios acceden y comparten esquemas de circuitos electrónicos.
Como la propia CircuitBee indica, es como Google Maps, pero en vez de navegar por mapas, navegas por los esquemas de cualquier circuito electrónico al que accedas, teniendo a tu disposición elementos tales como zoom, desplazamientos, visionado a pantalla completa, descripciones de cada elemento del circuito en el que te posiciones con el ratón, e incluso incrustación en otros sitios web mediante el código que se te proporciona.
Los usuarios pueden subir sus propios esquemas de circuitos electrónicos bajo el formato KiCAD, y actualmente ya hay algunos esquemas de circuitos electrónicos de acceso público.
Enlace: CircuitBee | Vía: TechTear
Dropr lanza una nueva versión, portafolios más profesionales

Desde que os lo presenté en enero no habían habido muchos cambios en el fantástico Dropr, hasta ahora… se anuncia una nueva versión que, entre otras cosas, permite la visualización de nuestros portafolios publicados en dispositivos móviles variados.
Dropr ha facilitado el trabajo de actualizar el material manteniendo su estilo único, permitiéndonos trabajar en un panel lleno de detalles donde el aspecto estético continúa siendo impecable.
Más rápido, más flexible, más fácil de navegar y resultados excelentes, siendo ideal para mostrar el trabajo de fotografía, diseño web, dibujo o cualquier otro que tenga el talento como protagonista.
tinyfluidgrid – Una nueva forma de ahorrar trabajo en diseño CSS

Basado en 1kbgrid.com, tinyfluidgrid.com nos permite informar el valor de algunas variables para construir plantillas basadas en columnas.
Podemos informar el número de las mismas, su ancho, el grosor de las lineas… todo con la posibilidad de visualizar el resultado antes de bajarlo.
Cuando hayamos construído el diseño que servirá de base en nuestro trabajo, podremos bajar el resultado en forma de html y css, listo para formar parte de nuestra nueva web.
Un constructor más que puede ahorrar bastante tiempo en las primeras fases de un proyecto.
Adobe Edge – La nueva herramienta de Adobe para crear animaciones en HTML5 [Vídeos]

Adobe, responsable por la tecnología Flash, ha lanzado una nueva herramienta que nos permite crear animaciones en HTML5 de forma sencilla.
Se trata de Adobe Edge, capaz de ofrecer HTML5, CSS y JavaScript para hacer muchas de las cosas que estamos acostumbrados a ver en animaciones Flash, aunque, como ellos mismos dicen, aún no podemos dar por muerto al Flash, existiendo muchas funciones del mismo que no pueden simularse con estas nuevas alternativas.

La idea es poder hacer animaciones, aunque pretenden ampliar las opciones para poder crear pequeños juegos dentro de poco.
Disponible en modo de pruebas, para PC y Mac, en labs.adobe.com, ya pueden verse algunos vídeos con los primeros tutoriales, así como presentaciones de la propia adobe en www.youtube.com/user/AdobeEdge:
Continúa leyendo «Adobe Edge – La nueva herramienta de Adobe para crear animaciones en HTML5 [Vídeos]»