Mostrando entradas con la etiqueta Botones Web. Mostrar todas las entradas
Mostrando entradas con la etiqueta Botones Web. Mostrar todas las entradas
07 octubre, 2015

Interfaz UI dibujada a mano en vectores, gratuita

Este kit de elementos para crear una interfaz de usuario (o UI), enteramente vectorial y 100% gratuito, es sin duda extraordinario. De una calidad que me ha sorprendido verdaderamente.

Como se aprecia al primer golpe de vista, destaca en él sobre todo su muy bien conseguido aspecto de “dibujado a mano”, es decir, su estilo handwritten (o hand-drawn más propiamente). Todos los elementos del kit, compuesto por los habituales campos, formularios, botones e iconos multimedia, presentan este mismo estilo “dibujado a mano”. Parecen hechos sobre un papel con un rotulador de punta fina, estilógrafo de tinta o incluso un simple bolígrafo.

Botones, manejadores, interruptores, campos de formulario y demás elementos de estilo dibujado a mano que conforman el kit. Archivo comprobado por La Grafiteca.

Como puede verse en la imagen superior no exagero en cuanto a la calidad de este kit, denominado por su autor Jolly UI Free Kit. Al ser enteramente vectorial (se ofrecen archivos de vectores .AI de Illustrator y .EPS), podremos modificar muy fácilmente todo, incluyendo los textos, el color del trazo, grosor del mismo, etc…

Puede verse en la imagen que yo mismo lo he hecho (ver campos de usuario y contraseña), sin mayor dificultad con Illustrator CS3. Con algo de imaginación podremos usar estos “dibujos” para infografías y todo tipo de trabajos más allá del mero diseño web, pues su edición es sencillísima.

Además de los archivos vectoriales AI y EPS antes citados, el kit se ofrece también en formato PSD de Photoshop. Todo ello en versiones tanto para PC como para Mac.

Eso sí, la fuente o tipografía que vemos no está incluida, pero es igualmente gratuita. Se trata de la fuente GoodDog, que podremos descargar desde el enlace anterior, o sustituir por otras tipografías de estilo handwritten que queramos (en el enlace anterior puede encontrarse un amplio listado de las mismas). Recomiendo descargar e instalar primero la fuente y luego abrir el archivo del kit UI.

Autor, licencia y enlace de descarga

Como ya hemos comentado esta obra es totalmente gratis, pues se trata de un fragmento o muestra gratuita de un kit mucho mayor ya de pago, compuesto por más de 200 elementos. Es por tanto una forma de dar a conocer su trabajo por parte del autor, Olly Holovchenko, un diseñador e ilustrador ucraniano bastante viajero según él mismo cuenta. Toda su obra es excelente y recomiendo sin dudar que se visite el enlace anterior.

Volviendo al Jolly UI Free Kit, podremos usarlo libremente en cualquier proyecto, personal o comercial, con la única –y lógica- restricción de que no podremos revenderlo u ofrecerlo por nuestra cuenta, pues la propiedad del mismo seguirá siendo del autor aunque nos ceda el uso. La descarga por tanto ha de efectuarse desde la web del recurso de forma exclusiva (algo muy habitual al ofrecer recursos gratuitos). Por lo demás es royalty free, libre de derechos. Al descargarlo se nos pedirá que pongamos un precio, pero podemos poner cero y por tanto obtenerlo gratis.

Jolly UI Free Hand-Drawn vector UI elements

De esta forma, para descargar este excelente set, dirigirse a la web del mismo, en:

Jolly UI Free Hand Drawn UI KIT | handdrawngoods.com

Si lo veis en cualquier otra parte y se puede descargar desconfiad de ese sitio, no estará respetando al autor y los problemas no tardarán en llegar.

Leer más...

27 mayo, 2014

6 colecciones de iconos para música, audio y multimedia

En esta entrada voy a recopilar hasta 6 sets diferentes de iconos de diseño moderno minimalista flat design de muy buena calidad, relacionados todos ellos con funciones multimedia, especialmente música y audio en general. Resultarán por tanto ideales para la interfaz o consola de cualquier web o aplicación dedicada al aspecto sonoro.

Además de gratuitos (bajo licencia CC de atribución), todos estos iconos tienen otra característica común, y es que son vectoriales. De esta forma, además de en entornos web también podremos usarlos en diseños para impresión. Son especialmente adecuados para flyers, carteles o posters de sesiones de DJ, así como para conciertos, fiestas y eventos musicales y/o de baile en general. Así mismo podrían ser útiles para portadas de discos, banners digitales y todo tipo de composiciones relacionadas.

