Recursos para diseñadores para proyectos increibles

Los diseñadores y programadores siempre estamos en constante búsqueda de recursos de todo tipo que nos faciliten la vida. Sabemos que tal búsqueda puede ser tediosa, pues nos distrae de las tareas realmente creativas que nos gusta realizar, por eso, hoy te traemos muchí­simos recursos recientes que puedes utilizar en todo tipo de proyectos. Diviértete y comparte estos recursos que incluyen sets gráficos, Interfaces gráficas de usuario, iconos, plantillas y temas en HTML y PSD, y experimentos de código.

Gráficos de excelente calidad y detalle para todo tipo de proyectos

En esta sección encontraras gráficos de todo tipo para darle un impulso a tus proyectos, desde botones hasta tarjetas de presentación el diseño presta un gran servicio a todas las áreas. tómate un tiempo para revisar estos diseños y descárgalos

 

Botones de carga: en 3 motivos y 3 colores distintos

botones de carga

Tablas de precios: elegantes tablas en PSD en estilo plano

tablas de precios

Tarjetas de presentacion: hermosa maqueta de tarjetas con un efecto de letra prensada

tarjetas de presentacion prensadas

Nexus 5: una maqueta realista para mostrar tus aplicaciones

maqueta nexus 5

Fondos de pantalla: 5 fondos de pantalla con desenfoques y brillos

Fondos de pantalla con desenfoque

Maqueta chrome: una maqueta minimalista del buscador para mostrar tus aplicaciones y sitios web

Maqueta Chrome

Patrones oscuros: 8 fondos oscuros con fantásticas texturas realistas

patrones oscuros

Maquetas apple minimalistas: incluyen iMac, iPhone, iPad y MacBook

maqueta minimalista apple

Botones de twitter: mas de 500 botones en PSD con diferentes estilos

botones de twitter

Google Nexus: Una maqueta realista de ambas caras del Google Nexus 5

Google nexus 5

Interfaces modernas para renovar tus aplicaciones

Ya que una aplicación o sitio Web no es nada sin un buen diseño, en esta sección podrás encontrar diferentes tipos de interfaces gráficas, con estilos modernos y minimalistas. Variando desde coloridas hasta muy sobrias, seguro te serán de mucha utilidad en tus próximos proyectos.

Origin: una interfaz con brillos suaves colorida brillante y táctil

Origin UI

Fashion Ave: Interfaz plana y estilizada compuesta de widgets

Fashion Ave UI

Interfaz ubuntu: Un muy completo y hermosos set para los fanáticos de Ubuntu

ubuntu UI

Dark UI: una interfaz multimedia con texturas cuasi realistas

Dark UI

Data UI kit: una interfaz básica con para crear gráficas de barras y lineas

Data UI

Blog & magazine: una interfaz plana con varios widgets perfecta para magazines

Blog & Magazine UI

Interfaz iOS7: un concepto alternativo con diseños circulares limpios y planos

interfaz iOS7

Freehand: Una hermosa y llamativa interfaz con efecto de dibujo a mano alzada

Freehand UI

Gmail UI: Interfaz que emula todos los elementos de la bandeja de entrada de Gmail

Gmail UI

Widget UI: interfaz compuesta de widgets minimalistas

widget UI

Espectaculares colecciones de í­conos para dar vida a tus proyectos

Hemos seleccionado geniales iconos sociales, animados, lineares, tipo fuente, en formato SVG. Lo mejor de todo, puedes aprender con los tutoriales que vienen incluidos.

Iconos sociales con pliegues: 40 iconos de redes sociales con un original efecto de pliegue

iconos con pliegues

Iconos SVG animados: un fantastico recurso que incluye el tutorial de creación

SVG animados

Iconos lineares: 16 iconos con un bien trabajado estilo linear

iconos lineares

Shock icon font: mas de mil iconos fuente distribuidos en varias industrias

Shock icon font

Freecons: un PSD con 70 iconos de minimalistas de linea gruesa

Freecons

UI icons: un paquete de 9 iconos con texturas realistas

UI icons

Softies: un paquete de iconos minimalistas con un efecto 3D

Softies

Ionicons: una fuente con cientos de iconos en estilo iOS7

Ionicons

