Sugerencias de expertos requeridas: ¿Cómo diseño íconos para proyectos de sitios web por mi cuenta? (Quiero mantener su estilo único y que coincida con el sitio web)

Los símbolos pueden ser una expansión increíble para su esquema y sugeriría firmemente utilizarlos.

He estado enviando mis símbolos a documentos PNG o GIF y utilizándolos como imágenes consistentes durante mucho tiempo. No había otra forma que los programas más destacados pudieran defender.

En cualquier caso, no hay menos de dos o tres problemas que he manejado constantemente en mi trabajo cuando utilicé símbolos como imágenes estándar:

Tamaño: necesitaba hacer una amplia gama de representaciones medidas del mismo símbolo, lo cual es un desperdicio y tedioso.

Sombreado: necesitaba hacer enormes sprites de símbolos cuando requería diversos tonos de los mismos símbolos.

Espectáculo de retina: cada imagen de símbolo requería otra versión para el espectáculo de retina, que también es tediosa y más difícil de mantener.

Impactos: había una medida limitada de los impactos que podía hacer en las imágenes; por ejemplo, fue difícil hacer un movimiento de sombreado suave.

Enviar imágenes: intercambiar arreglos más grandes de símbolos fue realmente tedioso cuando tuve un exceso de símbolos y todos estaban delineados en un estilo particular.

Código: había numerosas líneas de código que necesitaba clasificar físicamente en mi CSS para configurar cada una de las imágenes en clases y tamaños particulares.

Ejecución: las imágenes incluyen peso y más solicitudes http que solo retroceden en todo su sitio.

A fin de cuentas, imagine un escenario en el que le haga saber que los estilos textuales de símbolos se ocupan de estos problemas y son muy simples de utilizar, mantener o incluso hacer. Además, esta nueva técnica es excepcionalmente mantenida por todos los programas reales. Por lo tanto, permítanme aclarar primero qué símbolo.

Fontastic soluciona estos problemas, ya que puede crear su propio conjunto de símbolos en particular combinando otros conjuntos gratuitos o premium e incluso incluir sus propios símbolos en particular. Todo el procedimiento es tan simple como seleccionar símbolos de conjuntos accesibles y luego rehacer las imágenes de personajes que quedan detrás de cada símbolo. En ese momento, con solo una marca, puede producir documentos que estén preparados para usar en su empresa de sitio.

Déjame demostrarte cómo funciona de manera ordenada:

Paso 1: Cree un registro en Crear su fuente de icono en segundos y otro estilo de texto.

Este es el paso más sencillo. Básicamente, vaya al sitio Crear su fuente de icono en segundos y realice otra cuenta gratuita. Una vez que haya iniciado sesión, seleccione “Nueva fuente” en el menú superior.

Paso 2: Exporte su propio símbolo particular al registro SVG.

Debe recordar que todos los símbolos deben estar basados ​​en vectores. Puede utilizar cualquier producto que necesite para crear nuevos registros vectoriales, la longitud de los cuales puede intercambiarlos en documentos SVG.

En su mayor parte, hago todos mis símbolos vectoriales en Adobe Illustrator. En ese momento, lo transformo en un sombreado oscuro intenso y edito el informe para que se ajuste al símbolo.

Gracias.

Para el servicio de diseño web:

Contacto en – http://www.keshavinfotech.com

El proceso de diseño es bastante simple. Esboza los iconos deseados, los escanea y los traza en la herramienta deseada. Eso es lo que hago al menos.

  1. Boceto de imagen en papel
  2. Escanearlo en tu computadora
  3. Abre tu herramienta de diseño deseada, la mía es Sketch 3
  4. Arrastre la imagen escaneada a
  5. Usa la herramienta de vectores y dibuja sobre ella
  6. Tocalo
  7. Exportar como .png, .jpg, .svg
  8. Suéltelo en su sitio web con la etiqueta .

¡Estas instrucciones te ayudarán a crear los íconos que deseas! ¡Tenga en cuenta que tendrá que imaginarlos usted mismo!


¡Sin embargo, hay muchos conjuntos de íconos prefabricados que coinciden con tu estilo! Intente pagar UI8, tienen muchos recursos. Si eso no satisface sus necesidades, puede consultar ShutterStock.

Para el diseño, debe estudiar la naturaleza de la marca y su logotipo. Seleccione el estilo de acuerdo con él, puede ser lineal, bordes curvos, bordes puntiagudos, cuadrados, etc.

Lineal

Relleno sólido (use el mismo porcentaje de negativo y positivo)

Iconos en diferentes formas

En multicolor (hacer una paleta de colores fija, generalmente 3-4)

En dos colores

Hay muchos otros estilos y formas de hacer los íconos.
Por ejemplo: Nuevo logotipo e iconos de Instagram para el diseño y otros efectos.

Arregla un estilo y bosquejalo. Luego, adáptalo a otro grupo de íconos. Siempre mantenga el tamaño. Y siempre verifique el icono en el tamaño más pequeño o en el tamaño real.

Puede vectorizarlo en software como Illustrator, Corel Draw, etc.

Debe comenzar a aprender Illustrator, o corel draw, con esas herramientas, ¡puede crear iconos desde cero!

¿Por qué no pruebas Font Awesome o cualquier otro ícono de fuente?

Serían compatibles, livianos, compatibles con navegadores cruzados y dispositivos cruzados.

No estoy seguro de si te he respondido como esperaba. Déjame saber.