Tres formas de aprender a tener un mejor ojo para el diseño

Bienvenido a la parte 1 de nuestra miniserie "Principios efectivos de diseño web Divi", en la que exploramos prácticas de diseño efectivas para ayudar a empoderar a los nuevos diseñadores web y a aquellos que se identifican como personas sin "ojo para el diseño".

En la era visual actual, el diseño es más importante que nunca. Un buen diseño puede hacer o deshacer su negocio cuando se trata de convertir clientes potenciales en clientes. Puede ser la diferencia entre realizar una venta o hacer que un cliente potencial haga clic en su sitio web en busca de un servicio o producto más profesional. Y aunque los nuevos diseñadores y desarrolladores web a menudo afirman tener un "ojo para el diseño", existen algunos principios básicos de diseño que todos pueden aplicar para ayudar a mejorar en la parte de "diseño" del diseño web.

Prefacio de la serie:

• Las estrategias, prácticas y tácticas que cubriremos en esta serie son aplicables al diseño web en general y no son específicas de Divi, pero esta serie se basará en mi experiencia como Divi Web Designer. Muchas de las referencias, diseños y puntos de partida mencionados involucrarán específicamente a Divi.
• Esta serie está destinada principalmente a personas que son nuevas en el diseño web o que tienen una mentalidad de desarrollador que sienten que no tienen un ojo natural para el diseño. Pero es de esperar que muchos de estos conceptos también sirvan de inspiración o de actualización para los diseñadores ya establecidos.
• Se han mencionado grandes principios de diseño web aquí en el blog anteriormente, por lo que estaremos vinculando algunas publicaciones y recursos anteriores a lo largo de la serie. Esta es principalmente una guía para algunos de los principios más importantes en un buen diseño que aplico como diseñador web Divi exitoso y que usted también puede aplicar.
• Finalmente, cuando se trata de un buen diseño, no hay nada correcto o incorrecto. De hecho, se trata de equilibrar la opinión popular, su opinión creativa personal y los deseos del cliente. Todos hemos tenido ese cliente que pensó que algo se veía genial y sabíamos que se veía horrible, ¿verdad? No todo el mundo estará de acuerdo con estos conceptos básicos de diseño, pero es seguro decir que estos principios son compartidos universalmente por los diseñadores profesionales de Divi y la comunidad de diseño web en general.

Aquí hay un resumen de la miniserie a medida que miramos hacia el futuro:

• Parte 1 - Tres formas de aprender a tener un mejor ojo para el diseño
• Parte 2 - 3 principios de diseño web efectivos para quienes no son diseñadores
• Parte 3 - 3 áreas importantes de diseño en las que centrarse para cada creación de un sitio web

Antes de sumergirnos, debo decir que, si bien entiendo que algunas personas tienen más talento para la creatividad que otras, sostengo firmemente que USTED PUEDE aprender buenos principios básicos de diseño. Es posible que no se convierta en el Miguel Ángel de Divi, pero por Dios, aún puede aprender algunas buenas prácticas de diseño para aplicarlas en sus esfuerzos de diseño web. Me ahorraré la vergüenza de publicar algunos de mis primeros diseños web, pero solo diré que mi "ojo para el diseño" está en constante evolución y está madurando cada día más. De ninguna manera comencé donde estoy hoy. Y, francamente, el diseño es importante en algo más que el diseño web. Desempeña un papel importante en la organización del contenido, la redacción de correos electrónicos, la toma de buenas fotografías con su teléfono y más. Por lo tanto, es muy importante conocer algunos principios básicos para aplicarlos también a otros aspectos de su vida.

Entonces, si alguna vez te has sorprendido diciendo algo de lo siguiente;

• "Simplemente no tengo ojo para el diseño".
• "No tengo un hueso creativo en mi cuerpo".
• "Puedo codificar pero no puedo diseñar".

¡Entonces esta serie es para ti! Entremos en ello.

Tres formas de prepararse y aprender a tener un mejor ojo para el diseño

En el mundo del diseño web, las personas tienden a identificarse con uno de dos grupos:

Diseñador web : un diseñador web, también conocido como (diseñador frontal) probablemente se sentirá atraído por el diseño, los colores, el diseño y la estética del diseño web. Es probable que provengan de una experiencia en diseño gráfico o tal vez de un medio más visual como la fotografía u otras artes creativas. Si está más interesado en cómo se ven y se sienten las cosas en lugar de qué tan rápido se carga, qué tan limpio podría ser el código o qué personalizaciones se incluyeron en los archivos php y css, entonces es más que probable que esté en este barco.