Iconos hexagonales un paquete de iconos con 3 bonitos estilos

Iconos hexagonales

Iconos sociales: set de í­conos planos y con un ligero efecto de profundidad

Iconos sociales

Hermosas y sofisticadas plantillas en HTML, PSD y WordPress

Aquí­ encontrarás diferentes temas y plantillas en formatos PSDs y HTML para implementar en tu sitio Web. Dale a tu sitio una apariencia renovada y fresca con temas planos, minimalistas y llenos de fotografí­as de excelente calidad.

DevDmBootstrap3: un tema de WordPress desarrollado en la última version de Bootstrap

DevDmBootstrap3

LineCase: una limpia plantilla en PSD en estilo plano para portafolios

Plantilla LineCase

BillyDroid: un hermoso tema de WordPress para entusiastas de android
BillyDroid WP theme

Hills: un tema plano y limpio para cualquier clase de sitio

Hills WP theme

Author: una plantilla minimalista en PSD para agencias de diseño

Author PSD template

Collage: tema de WordPress para portafolios

Collage WP theme

Singolo: plantilla en PSD con efecto plano para portafolios

Singolo Plantilla PSD

Horus: un tema construido en HTML con muy útiles caracterí­sticas añadidas

Horus tema HTML

Hello Pepper: un tema en HTML con colores suaves y fantásticos efectos agregados

hello pepper tema HTML

Temas de tumblr: un paquete con varios temas de tumbler en PSD

Temas Tumblr PSD

Mejora tu sitio web con los mas geniales experimentos de codigo

Esta sección contiene varios experimentos de código para mejorar tu sitio Web. Incluye librerí­as de audio, caracterí­sticas para Chat, tablas dinámicas, código para mapas y mas.

jwebaudio: libreria de audio web para juegos

jwebaudio plugin

Messenger: llamativos mensajes de alerta en jQuery

messenger plugin

AppenGrid: una tabla dinámica en jQuery

appenGrid plugin

Freewall: Grilla dinámicas sin espacios

freewall plugin

Leaflet: una libreria para mapas interactivos mas amigables

leaflet plugin

Reel: una libreria para perspectivas de 360 grados

Reel plugin

Slideme: una poderosa herramienta de presentación

Slidemejquery plugin

Ion.Sound: un plugin para mostrar sonidos de eventos

Ion.Sound jquery plugin

Featherlight: una herramienta de lightbox tan ligera como una pluma

featherlight lightbox plugin

stickup  jquery plugin

Canva, un fantástico recurso para diseñadores

Cuando el tiempo juega al otro lado del tablero y necesitamos entregar una idea rápida a un cliente, nada mejor que una plataforma como canva.com, herramienta que abrió en modo privado hace unos meses y que ya ha empezado a entregar invitaciones.

Hemos probado su sistema de creación de diseños y podemos afirmar que han acertado. Tenemos layouts de todo tipo con posibilidad de personalizarlos, más de un millón de imágenes disponibles para arrastrarlas y posicionarlas correctamente en el diseño, opción de incluir textos con varios tipos de fuente, capacidad de subir fotos desde nuestro ordenador para incluirlas en el trabajo, alterar colores… todo sin necesidad de instalar nada.

Aunque no estamos hablando de una herramienta tan potente como Corel o Photoshop, si es ideal para hacer maquetas, para crear layouts de forma rápida y tantear antes de comenzar un trabajo más especí­fico, aunque permiten exportar contenido tanto en imagen como en PDF, listo para imprimirlo en forma de folletos, por ejemplo.

En la enorme base de datos de imágenes existente, encontramos algunas gratuitas, aunque la mayorí­a cuestan 1 dólar, con la licencia adecuada para su uso comercial.

Como ejemplo hemos realizado este pequeño folleto con algunas capturas de canva.com (pulsad en la imagen inferior para ampliar). Todas las secciones aparecí­an con el botón «upload your image», de hecho hemos dejado el cí­rculo central sin contenido, aunque podrí­amos haber arrastrado cualquier componente, tanto del propio sistema como de nuestro ordenador. Podéis reservar ya vuestro nombre de usuario en su página principal.

canva

Evernote renueva la extensión de Web Clipper para Safari

Web Clipper

