Etiqueta: diseño

DeviantArt estrena aplicación oficial para Android

Publicado el 10 diciembre, 2014

Excelentes noticias para los usuarios de DeviantArt que al fin tendrán una aplicación oficial para Android, ofreciendo interesantes características para no perder detalle de lo que ofrece la comunidad.

Cuenta con un diseño simple pero perfecto para navegar por todos los trabajos o descubrir nuevos diseños. Podemos desplazarnos por diferentes secciones, como por ejemplo una selección de noticias, reportajes y contenido de interés.

deviantART

Para inspirarnos tendremos sugerencias de colecciones que nos llevaran a descubrir nuevos artistas y diseños. También tendremos nuestro espacio para expresarnos e incentivar la interacción, mediante las actualizaciones de estado, así como también la posibilidad de presentar nuestros trabajos.

Además. tendremos una sección para atender nuestro feed y dar seguimiento a todo el contenido que nos ha resultado interesante. Y siguiendo la misma dinámica que la web, tendremos un centro de notificaciones para gestionar menciones, mensajes, etc.

Es intuitiva, rápida y por el momento solo presenta algunos pequeños errores que irán corrigiendo a medida que reciban el feedback de los usuarios.

everycircuit, para diseñar y simular circuitos en web y móviles

Publicado el 7 diciembre, 2014

por Juan Diego Polo

Disponible en everycircuit.com, para web, android y iOS, este proyecto nos ayudará a diseñar circuitos y verificar su funcionamiento en pocos minutos, ofreciendo un simulador que ayudará a arrastrar los componentes deseados dentro de un panel virtual, desde resistencias a condensadores, pasando por transistores y demás.

Aunque la idea no es nueva (ya usé herramientas así en los 90, cuando hice telecomunicaciones), sí es interesante ver como el poder de los navegadores permite ejecutar programas que antes requerían licencias extremadamente caras y recursos avanzados.

Los circuitos que diseñamos tienen una url única para que podamos compartir el resultado, siendo así sencillo discutirlo en foros especializados o enviarlos al profesor, en caso de que se trate de un proyecto educativo. También es posible incrustarlo dentro de una página web, consultar diseños populares, realizar búsquedas entre el material público, participar de una comunidad de usuarios que ayudarán a eliminar dudas, acceder directamente desde chrome usando el link everycircuit.com/app…

Aquí tenéis un vídeo mostrando sus funcionalidades, aunque es importante destacar que para disfrutar de todas sus funciones hay que pagar un dólar al mes (aunque puede probarse de forma gratuita). La versión premium incluye más área para construir el circuito, más componentes, análisis en AC, almacenamiento en la nube, simulaciones interactivas y más.
Continúa leyendo «everycircuit, para diseñar y simular circuitos en web y móviles»

Algunas formas de mejorar la resolución de tu imagen

Publicado el 7 diciembre, 2014

por Juan Diego Polo

Si habéis recibido una imagen con muy poca resolución y necesitáis ampliar su tamaño con la esperanza de no ver píxeles del tamaño de un puño, no os desesperéis, puede haber solución.

Algunas imágenes, aquellas que fueron dibujadas con contornos definidos, pueden ser transformadas en vectoriales, obteniendo resultados fantásticos. Ya os hemos hablado en algunas ocasiones de esa técnica, y os dejamos hoy con algunas soluciones de este tipo:

vectormagic.com

La que más uso personalmente. Desde hace años ofrecía el servicio de forma gratuito, ahora solo permite hacer dos conversiones sin pagar nada, el resto solo pueden hacerse si hay suscripción por medio.

Solo tenemos que subir la imagen deseada y ver cómo se realiza el proceso de transformación en png (vectorizada). En la captura podéis ver un ejemplo del proceso: se detectan los contornos y se transforman píxeles en curvas.

Por supuesto, solo funciona en las ocasiones en las que hay contornos definidos, no hay solución en caso de tratarse de una fotografía compleja.

vectoriza.com

Si el resultado anterior no ha sido bueno, hay servicios como el de vectoriza.com que lo hacen a partir de 5 euros por imagen. El trabajo es manual, por lo que el resultado está garantizado.

autotracer.org

No hay trabajo manual, pero es online, automática y gratuita. Los resultados no son tan buenos como en la primera solución, pero dependiendo de la imagen podemos obtener una buena imagen vectorial en formato svg, EPS o pdf. El funcionamiento es semejante al de online.rapidresizer.com (que pide el email para enviar el resultado), image.online-convert.com, que abusa de publicidad pero permite seleccionar material de dropbox o rast2vec, que parece salida del siglo XX.