Desarrollador web : un desarrollador web, también conocido como (desarrollador de back-end) probablemente estará más interesado en las matemáticas, los números y en el ámbito del diseño web, el código, la funcionalidad y el backend de los sitios web. Mientras que un “diseñador” puede ver formas, colores, apariencia, sensación, etc., una persona con mentalidad de desarrollador puede ver algo similar a la matriz: código, funcionalidad, usabilidad y cosas que se encuentran debajo de la superficie de un sitio web.

Ambos son clave para el diseño de un sitio web exitoso y, en mi opinión, un diseñador web exitoso necesita tener una combinación saludable de conocimientos en ambos mundos. Personalmente, aunque ahora estoy bien versado en diseño y desarrollo, todavía me atrae el lado del diseño de las cosas. Necesito trabajar cada vez más para considerar los tiempos de carga, el código limpio y la funcionalidad en lugar de un enfoque constante en el diseño, el diseño, la apariencia y la sensación. Pero para los que están frente a mí, es igualmente importante centrarse en un diseño agradable a la vista en lugar de un sitio web de aspecto terrible que se carga rápidamente con código limpio.

De lo que realmente estamos hablando aquí es de una mezcla del cerebro izquierdo y derecho. Esto probablemente no sea un secreto para la mayoría en este momento, pero existen numerosos estudios que afirman que el lado izquierdo del cerebro es analítico, matemático, secuencial, lógico, etc. El lado derecho del cerebro es artístico, creativo, perspicaz, imaginativo, etc. Esto es clave para comprender POR QUÉ puede sentirse atraído por ser diseñador o desarrollador.

En breve,

Desarrollador = Pensador del cerebro izquierdo
Diseñador = Pensador del cerebro derecho

La comprensión de eso nos lleva al primer punto principal.

1) Preparando tu mentalidad

Si eres más creativo, es muy probable que tengas que trabajar más duro en la codificación y el lado más logístico del diseño web y viceversa, si tus tendencias se inclinan hacia el lado izquierdo del cerebro, ' Tendremos que trabajar un poco más para desarrollar un buen ojo para el diseño. Como se mencionó anteriormente, soy más un pensador del cerebro derecho y un creativo. Si bien me encanta CSS y ahora puedo volverme peligroso con PHP sin sudar demasiado, no comencé de esa manera. Tuve que trabajar muy duro en las áreas de diseño web en las que no era bueno.

Pero comenzó con mi forma de pensar. Sabía en qué áreas era fuerte y en cuál necesitaba trabajar. Quiero alentarlo nuevamente en ese punto, USTED PUEDE aprender buenos principios de diseño y USTED PUEDE desarrollar un ojo para el diseño si es nuevo o si es un desarrollador sin un hueso creativo en su cuerpo.

En este punto, probablemente esté diciendo "Todo esto es genial, pero ¿qué puedo hacer para preparar mi mentalidad para aprender buenas técnicas de diseño?" Si bien todos aprendemos de manera diferente, les diré lo que ha funcionado para mí y lo que sé que ha funcionado para muchos otros diseñadores de Divi en la comunidad.

2) Cómo aprender y desarrollar un buen ojo para el buen diseño

Aprenda replicando buenos diseños de sitios web . Sí, lo dije. Si ve un buen diseño, intente recrearlo, copiando sus colores, tipos de letra, espaciado, diseños, etc. No estoy diciendo que arranque un sitio para venderlo como un tema secundario o como su trabajo, sino desde un punto de vista educativo. , una de las MEJORES formas de mejorar en el diseño es replicar un sitio ya bellamente diseñado. Se sorprenderá de lo mucho que aprenderá y lo empoderado que se sentirá al replicar un hermoso diseño que puede imitar.

Para obtener inspiración relacionada con Divi, puede encontrar algunos buenos ejemplos de diseños con frecuencia aquí en el blog ET a través de las exhibiciones mensuales del sitio como esta, a través de ejemplos de temas Divi o siguiendo a sus diseñadores Divi favoritos y viendo lo que se les ocurre.

Aprenda examinando diseños en todas partes : si bien los diseños impresos y otros anuncios pueden no ser el aprendizaje ideal para las tendencias de diseño web, aún puede aprender principios de diseño valiosos. Por ejemplo, tal vez vea un anuncio con una imagen fuerte con el texto diseñado de una manera moderna y elegante, ¡puede tomar esa misma idea y aplicarla como un diseño sólido en su sitio! No temo un viaje al centro comercial con mi esposa y entrar a las tiendas de maquillaje ahora porque lo uso como "el diseño de moda de Josh toma en el tiempo". El tiempo que antes dedicaba a mirar fijamente un teléfono ahora a menudo se dedica de manera productiva a comprobar nuevas ideas y conceptos de diseño que puedo aplicar a mis proyectos de diseño web.