Los usuarios del navegador web Safari ahora podrán sacar más provecho a sus sesiones de navegación por Internet gracias al rediseño de la extensión de Evernote Web Clipper que Evernote acaba de poner a su disposición, en la que encontrarán tanto una renovación visual más elegante y moderna como a la disponibilidad de una serie de nuevas caracterí­sticas, según apunta Evernote en su blog.

Las nuevas caracterí­sticas están enfocadas en permitir diferentes formas de capturar las cosas que encuentren interesantes a través de sitios web, permitiendo la captura sólo del cuerpo principal de los artí­culos, la captura simplificada por la que capturan sólo los artí­culos de forma clara y limpia sin otros elementos que puedan generar distracción disponibles en los sitios web, poder marcar artí­culos como favoritos, así­ como la posibilidad de realizar capturas de pantalla sobre las que se pueden realizar diversas anotaciones sobre las mismas.

evernote

Como no podí­a ser de otra manera, la renovada extensión de Web Clipper también permite compartir lo descubierto con los contactos en las redes sociales de Facebook, Twitter o LinkedIn, o incluso a través del correo electrónico, con la particularidad de que las notas compartidas apuntarán directamente a las mismas dentro de Evernote, o de lo contrario, los enlaces apuntarán a las fuentes originales.

Otro aspecto que se ha incluido en esta renovación está en la gestión inteligente, de manera que al realizar una captura, en base a los comportamientos anteriores de los usuarios, Web Clipper se encargará de buscar y seleccionar las mejores especificaciones y etiquetas, las cuales pueden ser modificadas en caso de no estar de acuerdo con ellas.

Con todo ello, los usuarios de Safari con la renovada extensión de Web Clipper de Evernote sacarán más partido capturado aquellas cosas interesantes que encuentren en sus sesiones de navegación, aportando más valor y utilidad al uso de sus propios navegadores web.

La presentación de las novedades de manera detallada así­ como el enlace de la descarga directa de la extensión se encuentran en el propio artí­culo.

qSnap te permite capturar imágenes de sitios web, editarlas y compartirlas

qSnap

¿Necesitamos hacer capturas de pantalla de sitios web? Opciones tenemos a montones, aunque quizás tan completas como qSnap no tantas, disponiendo de extensión para Chrome, Firefox, Safari e Internet Explorer.

qSnap nos permite hacer capturas de áreas visibles o páginas completas. Las mismas pasan luego al área de edición, donde podemos hacer algunos ajustes, realizar anotaciones, así­ como compararlas con otras imágenes que tengamos a nivel local, subiendo dichas imágenes en formato PNG o JPG.

Una vez demos por finalizada la edición de las capturas, las mismas las podemos guardar localmente en nuestros propios equipos o bien optar por guardarlas online subiendo las mismas en nuestra cuenta de usuario que nos crearemos en la misma plataforma de qSnap, bien mediante correo tradicional o bien a través de Twitter, Facebook o Google. El hecho de disponer de nuestras capturas alojadas online en qSnap nos permitirá compartirlas en las redes sociales o bien a través del correo electrónico.

Hay que mencionar que tanto el uso de la extensión como del propio servicio de alojamiento es completamente gratuito, teniendo nuestras capturas online organizadas mediante álbumes, de manera que podemos acceder a nuestras capturas a través del buscador y mediante la clasificación de los resultados por fechas de creación o por nombres.

De esta manera, si estamos trabajando en el diseño de un sitio web para un cliente, qSnap nos permite ofrecerle las capturas del mismo con las anotaciones correspondientes para que el concepto pueda quedar mucho más claro.

Es un recurso a tener en cuenta tanto por diseñadores como desarrolladores de sitios web.

Enlace: qSnap | Via: WebResourcesDepot

Monument Valley, bonito y artí­stico juego basado en MC Escher

monumentvalleygameSi os acordáis o habéis jugado a juegos como Limbo o Braid, estaréis de acuerdo que en este tipo de videojuegos es difí­cil trazar una lí­nea sobre lo que es diseño y arte y lo que es el juego en sí­. Esto es lo que probablemente os ocurra si jugáis a Monument Valley, un juego que llegará a nuestras stores en el primer cuarto de 2014 basado en los diseños gráficos del artista holandés MC Escher.

