Diseño de páginas web en Bilbao y Bizkaia

Archivo de Categorías: Diseño Web

  • 0
descargar iconos y vectores gratis

Los 5 mejores sitios web para descargar iconos y vectores gratis

Muchas veces un diseñador gráfico o web necesita disponer, no ya sólo de un abundante número de tipografías donde elegir la más adecuada para su proyecto (ya se trate de un logotipo, una tarjeta de empresa, un tríptico o cualquier otro trabajo de papelería e imprenta), sino también de una buena variedad de iconos y vectores. Uno de los usos más recurrentes que se les suele dar a los iconos y vectores es el diseño de infografías, elemento que está más de moda que nunca en el mundillo web, que aumenta el engagement y que puede convertir tus post en virales gracias a su difusión en redes sociales (en este blog encontrarás varios ejemplos).

Es cierto que muchas fuentes tipográficas incluyen los llamados zap dingbats, que son símbolos creados a partir de trazos sencillos (como teléfonos, casas, flechas, animales, etc.) que en un momento dado te pueden sacar de un apuro, y que están pensados básicamente para funciones de señalética. Otro tanto se puede decir de las formas predefinidas y las puntas de pincel de Photoshop.

Sin embargo, a veces estos dingbats no son lo bastante buenos o complejos, y entonces necesitamos buscar iconos más sofisticados, o que combinen colores. Para facilitaros la tarea, os presento aquí 5 sitios web donde podéis descargar iconos y vectores totalmente gratis:

1-FreePSDFiles

FreePSDFiles

Sin duda, mi favorito, y probablemente al que más veces he recurrido. Es como un cajón de sastre donde puedes encontrar de todo, desde iconos hasta mock-ups, pasando por ilustraciones, siluetas, infografías, botones, fondos y plantillas para logos, currículos y páginas web. Basta con echar un vistazo a sus categorías para darse cuenta de la enorme variedad de materiales con los que cuenta. Especial mención merecen los vectores de personajes animados, al más puro estilo cartoon, para los que tiene una web específica. El diseño suele ser excelente en todos los casos, y los archivos (muchos de ellos manipulables) están en formato PSD (Photoshop) dentro de un zip que te descargas.

FreePSDFiles es un must have, uno de esos sitios que tienes que guardar en tus favoritos sí o sí. Sólo está en inglés, pero con un conocimiento básico es más que suficiente (y es que en el mundo del diseño web, ¿quién no se maneja con el inglés?).

2-Flaticon

Flaticon

Este sitio también es muy recomendable. Cuenta con más de 200.000 iconos y vectores para uso personal y comercial divididos por categorías: animales, flechas, arte, edificios, trabajo, cine, etc. También tiene, como es lógico, un buscador. Los vectores están disponibles en varios formatos de imagen: EPS, PNG, PSD e incluso en código HTML y CSS. Cuando quieres descargar un icono te ofrece la posibilidad de hacer una donación al autor y contratar la cuenta Premium (son 9,99$) o realizar una descarga gratuita copiando una línea de código en tu web para citar al autor, lo cual sería un buen gesto, porque estos diseños no se hacen solos. No obstante, si no te sientes altruista, también puedes bajártelo sin pagos ni atribuciones. Los PSD tienen una resolución de 150 px, y en cuanto a los PNG (este detalle me parece muy significativo), puedes elegir el tamaño al que quieres descargártelo, hasta un máximo de 512 píxeles. Asimismo, puedes crear colecciones de iconos y guardar ahí tus favoritos, incluso sin previo registro. Como veis, es un sitio muy completo, donde, si además eres diseñador, puedes unirte a su equipo de profesionales y ganar dinero con tus diseños.

Flaticon está sólo en inglés, y es un proyecto de Freepik.

3-Iconfinder

Iconfinder

Otro sitio que no puede faltar en ninguna lista. Tiene más de un millón de iconos en su catálogo, aunque conviene aclarar que no todos son gratuitos, pues muchos requieren de una cuenta Premium (cobran 9$ al mes por 25 descargas en su plan básico y unipersonal). Al buscar puedes seleccionar la pestaña Free para que te muestre únicamente los iconos gratuitos. Dependiendo del vector en cuestión, puedes bajártelo en SVG (Adobe Illustrator) o PNG, en cuyo caso, y al igual que en Flaticon, también te permite seleccionar su tamaño en píxeles, con las mismas limitaciones. Asimismo, acepta el formato ICO, el que se usa para los Favicon.

Iconfinder sólo está en inglés.

4-Freepik

Freepik

Es una de las webs de recursos gráficos más populares de la Red. Dispone de casi 100.000 iconos gratis para uso personal y profesional, ordenados por categorías, y muchos más que requieren de licencia o previo pago. Tal como anuncian en su portada, ofrecen fotos, ilustraciones, iconos, PSD y vectores gratis para páginas web, banners, presentaciones, revistas y publicidad en general. Los vectores, los archivos PSD y los iconos tienen sus propias categorías dentro del menú principal. El sistema de descarga es idéntico al de Flaticon: licencia gratis con atribución al autor mediante link en tu página web; de hecho, algunos enlaces te llevan directamente a Flaticon. En el botón de descarga te especifica el peso de la imagen.

Me parece especialmente interesante su Stock de Fotos con casi 200.000 fotos gratis con licencia de Creative Commons, muchas de ellas muy creativas y enfocadas al diseño web.

Admite registro (también mediante redes sociales) y formulario para trabajar con ellos, ya sea como diseñador o como escritor, y está en español.

5-Vector Open Stock

Vector Open Stock

En su página de inicio te muestra una serie de vectores destacados, pero luego puedes buscar por categorías. Tiene una base de datos con más de 37.000 iconos gratis. Los archivos de descarga son comprimidos, zip, y están pensados para Adobe Illustrator  (extensión AI). La licencia gratuita también funciona por atribución, y cada imagen viene acompañada de una sucinta descripción. Algunos iconos son de pago, y sus enlaces te llevan a ShutterStock (los habrás visto en más de una ocasión al buscar imágenes en Google y los reconocerás por sus marcas de agua).

En mi opinión, Vector Open Stock es menos completo que cualquiera de los anteriores sitios, pero tiene la ventaja de que está disponible en español.

Por supuesto, el citado Shutterstock es, con diferencia, el mejor banco de imágenes, el más profesional, pues cuenta con unos vectores en flat design y unas ilustraciones realmente formidables que tú mismo puedes editar, pero, desgraciadamente, está sujeto a unos planes de pago que no son aptos para cualquier bolsillo, y hasta por descargar un JPG (a gran escala, eso sí) tienes que pagar. Para una agencia de marketing quizá sea la opción más indicada, pero un freelance o autónomo tal vez no se lo pueda costear. El registro es gratuito, pero no te da acceso a prácticamente nada. Eso sí, en favor de Shutterstock hay que decir que no sólo almacena imágenes, sino también vídeos y música. Tiene una base de datos colosal, y es difícil que no encuentres lo que estás buscando, sea lo que sea.

*[Si me permitís la digresión, os voy a dar un consejo un poco outlaw: si os encapricháis perdidamente de un vector y tiene marca de agua, como los de Shutterstock, siempre podéis importar la imagen en baja resolución a vuestro Freehand, Corel Draw o Illustrator y dibujarlo por encima, pero por favor, no seáis vagos y tened al menos la delicadeza de modificarlo lo suficiente como para que no parezca un calco. Os llevará su tiempo, pero oye, todo lo que tiene un valor merece un esfuerzo.]

Y ya para acabar, por si no habéis tenido suficiente, un extra:

6-Vecteezy

Vecteezy

Vecteezy es un portal bastante nuevo que ofrece vectores y gráficos gratis. Lo mejor es que no necesitas registrarte para descargártelos. Según el caso, dentro del archivo comprimido puedes encontrar la imagen en varios formatos: JPG, PDF, EPS y AI. Tiene un buscador por categorías. Algunos vectores son muy básicos, pero puede serte útil para bajarte iconos de redes sociales, texturas o patrones. Si eres un miembro Premium la búsqueda se te amplía a Pinceles, Texturas, PSD, Fondos, Plantillas, etc. Lo bueno es que está en español.