Como siempre, el resultado final dependerá de lo compleja que sea la imagen inicial, pero no cuesta nada probarlo.

Nueva versión de Justinmind, para hacer prototipos de aplicaciones web y móviles

Publicado el 6 diciembre, 2014

por Juan Diego Polo

Desde que os hablamos de Justinmind en 2011, ha llovido mucho dentro de esta plataforma que ayuda a profesionales de diseño a crear prototipos para sus clientes.

Disponible para windows y mac, con versión gratuita y versión pro bajo suscripción, Justinmind permite crear bocetos de aplicaciones simulando acciones (desde botones a formularios), con una gran cantidad de elementos que podemos arrastrar y soltar para crear un resultado lo más parecido al producto final posible.

En las últimas semanas han actualizado su versión ofreciendo una librería para los que necesiten crear proyectos usando el nuevo diseño de Google, disponible en la sección de gestión de widgets que se renovó en el lanzamiento de la versión 6.0 en el mes de julio.

En la nueva versión, lanzada hace solo unos días, han mejorado también la sección de widgets para android, así como corregidos algunos problemas en la exportación HTML.

Podéis instalar Justinmind (justinmind.com) de forma gratuita y disfrutar de la versión pro durante 30 días sin pagar nada. Si acabado el periodo no queréis seguir con dicha versión, aún podréis seguir trabajando de forma permanente con la gratis, pensada para proyectos pequeños, freelancers y pequeñas startups.

Material Design Color Palettes, paletas de colores Material Design para inspirar a desarrolladores [Android]

Publicado el 5 diciembre, 2014

por Fco. José Hidalgo

Aquellos desarrolladores de aplicaciones móviles que necesiten inspirarse para elegir los colores adecuados para llevarlos a sus desarrollos bajo el estilo Material Design de Google, Material Design Color Palettes es una aplicación gratuita para dispositivos Android que les permitirá obtener paletas de colores mediante diferentes tonalidades acordes a los colores seleccionados.

La aplicación en sí es bastante sencilla y bastante simple, ya que sólo mostrará las paletas de colores acordes a los colores escogidos, mostrando cada tono de color con su valor hexadecimal. Cada valor hexadecimal puede ser copiado al portapapeles del sistema.

Se echa en falta aspectos tales como la posibilidad de generar y guardar listas de colores personalizadas u obtener los valores de los colores en otros tipos de códigos, quedando sólo en hexadecimal. Aún así, la aplicación está orientada más bien en la búsqueda de la inspiración. De todos modos, el código de la aplicación está disponible en GitHub, lo que posibilitará a otros usuarios el acceso al código para poder realizar mejoras y modificaciones, e incluso para añadir nuevas características.

Material Design Color Palettes se encuentra disponible a través de Google Play para todos los dispositivos Android de manera gratuita, siempre y cuando estén disponibles bajo la versión Android 4.1 en adelante, estando actualmente en su versión 0.4.0, con lo que cabe la posibilidad de que en futuras versiones se incluyan algunos aspectos demandados por los usuarios, aunque la pelota está en todo caso en el tejado de sus desarrolladores.

1500 iconos en color al estilo Google Material

Publicado el 5 diciembre, 2014

por Juan Pablo Sarmiento

Aquí tenéis hoy 1500 iconos llenos de color y estilizados de acuerdo al ya famoso (aunque aún muy reciente) diseño ‘Material’ impuesto por Google. Este concepto se caracteriza por tener marcadas similitudes al estilo ‘flat’, al menos a simple vista, pero viéndolo mas a detalle veremos ciertas especificaciones que le dan a esta iniciativa una identidad propia, lo cual se hará más evidente una vez analices los iconos.

Se encuentran disponibles en tres formatos diferentes (SVG, AI y PNG, siempre en forma vectorial para los dos primeros) y pueden ser utilizados para una gran variedad de proyectos, gracias a la inmensa cantidad de elementos, 1500, lo cual le otorga a esta colección una versatilidad envidiable.

He aquí algunas características de esta compilación:

– Estilo ‘Material’ de Google.
– Disponibles en tres formatos para diferentes usos en proyectos (SVG, AI y PNG).
– Llenos de color y vida, utilizando la paleta de colores estipulada por Google.
– 1500 elementos disponibles.
– Acorde a todas las especificaciones técnicas dadas por la compañía del buscador.
– Perfecto para acostumbrarse a esta nueva idea en diseño, las capas en los archivos de Illustrator pueden ser de gran ayuda.