El juego, en el que tendremos que avanzar por las pantallas resolviendo puzzles, aprovechará la estética para ofrecernos distintos niveles en los que se nos irán dando distintos escenarios y pistas para avanzar. La mayorí­a de ellos serán paisajes y arquitecturas organizadas compuestas por multitud de pasillos, torres, escaleras, etc. que compongan un puzzle arquitectónico destinado a que lo resolvamos. El proceso de resolución se podrá realizar de varias formas: rotando porciones de escenarios y conectándolas estilo LEGO, construyendo puentes o modificando porciones de escaleras que nos permitan subir a otro nivel, entre muchos otros.

El objetivo final será guiar al personaje que manejaremos, la niña Ida, hacia el final de nivel permitiendo que pueda escalar torres y escaleras sin vací­os entre ellas. Tardaremos un tiempo en acostumbrarnos al espacio y a las fí­sicas del juego, pero una vez lo hagamos Monument Valley se convertirá en un bonito reto en el que invertir tiempo.

Si queréis más información sobre el juego y su mecánica podéis leer el análisis publicado por TechCrunch o suscribiros a las actualizaciones aquí­.

Nueva página inicial de Yahoo, y su evolución en los últimos 10 años

yahoo

Yahoo empezó como un directorio de links y siguen ahora recopilando grandes noticias de la web para mostrarlas en su página principal.

Hoy anuncian una nueva portada en su blog, donde también muestran la animación que aquí­ veis, con la evolución de su home durante los últimos años.

yahoo

La nueva portada está ahora disponible, además de en España, en Alemania, Francia, Italia, Reino Unido, Irlanda y Sudáfrica, apostando por un sistema de noticias en tiempo real, una función para “guardar para más tarde” lo que nos resulte interesante, el clásico Yahoo Tiempo, Yahoo Finanzas y Flickr, widgets que pueden personalizarse, un diseño más limpio y moderno, enlaces rápidos a las propiedades de Yahoo y la sección HOY.

Más información en menos espacio, así­ lo divulgan, aunque no deja de ser un portal de noticias con componentes de sus otros servicios incrustados en el menú lateral.

¿Deberí­a seguir Yahoo! apostando por su estética de periódico digital o por un servicio estilo Netvibes donde cada lector pueda tener la información que desee?. Algo me dice que el estilo «te presentamos lo que nosotros creemos que es interesante» no se adapta muy bien al nuevo Yahoo! que se está construyendo.

Aguardemos al Yahoo! de 2014 y veremos si esa sensación tiene base.

OpenGeoFiction, crea mapas inventados con el editor de OpenStreetMap

map

OpenGeoFiction podrí­a definirse como un escenario virtual para crear mundos nuevos. Acostumbrados a leer sobre distintas herramientas, Google Maps varios y APIs que nos ofrecen posibilidades infinitas a la hora de aplicar distintas opciones y filtros en las regiones de nuestro planeta, sorprende entrar en OpenGeoFiction para ver un mundo creado y mapeado por distintos usuarios de forma libre, tal y como indica el nombre.

El servicio utiliza los editores y las herramientas de OpenStreetMap para darnos la posibilidad de crear un mundo ficticio a nuestras anchas. Podremos ponerle nombre a mares, rí­os, golfos, ciudades, estados y regiones, diseñar sus fronteras y tamaño y haciendo que todo el mundo contribuya en él para que acabe siendo un mapa colaborativo creado por multitud de usuarios. Las opciones de edición serán múltiples: en el mapa encontraremos regiones que sólo podrán editar y retocar sus creadores, zonas libres en las que podremos diseñar desde cero y un paí­s llamado Archantica que está abierto para que cualquiera pueda editarlo y modificarlo.

Pensad que las aplicaciones de esta herramienta pueden ser muchas y muy diversas: se nos da la posibilidad de mapear mundos de fantasí­a creados por nosotros mismos, de mapear localizaciones de historias, de crear mapas para juegos y proyectos propios o de utilizar nuevos entornos en caso de que seamos aficionados a crear escenarios para juegos de rol.

Flite, para diseñar anuncios y animaciones en HTML5

flite

