En este artículo:
En la siguiente sección aprenderás cómo encontrar iconos, añadirlos a tu proyecto y formatear su tamaño y estilo. También aprenderás cómo agruparlos en la página y organizarlos de forma rápida y efectiva usando el Panel de Esquema.
Los iconos juegan un papel esencial en ayudar a los usuarios a navegar por una interfaz. Si eres nuevo en el diseño, la forma más fácil de comprender su rol y propósito únicos es imaginar la señalización en un aeropuerto internacional.
La iconografía del aeropuerto debe ser universal, inclusiva e independiente del idioma. Los viajeros necesitan poder reconocer, de un vistazo, a dónde deben dirigirse para el equipaje, información, comida, baños, aduana, llegadas, salidas, taxis, autobuses, etc.
Como resultado, los iconos no solo deben ser claros e inequívocos, sino que también deben ser parte de la misma 'familia' y estilo – para que sepas, instantáneamente, que estás tratando con la señalización oficial del aeropuerto. Necesitan tener un lenguaje gráfico propio, y por eso normalmente se aplican en grupos de estilo.
La iconografía aeroportuaria permite que decenas de miles de usuarios naveguen simultáneamente por la complicada arquitectura de los aeropuertos, minimizando el caos y la confusión, y llevándolos justo a tiempo a sus vuelos.
De manera similar, los iconos dentro de tu interfaz de usuario permiten que millones de usuarios naveguen sin problemas, proporcionando indicaciones simples, rápidas y claras.
Debido a la importancia fundamental y la utilidad de los iconos, tienen su propia pestaña dedicada.
Para localizar la Biblioteca de Iconos, ve a la Barra Lateral Izquierda y haz clic en la Pestaña de Iconos. La pestaña se volverá azul y abrirá el Panel de Iconos.
Nuestra Biblioteca de Iconos contiene numerosos Kits de Iconos: Material Design, Font Awesome, Bootstrap, Feather, Hawcons, Amazon AWS, Azure Services, Kubernetes, Google Cloud, Cisco, RPG Awesome y Emoji. Y muchos de estos conjuntos incluyen una variedad de temas; por ejemplo, nuestro paquete de Material Design ahora incluye las variaciones Relleno, Contorno, Redondeado, Angular, Bicolor y Comunidad.
Los iconos pueden ajustarse y estilizarse como todos los demás objetos, pero trabajar con iconos es diferente en dos aspectos clave:
- Cómo Buscas los iconos
- Cómo puedes aprovechar su función única de Reemplazar
Cubriremos ambos temas en los artículos posteriores de esta sección.