Ahora también, gracias a Piktab, una extensión de Google Chrome creada por Freepik, podemos disponer de un amplio surtido de recursos gráficos (iconos, vectores, texturas, fotos, mockups) con tan sólo clicar en nuestra barra de herramientas. Nunca ha sido tan fácil y gratis.


  • 0
Black Friday, Diseño Web SEO

Black Friday SEO Abrelink

En Abrelink también queremos sumarnos al Black Friday SEO con apetitosas ofertas. Aprovecha nuestros descuentos del 10% para página web en WordPress y optimización de Posicionamiento web SEO On-Page. No encontrarás mejores precios por un servicio más profesional.

La validez de esta promoción es de 7 días, del viernes 25 de noviembre al viernes 2 de diciembre, ambos inclusive.

¿A qué esperas para tener tu web corporativa o rediseñarla? Con Black Friday SEO Abrelink ya no tienes excusas.

Black Friday, Abrelink


  • 0
Mobile-first index, la última actualización de Google

Mobile-first index, la última actualización de Google

Que Google está empeñado en dar preferencia a la búsqueda móvil es una evidencia irrefutable. No en vano, como es notorio y sabido, cada día son más los usuarios que realizan búsquedas a través del móvil, y el porcentaje va en aumento año tras año. Su primer movimiento, en este sentido, fue el denominado Mobilegeddon, que vio la luz el 21 de abril de 2015 y supuso un antes y un después en el diseño responsive. Quien no tuviera una web adaptativa se quedaba atrás en la carrera por el SEO. Ahora son pocas las páginas que aún no están optimizadas para dispositivos móviles, pero, aunque parezca increíble, aún las hay. Sin embargo, cabe decir que su impacto fue menor del que cabía esperar, por lo que a bailes en las SERPs se refiere (no, no fue un Maelstrom ni un Escila y Caribdis). Luego llegó el AMP, o páginas aceleradas para móviles, un nuevo intento de Google por mejorar la experiencia de usuario (UX) en el entorno móvil. Con él, la velocidad de carga se convirtió, asimismo, en un factor SEO inexcusable. Y es en este contexto donde se ubica la última acualización del algoritmo: Mobile-first index.

Mobile-first

¿En qué consiste Mobile-first index?

Pues bien, ahora Google, a través de Gary Illyes, acaba de anunciar que próximamente implementará lo que se ha dado en llamar Mobile-first index. ¿Qué significa esto? Muy fácil. Que a partir de ahora Google indexará las páginas de la versión móvil antes que las de desktop para su índice primario. ¿Quiere esto decir que Google eliminará la versión Escritorio? No, pero pasará a un segundo plano y recibirá menos visitas y actualizaciones de su crawler, Googlebot. En TheSEMPost puedes leer más información al respecto.

¿A quién puede afectar más el Mobile-first index?

Sobre todo a aquellas páginas web que tienen dos versiones: una para desktop y otra para móvil. En estos casos, más vale cambiarlas ya a una versión única, porque además corren el riesgo de ser penalizadas por contenido duplicado.

En Search Console podemos comprobar cómo indexa Google nuestro sitio web. Primero de todo, en Tráfico de la búsqueda>Usabilidad móvil nos indica si hay algún error para dispositivos móviles. En el mismo apartado, pero en Análisis de búsqueda, podemos observar qué posición ocupa nuestra web (así como otras métricas valiosas, como clicks, impresiones y CTR) filtrando por dispositivos: Escritorio, Móvil y Tablet, e incluso cruzar los datos para dos de ellos. Asimismo, en Rastreo>Explorar como Google podemos comprobar cómo procesa las páginas tanto para Escritorio como para Móvil. Conviene aclarar, por si hubiera alguna duda, que el index para Tablet se considera idéntico al de Desktop.

Métricas Search Console para móviles

Herramientas para medir tu Mobile-friendly

Dejo aquí una serie de herramientas que te pueden ayudar para evaluar cómo de Mobile-friendly es tu website:

Si los resultados no son los esperados, deberás ponerte manos a la obra lo antes posible para mejorarlos antes de que Mobile-first index sea una realidad y tu posicionamiento web se resienta como consecuencia de ello. Avisado quedas.


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

ABRELINK EN TWITTER