12 Recursos para construir un sitio de WordPress inspirado en ilustraciones

Usuarios en línea, diseñadores, especialistas en marketing y gerentes de negocios, todos esperan mucho de los sitios hoy en día. Tiene que verse genial. Debe cargarse en unos segundos. Tienen que responder. Deben convertir. Y UX siempre debe ser una prioridad. Con toda esta energía gastada para cumplir con las expectativas, es fácil ser atrapado para verificar los cuadros de selección que necesitamos hacer para crear un diseño web extremadamente efectivo. Pero, ¿dónde está el cuadro de selección de creatividad y originalidad? Se podría argumentar que la razón por la cual hay temas de WordPress, complementos, aplicaciones de productividad y otros recursos de desarrollo web es para que los diseñadores web tengan más tiempo para crear algo único. Si ha llegado a un punto si el flujo de trabajo está tan simplificado, porque tiene tiempo para lidiar con los esfuerzos más creativos, entonces hable sobre la Inspirada Web-Illustration Webilustration.
Si bien los estilos ilustrativos no funcionarán bien para cada sitio web, para algunos funcionarán. Soy una forma fantástica de hacer que su sitio resalte la uniformidad que encontramos tan a menudo en línea y representa una excelente oportunidad para presentar la personalidad divertida y extraña. La web inspirada por las ilustraciones no me entiende mal: Fotografía de archivo no es algo malo. De hecho, hay varias formas de usar las fotos creativamente para que su sitio se destaque para la competencia. Dicho esto, debe admitir que hay algo intrigante en un sitio web ilustrativo. Es diferente, es emocionante y se necesita una personalidad de marca muy especial para tener éxito. Si cree que su sitio de WordPress podría beneficiarse de un toque único, pero la preocupación de que un sitio totalmente ilustrado no funcione para usted, está bien. Los estilos ilustrativos no siempre se tratan de crear un paisaje completamente animado. A veces vienen en forma de elementos ilustrados que ayudan a guiar a los usuarios a través de un sitio. A veces es solo la fuente que parece dibujada manualmente. Y a veces se utilizan ilustraciones para agregar animaciones cautivadoras. ¿Quieres ver cómo funciona? Aquí hay algunas formas en que otros diseñadores han utilizado ilustraciones en sus diseños web.
La ilustración de fondo y la fuerte adicción a los íconos que evolucionan el sitio web de riqueza tiene un diseño limpio, con tonos azules e ilustraciones simples.
Evolucionar la página principal de la riqueza.

Mínimal del máximo Las lindas animaciones de los libros que se hacen aparecen en el encabezado del sitio web [correo electrónico protegido], junto con ilustraciones dibujadas en líneas. La web [correos electrónicos protegió].
Dusty Photography-It cumple con los elementos de marca de color La cartera del desarrollador web de Denise Chandler contiene ilustraciones divertidas combinadas con fotografía y una generosa serie de iconos.

El sitio web y la cartera de Denise Chandler.
Story Pergment El sitio web de Harvey Water Softeners es una experiencia. Contiene un video con diseño interior a lo largo de las décadas, con simples ilustraciones de la forma en que mostraron las casas desde 1950. Haga clic en el sitio para verlo en la acción.

El sitio web de Harvey Water Softeners analiza el diseño interior de los últimos 70 años.
Diseño ilustrativo, animaciones y transiciones El sitio web Way Portland Weird está bien, extraño. La página principal presenta una animación post-apocalíptica de la ciudad y un ABC de ilustraciones coloreadas.

¡El sitio web Way Earthquake Weird es definitivamente extraño!
Las máscaras y los personajes ilustrados del sitio de la marca Made Made están muy frente a usted con sus extrañas animaciones, colores y lenguaje audaz.

Sitio web hecho en animales.
El diseño web en estilo infográfico en vivo para cambiar el sitio web de World, AL Unltd, ofrece una experiencia interactiva de un desfile de una página para educar a los visitantes sobre cómo los empresarios sociales pueden liberar el potencial de los jóvenes.

El sitio web de cambiar el mundo.
El CV interactivo profesional Robby Leonardi ha llevado a CVS a un nivel completamente nuevo, divertido y muy interactivo. Cuando viajas verticalmente en su sitio, te sorprende las habilidades anteriores y el trabajo en una experiencia de juego de plataforma.

Sitio web de la plataforma de Robby Leonardi.
Textos y elementos de diseño Las ilustraciones dibujadas manualmente no deben ser súper pulidos. Tome el sitio web de Bar Camp Omaha, por ejemplo. Presenta dibujos simples combinados con gráficos retro.

El sitio web de Bar Camp Omaha es divertido y un poco débil.
Las imágenes del blog son importantes para incluir excelentes imágenes en las publicaciones de su blog, ya sea sus elementos característicos o gráficos en los que ingrese en la publicación. Google Design Blog es un excelente ejemplo de imágenes increíbles hechas bien.

Blog de diseño de Google.
Herramientas y recursos para crear un sitio de WordPress inspirado claramente en ilustraciones, un sitio web “ilustrado” no siempre significa que cada parte de su sitio esté 100%ilustrada. El mejor consejo que podría dar aquí si decides seguir esta ruta es comenzar con una base mínima. Luego, puede ser creativo y ver cómo usar los elementos ilustrados mejor para representar la personalidad de su marca cuando esté listo, vea la próxima lista de herramientas de WordPress y otros recursos para ayudarlo a ejecutar esos jugos creativos.