Aprenda construyendo a partir de la Biblioteca Divi : una de las cosas más mágicas sobre el diseño de un sitio con Divi es que viene con una biblioteca completa de diseños y diseños probados y efectivos con los que puede construir. Si eres nuevo en el diseño y Divi o te sientes atascado mirando un lienzo en blanco, puedes cargar uno de los diseños prefabricados de la biblioteca, cambiar colores, reemplazar imágenes y ¡empezar! Observe cómo la reelaboración de un diseño ya profesional comenzará a entrenar su cerebro para su próximo proyecto.

Aprenda descargando y construyendo un paquete de diseño Divi semanal gratuito : si es un nuevo miembro de Elegant Themes o aún no lo sabe, hay paquetes de diseño Divi diseñados profesionalmente que se lanzan semanalmente aquí en el blog y que se pueden descargar GRATIS. No solo son una gran fuente de aprendizaje e inspiración si está interesado en mejorar en el diseño, sino que, al igual que los elementos de la biblioteca mencionados anteriormente, ¡estos son excelentes puntos de partida si es nuevo en el diseño!

3) Obtenga comentarios y críticas constructivas sobre su trabajo

Finalmente, una de las mejores formas de mejorar sus habilidades de diseño es obtener comentarios de los demás. A menudo, cuando está integrado en un proyecto, es fácil perder la orientación sobre lo que se ve bien y lo que se ve mal. Obtener comentarios y críticas constructivas sobre su trabajo es clave para mejorar en el diseño.

Ahora lo entiendo, es más fácil decirlo que hacerlo. Y probablemente quieras evitar ser destruido o desmoralizado, especialmente si aún estás aprendiendo, pero si estás usando Divi, automáticamente tienes acceso a la comunidad en línea más comprometida, solidaria y útil. Hay numerosos medios para conectarse con Divi nation, pero mi preferencia personal son los grupos de Divi en Facebook. Creé intencionalmente el grupo de Facebook Divi Web Designers con el propósito principal de poder publicar trabajos para obtener críticas y comentarios profesionales y útiles que nos ayuden a todos a convertirnos en mejores Diseñadores Web Divi. Si tiene familiares, amigos o compañeros de diseño web de confianza con buen ojo para el diseño, también recomiendo encarecidamente conocer sus opiniones si no desea recibir comentarios en línea.

Encuentro muy útil recibir comentarios porque a menudo señalarán un mal diseño que se pasa por alto, áreas de mejora o más. Por ejemplo, un área en la que no tengo un gran don natural y en la que necesito trabajar duro es la tipografía. No hace mucho, trabajé en un sitio que pensé que se veía increíble de la cabeza a los pies y, cuando recibí comentarios, me dijeron que el tipo que usaba no parecía encajar con la "sensación" del sitio. Después de quitarme el orgullo de un diseñador inicial, me di cuenta de que no podrían haber tenido más razón. El tipo de hecho no se correspondía con la sensación del sitio. Desde entonces, he aprendido a ser más consciente de los tipos de letra que elijo en un esfuerzo por hacerlos coincidir con el aspecto y la sensación correctos del sitio en lugar de quedarme con mis "ir a".

Entonces, si se siente lo suficientemente valiente como para recibir críticas constructivas, puede venir a hacerlo en nuestro grupo de Facebook Divi Web Designers o en cualquier otra Comunidad Divi en línea si se adhiere a las pautas del grupo. Y como nota al margen, si eres alguien que da la retroalimentación, quiero animarte a que seas más cuidadoso con tus palabras y con la forma en que das una crítica constructiva. Al dar retroalimentación, recuerde tratar de fortalecer a la persona, no derribarla.

Para concluir

Espero que esta introducción a los Principios de diseño web efectivos de Divi lo haya inspirado y animado para el resto de la serie. Nuevamente, esta primera publicación fue más una introducción y preparación de lo que se avecina, pero no obstante es importante porque antes de que pueda mejorar en el diseño, comienza con la preparación de su mentalidad para aprender.

¿Tiene otras ideas o prácticas sobre cómo aprender mejores técnicas de diseño web? ¡Háganos saber en los comentarios a continuación!

Mañana: 3 principios de diseño web efectivos para quienes no son diseñadores

Ahora que hemos cubierto la preparación y el aprendizaje de cómo tener un mejor ojo para el diseño, es hora de entrar en algunos principios de diseño prácticos y accionables que te ayudarán a llevar tu juego de diseño al siguiente nivel. ¡Hasta entonces!

¡Asegúrese de suscribirse a nuestro boletín informativo por correo electrónico y al canal de YouTube para que nunca se pierda un gran anuncio, un consejo útil o un obsequio de Divi!