Por tanto estamos ante una recopilación de recursos temáticos que creo puede ser bastante útil para cualquier diseñador, especialmente dado el carácter vectorial de todos ellos. Casi todos son obra de la web freepik.com. Sin más vamos a aportar imágenes previas y enlaces a la web de cada set:

Más de 260 iconos DJ y Audio, formato SVG.

Más de 260 iconos DJ y Audio, formato SVG.Más de 260 iconos DJ y Audio, formato SVG, resto.

  • Descripción: Se aportan 3 archivos EPS (sin mucho sentido) y en otra carpeta un archivo de vectores SVG para cada icono (será complicado encontrar el que queramos al ser tantos, aunque una colección excelente sin duda).
  • Web del recurso.

25 iconos flat para funciones multimedia.

25 iconos flat para funciones multimedia.

  • Descripción: Bonito diseño de trazo minimalista sobre color azul, que podría usarse tal cual.
  • Se aportan archivos vectoriales .AI de Adobe Illustrator.
  • Web del recurso.

Set 16 iconos para botones audio-vídeo.

Set 16 iconos para botones audio-vídeo.

  • Descripción: Diseño de línea flat en color blanco, dentro de botón cuadrado de bordes redondeados, con colores suaves, modernos y agradables.
  • Se aportan archivos vectoriales .AI de Illustrator.
  • Web del recurso.

9 iconos modernos para sonido y música, estilo flat.

9 iconos modernos para sonido y música, estilo flat.

  • Descripción: Ilustraciones de tipo flat bastante moderno, dentro de cuadrados una vez más de colores suaves.
  • Formato de archivo: AI de Illustrator.
  • Web del recurso.

9 iconos flat minimalista, con instrumentos musicales.

9 iconos flat minimalista, con instrumentos musicales.

  • Descripción: En este caso las ilustraciones representan instrumentos musicales (también de estilo flat): órgano o piano, guitarra, xilófono, timbal, saxofón, violín (o similar) y trompeta, más un micrófono y un disco. Colores algo más fuertes. Diseño muy moderno también.
  • Formato de archivo: Ai de Illustrator.
  • Web del recurso.

Set completo de iconos y botones multimedia de tipo esquemático.

Set completo de iconos y botones multimedia de tipo esquemático.

  • Descripción: Aquí estamos ante un set de iconos multimedia al uso, aunque de buena calidad y variado (30 iconos diferentes).
  • Formato de archivo: Ai de Illustrator.
  • Web del recurso.
Leer más...

24 abril, 2014

Plantilla PSD e interfaz para web de tienda o ventas

Justo hoy acaba de publicarse un recurso bastante bueno para diseño web enfocado al eCommerce o comercio electrónico, especialmente para aquellos sitios destinados a vender cosas por internet (tiendas virtuales y similares).

El kit es un freebie, totalmente gratuito y disponible para usos tanto personales como comerciales, y se llama Lucky Store. Ha sido diseñado por Sergey Azovskiy para el sitio pixelbuddha.net, que lo pone a disposición de cualquier diseñador que lo quiera utilizar.

Existe una versión premium de este mismo set, aunque lo cierto es que la versión gratuita es ya bastante completa. Incluye una interfaz UI con todos los elementos, apartados, botones e iconos necesarios para la tienda, que además se disponen en el PSD como si ya formaran parte de una página web. De esta forma es muy sencillo aplicar la plantilla, sólo habrá que reproducir el diseño original.

El diseño incluye también iconos sociales redondos de estilo flat, así como etiquetas y banderolas para precios, descuentos y ofertas. Iconos de búsqueda, cesto de compra, botones de paginación/navegación, campos para formularios, etc... Muy completo.

Parte superior de la plantilla web + set interfaz UI para ecommerce.

  • Como puede verse el set incluye una cabecera con logotipo, una barra-menú de navegación y un slide-show (galería de imágenes) con un juego tipográfico de diseño actual para incluir texto sobre las fotografías.
  • El diseño es muy limpio, sencillo y funcional, en la línea del flat design actual. A mí me gusta bastante, funcionará muy bien.
  • El PSD está muy bien ordenado, con los elementos perfectamente agrupados por capas, en el mismo orden en que aparecen (de arriba a abajo).
  • Las tipografías no están incluidas, aunque no son tipos de letra raros. Si de todas formas hubiera problemas de falta de fuentes podremos sustituirla por cualquier letra de palo seco, como Arial o Helvética.

En definitiva, un buen diseño para cualquier sitio de ventas, con todos los elementos, imágenes e iconos listos para ser aplicados en el HTML por cualquier diseñador web.

Para descargar este freebie, dirigirse a la web del recurso, publicado en:

Lucky Store UI

Leer más...