El uso de los iconos correctos es primordial para el diseño intuitivo del sitio web y la gran usabilidad. Los íconos tienen la capacidad de afectar realmente la experiencia de sus usuarios, para bien o para mal. Pueden proporcionar a sus usuarios una experiencia divertida y atractiva, o hacerlos sentir que están navegando por el triángulo de las Bermudas.
Para tirar otra llave en proceso, la gran variedad de sitios web que ofrece íconos de sitio web gratuitos para descargar realmente puede tenerlo con pérdida de la mejor opción. A veces, estar en mal estado para la elección se siente bien, otras veces es francamente frustrante para las personas en un horario ocupado.
Luego tienes la gran cantidad de formatos de archivo disponibles. La gran pregunta aquí es, ¿cuál es el adecuado para ti? Los formatos más comunes que se ofrecen son PNG y SVG. Muchos también están disponibles en fragmentos de código HTML. Los PNG son básicamente imágenes rasterizadas y, a menos que sean del tamaño adecuado para el proyecto en cuestión, perderá calidad al cambiar el tamaño de las. Los SVG tienden a alcanzar el punto óptimo, ya que son completamente escalables, dejándote libre de ajustar el tamaño según sea necesario en tu herramienta de prototipos favorita.
Todas estas opciones y formatos de archivo son suficientes para brindarle un dolor de cabeza icónico al pensar en los iconos correctos que necesita para su próximo prototipo de sitio web. Es por eso que hemos reunido 30 de los mejores lugares para descargar rápidamente un conjunto de iconos de sitio web escalables y gratuitos para su próximo diseño, para que pueda volver a la imagen más grande.
Simplemente aterrizar en la página de inicio de este sitio web le inculca la confianza de que estos tipos saben lo que están haciendo cuando se trata de íconos gratuitos del sitio web.
Encontrará que los iconos en los iconos de línea de corriente vienen en tres tipos o «pesos» diferentes. La diferencia entre sus iconos ligeros, regulares y audaces está marcada, y el más ligero es más geométrico y minimalista en contraste con los iconos de glifo en negrita que recuerdan más las pautas de la interfaz humana de Apple.
¿Cómo descargar iconos de una página web?
Ahora busquemos las formas en que podemos descargar el Favicon desde el sitio web en sí. Pero antes de eso debes saber algo sobre el alojamiento y los directorios. Bueno, no te preocupes, no estamos entrando en algunos conceptos básicos, solo algo pequeño que debes saber sobre un sitio web. Cada vez que un alojamiento crea una base de datos para sitios web particulares, los archivos se subdividen ampliamente en dos secciones. Esos archivos pueden estar en el directorio raíz o fuera del directorio raíz. Y lo mismo sucede con Favicon también, así que veamos uno por uno para ambos casos.
Método 1: Descargar Favicon desde un sitio web cuando Favicon está en el directorio raíz
Bueno, si está seguro, que el favicón reside en el directorio raíz, entonces puede seguir estos pasos. Bueno, ciertamente no puedes estar siempre seguro, por lo que la mejor opción es probarlo. Si funciona, bueno y bueno, de lo contrario también tenemos otras formas.
Paso 2: Todo lo que hace ahora es Enter /favicon.ico frente a la URL de ese sitio web. Así que tomando el ejemplo debería ir como
¡Y voilá! Tendrás la imagen frente a ti, todo lo que tienes que hacer ahora es
Descargar Favicon desde un sitio web cuando Favicon no está en el directorio raíz
Bueno, como dijimos, a veces el favicon no está presente en el directorio raíz o si el truco mencionado anteriormente no funciona. ¿Qué se debe hacer a continuación? Bueno, en ese caso no es tan difícil, solo siga estos pasos.
Paso 2: Ahora su próximo paso es que debe ir a la fuente de la página del sitio web. Ahora, por eso, puedes hacer cualquiera de las dos cosas.
¿Dónde puedo descargar iconos gratis?
Los íconos están en todas partes. Son una forma extremadamente útil y visual de ayudar a las personas a comprender su contenido. Crear íconos puede llevar mucho tiempo, al igual que la búsqueda exacta que desee. Hemos compilado una lista de unos 11 de los mejores sitios web para obtener íconos gratuitos para ayudar a reducir su tiempo de búsqueda y continuar escribiendo y creando.
Analizar y segmentar contactos se ha convertido en una brisa. Con su increíble función de segmentación, se vuelve extremadamente fácil ver lo que sus contactos son atractivos… Leer una revisión completa
¡Utilizo el chat principalmente, pero me encanta el hecho de que siguen construyendo en él y ahora tenemos una base de conocimiento construida! Soy nuevo en todo esto, así que veremos cómo van las cosas, pero la… Leer reseña completa
La integración de todas las características es asesina. Contactos, clientes potenciales, correos electrónicos de marketing, correos electrónicos de automatización, base de conocimiento, todos se unen muy bien. La interfaz de usuario está bien diseñada y fácil de usar. Como es… Leer reseña completa
Me encanta que sea una solución completa para la gran mayoría de mis necesidades a una fracción del precio que otros ofrecen. Sin necesidad de improvisar un Frankenstein de herramientas, puedo cuidar mi… Leer una reseña completa
Me encanta la función de chat. Todo funciona bien, las notificaciones son confiables, ¡funciona muy bien!
Compararía GIST con el intercomunicador. Es una plataforma para administrar los contactos de sus clientes y sus comunicaciones con ellos. Puede presentar consultas para el chat in situ, Facebook Messenger y Twitter Direct… Lea la reseña completa
¿Qué es Icons8?
En esta sección, vamos a desglosar la funcionalidad de las diferentes aplicaciones ofrecidas por Icons8 y analizar más de cerca la interfaz y las herramientas disponibles, desde las que puede esperar (iconos) hasta las ofertas únicas como fotos, música , y más.
Una biblioteca gratuita y editor de iconos para Windows y Mac
Phicon Icons es una aplicación que le permite tener todos los íconos disponibles en todo momento, ya que la aplicación funciona sin conexión.
Diseñado para Windows y Mac, esta aplicación es gratuita y hay más de 33 estilos de iconos para elegir (aunque algunas de las colecciones solo están disponibles por suscripción).
Esta conveniente aplicación le permite aprovechar el método de arrastrar y soltar para iconos en cualquier aplicación de software, incluidas Visual Studio, Photoshop, Adobe Illustrator y muchos otros.
Todos los íconos tienen al menos 20 etiquetas para una búsqueda más efectiva, y hay más de 50 categorías, cada una con hasta 200 iconos.
Con el software gratuito, los usuarios obtienen acceso a más de 5,000 iconos en 22 estilos diferentes. Los formatos incluyen PDF, PNG y SVG y varían de 25 PX dos 512 PX.
- Recolorar todos sus íconos en solo unos pocos clics
- Navegar por estilo o categoría, o buscar por palabras clave
- Trabaja convenientemente fuera de línea siempre que quieras
Software de diseño gráfico gratuito con recursos incorporados.
Lunacy es una poderosa herramienta de diseño vectorial que ofrece toda la potencia del boceto, como leer y guardar archivos de bocetos.
¿Qué son los iconos en página web?
Los íconos del sitio web son señales visuales que ayudan a comunicar conceptos en las páginas de su sitio web. Pueden actuar como un lenguaje visual para evitar que el usuario interprete un concepto incorrectamente y para garantizar una comunicación efectiva.
Parte del excelente diseño de sitio web son los iconos que usa en su sitio web. Los colores, los elementos, la copia, la navegación y otros aspectos son importantes, ya que le dan al usuario una experiencia con su marca.
Pero los íconos son un elemento visual especialmente importante que complementa la copia y el aspecto general de la página.
Aquí hay un ejemplo de algunos íconos que aparecen en nuestro propio sitio web:
Tenga en cuenta, por ejemplo, cómo el cuadro para «marketing por correo electrónico» tiene un icono de sobre. Ese icono del sitio web admite el contenido y comunica más información crítica sobre esa característica.
El juego de iconos de funciones más importantes es dar a los usuarios instrucción o dirección para lo que deben hacer a continuación. Como una señal visual que acompaña al contenido, los usuarios sabrán rápidamente qué hacer y dónde ir.
Como resultado, cuando su sitio web mejore esa experiencia del usuario, las personas permanecerán en su sitio por más tiempo, y verá un aumento en las tasas de conversión y varias métricas que ayudan a su sitio a clasificarse bien.
Así que vamos a sumergirnos en información técnica sobre los íconos del sitio web y luego le mostraremos ejemplos específicos de cómo utilizamos iconos en el diseño de uno de los sitios web de nuestros clientes.
Los íconos en el diseño web han emprendido una evolución interesante desde los primeros días de Internet.
¿Qué son los iconos en un sitio web?
Hay íconos que a los usuarios no les gustan. Dicen que el ícono no está claro, feo o simplemente no puede explicar lo que no les gusta. La razón es simple: en tales íconos, se violan uno o más principios fundamentales de su construcción. La información en este artículo puede ayudarlo a evitar errores y crear iconos que los usuarios definitivamente les gustará. Los principios son relevantes tanto para los iconos del sitio web como para la aplicación y se pueden aplicar a todos los tipos de iconos.
Comencemos con algunos conceptos básicos. Los íconos en el diseño web son elementos pequeños solo en tamaño, pero no en importancia o importancia. Son necesarios para indicar información. Estos son anclajes visuales que ayudan a capturar la atención del usuario y dirigirlos a realizar la acción específica.
- atraer la atención;
- entender el significado;
- navegar por la interfaz;
- Guardar espacio visual;
- hacer una conexión con el usuario.
El uso de íconos no es tan fácil como parece a primera vista y requiere competencia de diseño y un enfoque reflexivo. (Es bueno si un especialista separado trata con íconos).
La mayor preocupación de algunos diseñadores es si sus íconos se ven ordenados o no, se centran correctamente y si los píxeles están perfectamente combinados. Alinean elementos de acuerdo con las fórmulas, pero olvidan lo más importante.
¿Cuáles son los principios más importantes para crear íconos que les gustan a todos?
Un buen icono debe ser simple y fácil de «leer». No necesita una explicación textual. Puede probar el ícono mostrándolo a una persona lejos del diseño. Si no han adivinado lo que significa más o menos, probablemente haya algo mal con este ícono.
¿Por qué son importantes los iconos?
Los íconos están en todas partes; Algunos son tan poderosos y universales que reconocemos instantáneamente que representan una marca, producto o mensaje, sin la necesidad de ninguna palabra. En un nivel más pequeño, los íconos como los emojis pueden transmitir emociones y significado de una persona a otra, y en algunos casos las personas usan únicamente emojis en lugar de texto para transmitir su mensaje.
En el mundo de la tecnología, los iconos representan una gran parte de cómo los usuarios navegan en torno al software o sitios web; Todos reconocemos el icono ubicuo de «impresión» en Microsoft Word, o el icono «Responder» en cualquier cliente de correo electrónico.
La investigación ha demostrado que los íconos, cuando se usan correctamente, pueden mejorar la usabilidad, ser recordados fácilmente y mejorar el diseño de las páginas web o el software que se utiliza. Por otro lado, cuando se usa incorrectamente, los iconos pueden causar confusión y afectar por completo la navegabilidad para el usuario. Si un icono no está claro en su intención, ¡el usuario no entenderá qué sucederá cuando haga clic en él!
Los íconos también pueden generar un debate en términos de su idoneidad y idoneidad dentro de su contexto más amplio. El reciente cambio en el ícono de «gente» de Facebook, para llevar a los íconos masculinos y femeninos a una posición más igualitaria (en oposición a la iteración anterior de tener el ícono femenino en el fondo), es ciertamente un gran problema, y muestra que Facebook está haciendo un esfuerzo consciente en retratar géneros por igual; todo en el espacio de un ícono.
Está claro que los íconos son increíblemente importantes, y también son bastante fáciles de equivocar. Entonces, ¿cómo podemos usarlos de la mejor manera de mejorar la experiencia del usuario de los sitios web y los productos de software, al tiempo que mantenemos un buen nivel de comprensión?
Artículos Relacionados:
