Bienvenido a la parte 1 de nuestra miniserie «Principios efectivos de diseño web de Divi», donde exploramos prácticas de diseño efectivas para ayudar a empoderar a los nuevos diseñadores web y a aquellos que se identifican como alguien 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 hacer una venta o hacer que un cliente potencial haga clic fuera de 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 diseñador web de Divi. 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 mentalidad de desarrollador y sienten que no tienen un ojo natural para el diseño. Pero, con suerte, muchos de estos conceptos también servirán como inspiración o un repaso para los diseñadores ya establecidos.
- Los grandes principios de diseño web se han mencionado anteriormente aquí en el blog, por lo que estaremos vinculando a 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 un exitoso diseñador web Divi que tú también puedes aplicar!
- Finalmente, cuando se trata de un buen diseño, no hay bien o mal. De hecho, es realmente una cuestión 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 nosotros sabíamos que se veía horrible, ¿verdad? No todos estarán de acuerdo con estos conceptos básicos de diseño, pero es seguro decir que estos principios son universalmente compartidos 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: 3 formas de aprender a tener un mejor ojo para el diseño
- Parte 2: 3 principios efectivos de diseño web para personas que no son diseñadores
- Parte 3: 3 áreas importantes de diseño en las que centrarse para la creación de cada 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. Puede que no te conviertas en el Miguel Ángel de Divi , pero, por Dios, aún puedes aprender algunas buenas prácticas de diseño para aplicarlas a tus proyectos 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 el teléfono y más. Por lo tanto, es muy importante conocer algunos principios básicos para aplicar 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 programar pero no puedo diseñar”.
¡Entonces esta serie es para ti! Entremos en ello.
En el mundo del diseño web, las personas tienden a identificarse con uno de dos grupos:
Diseñador web : es probable que un diseñador web, también conocido como (diseñador front-end), se sienta atraído por el diseño, los colores, el diseño y la estética del diseño web. Es probable que provengan de un fondo de diseño gráfico o quizás 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 puede ser el código o qué personalizaciones se incluyeron en los archivos php y css, entonces es muy probable que esté en este bote
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 back-end de los sitios web. Mientras que un «diseñador» puede ver formas, colores, aspecto, sensación, etc., una persona más mentalizada como desarrollador puede ver algo similar a la matriz: código, funcionalidad, facilidad de uso 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 debe 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. 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. Pero para los que están enfrente de 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 un código limpio.
De lo que realmente estamos hablando aquí es de una mezcla del cerebro izquierdo y derecho. Probablemente esto no sea un secreto para la mayoría en este punto, pero existen numerosos estudios que indican 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. Esta es la 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
Una comprensión de eso nos lleva al primer punto principal.
1) Preparando tu mentalidad
Si eres más creativo, lo más probable es 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, Vas a tener 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 cuál necesitaba trabajo. 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 funcionó para mí y lo que sé que funcionó para muchos otros diseñadores de Divi en la comunidad.
2) Cómo aprender y desarrollar un ojo para el buen diseño
Aprende 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 robe un sitio para venderlo como un tema infantil o como su trabajo, sino desde un punto de vista educativo . , una de las MEJORES maneras 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 frecuentes aquí en el blog de ET a través de los escaparates mensuales del sitio como este , 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 muy bien tomar esa misma idea y aplicarla como un diseño fuerte en su sitio! No tengo miedo de ir al centro comercial con mi esposa y entrar en las tiendas de maquillaje ahora porque lo uso como «el diseño de moda de Josh en el tiempo». ¡El tiempo que antes pasaba mirando un teléfono ahora a menudo se gasta productivamente revisando nuevas ideas y conceptos de diseño que puedo aplicar a mis proyectos de diseño web!
Aprende construyendo a partir de la Biblioteca Divi : una de las cosas más mágicas de diseñar un sitio con Divi es que viene con una biblioteca completa de diseños y diseños probados y efectivos a partir de los cuales puedes 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 comenzar de inmediato. 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 a partir de 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 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, ¡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 maneras de mejorar sus habilidades de diseño es recibir comentarios de otros. A menudo, cuando estás inmerso 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 todavía 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 Divination, pero mi preferencia personal son los grupos de Facebook de Divi. Intencionalmente creé el grupo de Facebook Divi Web Designers con el objetivo principal de poder publicar trabajos para obtener críticas y comentarios profesionales y útiles para ayudarnos a todos a ser mejores Divi Web Designers. Si tiene algún familiar de confianza, amigos o tal vez compañeros de diseño web con buen ojo para el diseño, también le recomiendo obtener sus opiniones si no desea recibir comentarios en línea.
Encuentro muy útil recibir comentarios porque a menudo señalará 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 tiempo, trabajé en un sitio que pensé que se veía increíble de pies a cabeza 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 un poco de orgullo de diseñador inicial, me di cuenta de que no podrían haber tenido más razón. De hecho, el tipo 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 hacer que coincidan con la apariencia correcta del sitio en lugar de apegarme a mis «ir a».
Entonces, si se siente lo suficientemente valiente como para recibir críticas constructivas, puede 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 retroalimentación, quiero animarte a que seas muy cuidadoso con tus palabras y con la forma en que haces críticas constructivas. 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 efectivo de Divi te haya inspirado y animado para el resto de la serie! Nuevamente, esta primera publicación fue más una introducción y una preparación para lo que viene, pero no obstante es importante porque antes de que puedas mejorar en el diseño, comienza con la preparación de tu mentalidad para aprender.
¿Tiene alguna otra idea o práctica sobre cómo aprender mejores técnicas de diseño web? ¡Háganos saber en los comentarios a continuación!
Mañana: 3 principios efectivos de diseño web para personas que 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 prácticos que lo ayudarán a llevar su juego de diseño al siguiente nivel. ¡Hasta entonces!
¡Asegúrate de suscribirte a nuestro boletín de correo electrónico y canal de YouTube para que nunca te pierdas un gran anuncio, un consejo útil o un obsequio de Divi!