Aquí tenéis algunas capturas de la colección: Continúa leyendo «1500 iconos en color al estilo Google Material»

Una web para que podamos crear nuestro propio esterograma

Publicado el 1 diciembre, 2014

por Juan Diego Polo

Hace unos años (entre 2006 y 2008) había una fiebre tan grande con los estereogramas en la web que incluso llegamos a crear una categoría para ellos aquí, en WWWhatsnew.com. Desde tiendas online que vendían esterogramas (aquéllas imágenes que muestran figuras en 3D después de cierto tiempo concentrados enfocando los ojos en un mar de colores), hasta aplicaciones que generaban algunos de forma aleatoria.

Con el tiempo muchos de aquellos proyectos han desaparecido, seguramente por la falta de un modelo de negocio adecuado (la gente se concentraba tanto en el estereograma que no veía la publicidad lateral), pero aún hay pequeñas joyas que pueden destacarse, como MagicEye.js.

Se trata de una aplicación web, con el código disponible en github, que nos permite dibujar en el navegador y generar un estereograma que muestre el dibujo realizado, algo semejante a lo que hacía este flash en 2007.

Es una librería en javascript que podemos bajar y analizar de forma gratuita, por lo que puede ayudar a ser la base del nuevo proyecto de esterogramas que la comunidad mundial espera para 2015.

Autodesk ofrece acceso gratuito a sus herramientas de diseño a estudiantes y profesores de 188 países

Publicado el 1 diciembre, 2014

por Fco. José Hidalgo

Autodesk ha anunciado hoy que llevará a más de 680 millones de estudiantes y profesores de centros educativos de primaria y secundaria en 188 países del mundo el acceso gratuito a sus herramientas de diseño 3D, estando limitadas las mismas a su uso en aulas, laboratorios y en hogares, sin fines comerciales. Ya a principios del presente año, Autodesk ya facilitó el acceso a dichas herramientas a estudiantes de primaria y secundaria pertenecientes a los Estados Unidos como parte de la iniciativa Connected.

Autodesk también está ayudando a los mismos centros educativos al uso de la nube proporcionándoles su conjunto completo de productos de diseño basado en la nube, además de servicios en la nube como la plataforma de colaboración A360, así como el mantenimiento de la suscripción de forma gratuita, añade la nota de Business Wire.

Con ello, estudiantes de diferentes edades podrán tener en su carrera curricular los conocimientos necesarios para poder convertirse en la próxima generación de profesionales del mundo del diseño en diferentes campos, estando ya familiarizados con las herramientas que les proporciona Autodesk dentro del ámbito educativo, pudiendo aprovechar dichos conocimientos para llevar la innovación y el diseño a nuevos límites tanto dentro como fuera del aula.

En la actualidad, estudiantes de 13 años se encuentran utilizando la herramienta Fusion 360 para conceptualizar e imprimir en 3D dispositivos protésicos, así como estudiantes universitarios se encuentran usando la herramienta BIM 360 Glue para desarrollar viviendas sostenibles con el medio ambientes, entre otros ejemplos reales.

Para más información, hay que dirigirse al apartado de educación de Autodesk.

50 recursos frescos para profesionales web

Publicado el 28 noviembre, 2014

por Juan Pablo Sarmiento

Hoy traemos un paquete gigante de recursos que te ayudarán en cualquier proyecto que emprendas, ya sea en el campo del diseño o el del desarrollo web. Cabe la posibilidad de que te insteresen ambos, ¡así que mucho mejor! Aquí encontrarás todo tipo de elementos: desde archivos PSD, pasando por íconos, temas de WordPress, fuentes, artículos sobre CSS, librerías de JavaScript… en fin. Una cantidad enorme de herramientas para facilitarte la vida y poner un par de trucos extra bajo tu manga.

Una gran cantidad de iconos flat gratuitos

Un paquete de íconos médicos con elegantes colores pastel

Trendy: un inmenso paquete de elementos para diseñadores y desarrolladores

Moriarty: una fuente experimental para títulos y grandes tamaños

Reis: una fuente gratuita con clase y descomplicada

Mockup de brochure en PSD

Plantillas gratuitas de hojas de vida multi-página

Mockup de brochure con doblado en Z para Photoshop

Diseño de factura en formato PSD

Bootflat: una interfaz gráfica open source con estilo flat basada en Bootstrap, incluye PSD para diseñadores

Strata: logo e identidad corporativa con mockups gratuitos

Mockup de bolsas de compras para Photoshop