Hace pocas semanas os anunciamos una herramienta que Google habí­a construido para permitir que los diseñadores realicen campañas (anuncios) en HTML5. Se trataba de WebDesigner, aplicación que podemos instalar en nuestro ordenador para crear banners y animaciones de diversos tamaños olvidando el Flash, tecnologí­a cada vez menos presente en la web moderna.

Esta aplicación está disponible para Mac y Windows, pero si lo que queréis es una que pueda ejecutarse en la web, sin necesidad de instalar nada, echad un vistazo en Flite.com.

Se trata de una plataforma que, según han informado a Techcrunch, no tiene mucha competencia en el mercado, a excepción de la mencionada WebDesigner de Google, aunque en este caso, al no requerir instalación (es 100% web), puede ayudar mejor a los que usan Linux o a los que no pueden instalar aplicaciones sin pasar por burocráticos procesos en su empresa.

Flite permite importar también archivos de otras plataformas, como Photoshop o Illustrator, siempre con la idea de que el trabajo creado pueda ser visualizado sin problemas desde dispositivos portátiles.

Aunque el objetivo principal es el de crear anuncios, podemos usarlo para realizar cualquier tipo de animación, eligiendo el tamaño y arrastrando los componentes deseados dentro del panel de control.

Más de 300 iconos gratuitos para sitios web, carpetas, tiendas online, móviles, blogs…

Los iconos son parte extremadamente importante en las aplicaciones, tan importante que existen cientos de sitios especializados en la distribución de este tipo de material, tanto gratuito como de pago, con varias licencias diferentes que, como siempre, tenemos que leer detenidamente para saber cuándo podemos usarlos y bajo qué condiciones.

iconos

Hoy os hablaremos de En webiconset.com, donde hay una categorí­a con más de 300 iconos gratuitos clasificados, disponibles tanto para uso personal como comercial. Allí­ podemos encontrar imágenes para ilustrar artí­culos, tarjetas de crédito, iconos para diseños de proyectos de comercio electrónico, aplicaciones móviles, sellos para indicar perfiles de redes sociales, emoticonos para publicar en las redes, carpetas indicando tipos de archivos… son en total 332 iconos, los gratuitos de una colección total de más de 2.000 elementos gráficos que ofrecen en dicho sitio web.

Para obtenerlos hay que poner cero en el campo valor, cuando pide los datos de pago, de esa manera podréis ir a la página de download sin informar tarjeta de crédito.

No es la primera vez que os comentamos esta web como una referencia a la hora de ofrecer iconos gratuitos, lo hicimos hace pocos meses cuando liberaron de forma gratuita algunos iconos que podí­amos usar dentro de mapas de Google, por lo que si os interesa este tipo de contenido es importante que prestéis atención al material que publican para que podáis encontrar el contenido gráfico adecuado para vuestros proyectos.

Mega – Nueva versión con nuevo diseño y algunas nuevas funcionalidades

megaMEGA (mega.co.nz), el servicio de almacenamiento de archivos creado por Kim DotCom, fundador del difunto Megaupload, sale hoy de su fase beta presentando un nuevo diseño y algunas nuevas funcionalidades pensadas para agilizar el trabajo de quien realiza copias de seguridad y distribución de archivos usando su plataforma.

En su blog comentan las novedades estéticas con algunas capturas, mostrando que además del diseño han sido capaces de reducir el consumo de CPU de su cliente, principalmente para los usuarios que guardan una enorme cantidad de información.

La nueva versión también mantendrá en caché la sesión en el navegador, por lo que sólo los cambios que han ocurrido desde la última sesión necesitan ser cargados en el servidor. Incluyen también avatares en los perfiles de los usuarios, mejora de la gestión de contactos (podemos ver el número de archivos que un usuario está compartiendo con nosotros, junto con la última fecha y hora de modificación) y posibilidad de cambiar fácilmente entre los contactos (carpetas compartidas), la unidad en la nube, el cubo de la basura y nuestra bandeja de entrada, ya que han incorporado cuatro botones con códigos de color en la parte superior para acceder a estas secciones con un solo click.

Han presentando también una extensión de Firefox que reducirá los tiempos de carga, mejorará el rendimiento y reforzará la seguridad, así­ como han recordado que antes de finalizar el mes ya tendremos una versión de MEGA para iOS.