Recursos inspiradores ¿El primer lugar para comenzar? Eche un vistazo para ver qué tipo de ilustraciones de alta calidad han creado otros diseñadores. Los siguientes recursos de diseño le darán una muestra de todo, desde elementos menores, como iconos, hasta ilustraciones de tarjetas a gran escala.
enorme
Uno por uno, Dribbble es un fantástico recurso de diseño para el diseño. Si no está seguro de cómo hacer que las ilustraciones funcionen para su sitio web, comience aquí. Los diseñadores han enviado una amplia gama de ejemplos de ilustraciones, ¿desde mascotas de “tocino mágico” hasta fondos de meteoritos trippy?
Detalles

La era de la ilustración
Ilustration Age es una publicación digital que se centra exclusivamente en la provisión de recursos e inspiración para los ilustradores. Es decir, este no es el tipo de recurso en el que encontrará inspiración para el diseño en el sitio. Las ilustraciones aquí se asemejan a las ilustraciones a gran escala que encontrarías en los cómics. Si este es el tipo de estilo que imagina para su sitio o el tipo de inspiración que está buscando, asegúrese de verificarlo.
¿Estás interesado en la ilustración?
Detalles

Temas de WordPress Muchos temas de WordPress no se crean con estilos ilustrativos en mente, lo que tiene sentido cuando miras la mayoría de los sitios web de hoy. Pero solo porque los sitios de fotografía de banco ocupan el lugar mayoritario, no significa que gobiernen. Vea estas tareas amigas de WordPress con ilustraciones.

X | Tema
El tema X WordPress se llama “infinitamente personalizable” y esa es exactamente la razón por la que necesita agregar modelos ilustrativos a su sitio. Iconos, tipografía, transiciones de sitio en una página y más. Interesado en x | ¿Tema?
Detalles
Themem

Este siguiente tema debe ser uno con el que ya esté familiarizado, porque a menudo se menciona en el resumen de los temas de WordPress debido a su versatilidad. Un verdadero tema multifuncional, THEGEM tiene más de 50 conceptos, muchos de los cuales incluyen un elemento ilustrativo pesado, como la página de destino principal, la luz de cartera de salpicaduras y la luz creativa de salpicaduras.
Detalles
Herramientas de ilustración Un tema de WordPress es un buen lugar para comenzar al diseñar un sitio inspirado en ilustraciones. Sin dibujar ilustraciones solo o contratar a alguien que haga por usted, necesitará ayuda para crear esos modelos para su sitio. Estas herramientas pueden ayudar.

Fuentes de escritura a mano por parte de la gente
A veces, una fuente bien seleccionada es todo lo que un sitio necesita para sorprender a sus visitantes. Específicamente, las fuentes escritas a mano son una forma única de proporcionar sitios web ilustrativos y una indicación de actitud y diversión. Esta colección de fuentes escritas a mano merece ser analizada si las opciones de fuente predeterminadas de su base simplemente no la reducen. ¿Estás interesado en las fuentes escritas a mano de las personas?
Detalles
El mercado creativo
Creative Market es similar a cualquier depósito de recursos que encuentre en línea. Todos los kits de ilustraciones y modelos fabricados manualmente fueron hechos por diseñadores, por lo que tendrá que pagar antes de poder usarlos. En su mayor parte, cada uno de estos kits y paquetes viene completamente con todo lo que necesita para construir su propio sitio web ilustrado, por lo que vale la pena ahorrar tiempo a Premium. ¿Estás interesado en el mercado creativo?

Detalles
Frepik
Frepik es un recurso fantástico para encontrar recursos de diseño gráfico gratuitos. Su colección de recursos ilustrados no es pequeña en absoluto (en la actualidad hay 20,000), por lo que está obligado a encontrar algo que inspire sus propias creaciones o se incline para integrarse en el diseño de su sitio. ¿Estás interesado en Freepik? Detalles

Buda de píxeles
Otro excelente recurso de ilustración gratuito es Pixel Buddha. Cuando visite el sitio web, asegúrese de hacer clic en los regalos en la parte superior, luego encuentre el tipo de elemento de diseño que está buscando. Tienen íconos, kits de interfaz de usuario, animaciones, texturas vectoriales, fuentes de scripts y muchas otras para elegir. ¿Estás interesado en Pixel Buda?
Detalles

Ilustrador Adobe
Para aquellos de ustedes que desean crear sus propias ilustraciones, Illustrator suele ser la plataforma favorita. La funcionalidad es similar a todos los demás software de diseño de Adobe, por lo que si se siente cómodo con ellos, será fácil. Además del hecho de que es intuitivo, también se integra con el stock de Adobe para cuando desea acceder a sus recursos de ilustración y también incluye plantillas prefabricadas de las que puede trabajar. ¿Estás interesado en Adobe Illustrator?
Detalles

Bosquejo
Si todo lo que desea es agregar una nota de ilustración a un sitio web a través de imágenes vectoriales, Sketch es la herramienta para usar. Es fácil trabajar y mantiene todo simple. Entonces, si su sitio web cae más en el estilo mínimo, colores claros e iconos funky y otras formas, entonces le dé una oportunidad a Sketch. ¿Estás interesado en Sketch?
Detalles

Termine saber cómo se ven las tendencias actuales de diseño web: fotos de pantalla completa, colores brillantes y largos.Este aspecto funciona para muchos sitios web, pero no es para todos.Si su marca merece estar ubicada sobre la sobrecarga de sitios similares, un giro ilustrativo puede ser exactamente lo que necesita. I: Alguna vez hubo un momento en el que tuvo que convencer a un cliente de que ya no use la ilustración en el sitio, su UL. ?Si es así, ¿por qué?¿Nos perdimos tu recurso favorito?Siéntase libre de compartir dónde está ilustrando en la sección de comentarios a continuación.
Etiquetas:
diseño

ilustración