7 mockups de smartphones y MacBooks en formato PSD

Thinkful: aprende código con un mentor y conviértete en un desarrollador web

Azexo composer: una herramienta para fácil edición de páginas HTML

Processing hour of code: aprende código en 60 minutos superproductivos

Humhub: un framework de redes sociales para facilitar el trabajo en equipo

Un completo paquete de interfaces flat totalmente gratis

Comunidad: un UI kit diseñado para trabajos colaborativos y grupos

Una hoja de atajos para refrescar la memoria mientras escribes CSS

Gifshot: crea GIFs animados con esta librería de JavaScript

Rainbow.js: una librería de jQuery para agregar degradados sobre prácticamente cualquier elemento

Incluye interesantes formas con CSS dentro de tus emails y blogs

Crea una atractiva plantilla para el faq de tu proyecto con CSS

String.js: una librería de JavaScript para manejar strings

Cylon.js: un framework para robótica en JavaScript

Kickstart: un framework de CSS bastante único

Schema: un framework para construir interfaces web sin apuros

Onebook3d: un plugin de jQuery para fotógrafos y diseñadores que permite hacer un atractivo álbum virtual

Skokov: plantilla de negocios en PSD

Finch: una página de inicio en PSD para fotografías y magazines

Arcadia: un PSD para crear atractivas webs de una página

Rubiko: un diseño de una página hecho para fotógrafos, diseñadores y productos

Diseño de página para app en PSD

OneEngine: tema multipropósito de una página

Themosis: un framework de WordPress para desarrolladores

Rams: tema minimalista para WordPress

Sporta: un tema enfocado en tiendas deportivas

Pastel colors: un tema suave para todos los propósitos

Funk: un colorido tema de WordPress

Elegant: tema multipropósito en HTML y PSD

Hidayah simple: un tema sencillo con responsividad en mente

Crea una navegación por pestañas responsiva en CSS

Cargador animado en CSS

Una ventana de login puramente en CSS

Como personalizar el look de Google Maps para ajustarlo mejor a nuestro sitio

Divisores enteramente en CSS3: sencillos y útiles

Texto brillante en CSS3: aprovecha el código incluido

Un artículo sobre como se actualizó GitHub a Rails 3 sin un solo momento fuera de servicio

Una guía de diseño responsivo para emails

Como conseguir curvas bézier prolijas en tus diseños

10 principios del buen diseño: un legado de Dieter Rams

Tutorial de AngularJS: aprende creando un clon de Gmail

Form, para crear prototipos de apps, es adquirida por Google y pasa de costar US$ 80 a ser gratuita

Publicado el 20 noviembre, 2014

por Juan David Quiñónez

El equipo de ResponsiveWave, la compañía tras Form, una elegante herramienta para Mac OS X con la que es posible trabajar en el diseño y creación de prototipos de aplicaciones móviles para iOS sin programar toda una app sino simplemente arrastrando elementos y modificando diferentes parámetros generales, ha unido fuerzas con Google para continuar el desarrollo de su producto.

Form es un editor visual de gran utilidad para diseñadores y programadores por la cantidad de herramientas de que dispone para la generación de prototipos. La idea de su funcionamiento es instalar la app en OS X a través de la Mac App Store y valerse de un visor en tiempo real que se puede instalar en cualquier dispositivo, iPad y iPhone con iOS 7 o superior, también de forma oficial desde la App Store. Y eso es todo, las adiciones y modificaciones ejecutadas dentro del software de escritorio se verán reflejadas instantáneamente en la pantalla del equipo móvil.

Prototivos nativos con acceso a diferentes sensores del dispositivo (incluyendo la cámara), pruebas simultáneas en múltiples dispositivos, animaciones ilimitadas dentro de las vistas, acciones de organización rápida y un completo espacio de aprendizaje en su sitio web hacen parte de sus más llamativas características y que, para algunos, podrían hacerle lucir diferente a opciones como Proto.io -y ahora que es gratis, quizá tampoco sea tan descabellado darle un vistazo-.

No se aclara si ha sido una venta o algún asocio relacionado con inversiones, de ser el primer caso no sorprendería verla integrada en las herramientas para desarrolladores de Android, pero lo cierto y llamativo es que, costando Form 80 dólares y en un momento hasta 150 dólares, pasa de la noche a la mañana a ser gratis para todo el mundo. Por cierto, quienes ya compraron la aplicación y quieren un reembolso, comenta la gente de RelativeWave que basta con enviar a support@relativewave.com para que sea realizada la respectiva devolución.

Más información: Sitio web de Form