Uno de los problemas más grandes con los que se enfrentan los diseñadores es cómo mejorar un diseño que no llegó a la marca. Algunas veces estamos en nuestro juego y podemos sacar un hermoso diseño en minutos, otras veces luchamos por completar algo que debería ser simple.
La publicación de hoy es una lista de verificación que puede marcar y consultar para aquellos momentos en que necesita una perspectiva nueva. Examine la lista para inspirarse sobre cómo mejorar un diseño que falta en un área que no puede identificar.
1. Añadir Contraste
Una de las formas más fuertes de hacer que un diseño sea más interesante es introducir un poco de contraste. Nuestros ojos se ven atraídos hacia áreas de extrema diferencia y el manejo adecuado de este conocimiento puede llevar a diseños asombrosos.
Hemos discutido esto antes en Design Shack, pero aquí hay una actualización rápida. El contraste se aplica típicamente utilizando cualquiera o todos los tres métodos diferentes. El primero es el color. El contraste de color es fácil de entender, pero no siempre es fácil de ejecutar. Utiliza la teoría de la rueda de colores aquí para asegurarte de que estás agregando contrasteno conflicto.
Algunas de las combinaciones de contraste más altas posibles se muestran en la imagen de arriba: negro, blanco y amarillo. Tanto el blanco como el amarillo contrastan a la perfección con el negro y se usan a menudo juntos para un énfasis selectivo.
Las otras dos formas de agregar contraste están relacionadas: tamaño y audacia. Cuando demasiados objetos en la página tienen el mismo tamaño, puede crear un caso grave de redundancia visual. Esto se aplica especialmente a la tipografía. Asegúrese de que sus titulares (o cualquier otra área en la que desee destacar) sean significativamente más grandes o más audaces que el resto de los elementos de la página.
Aplicación práctica
Ir a través de su diseño y buscar áreas que se destacan visualmente. ¿Son estas las áreas que quieres que reciban más atención? Si no, use un contraste selectivo para animar la página y agregar interés a los elementos que lo merecen.
2. hacer algo inesperado
Instintivamente sabes cómo realmente llamar la atención de alguien: los sorprendes. Esto se puede aplicar al diseño web tanto de manera buena como mala. Tener un fuerte reproductor de música sorprende a tus visitantes es malo. Hacer algo gráficamente agradable pero no tradicional es bueno.
Como ejemplo, considere la imagen de arriba. El nombre del estudio de diseño gráfico se hunde en el suelo. No estoy completamente seguro de por qué el diseñador hizo esto, pero ciertamente me hace pasar unos segundos extra mirando la página. El diseñador no ha hecho todo lo posible para acercarse a usted o entregarle una línea de golpe fuerte, simplemente dio un giro a lo que espera ver aquí.
Pequeños detalles como este le permiten personalizar realmente un sitio con su propia marca particular de creatividad. Esos toques contribuyen en gran medida a agregar la sensación de que su diseño puede faltar actualmente.
Aplicación práctica
Intente identificar los aspectos más aburridos de su diseño. ¿Qué cambios puede hacer en estas áreas que no son típicas de lo que alguien esperaría? Recuerde, no se trata de agregar confusión sino de infundir interés.
3. Simplifica, simplifica, simplifica
Si solo pudiera decir una palabra a los diseñadores que producen consistentemente diseños sin brillo, sería "simplificar". Muy a menudo pensamos que la solución para un buen diseño es agregar más. Más iconos, más texto, más fotos. A veces, estas cosas realmente pueden ayudar, pero más a menudo los diseñadores simplemente se esfuerzan demasiado.
Cuando piensas demasiado en un diseño, te metes tanto en él que pierde su efectividad. Como espectador, solo hay tanto que puedo y / o estoy dispuesto a procesar. Cuanto menos contenido coloque en una sola página, menos trabajo siento que tengo que hacer para verlo.
El sitio que se muestra arriba es un ejemplo perfecto. Esta página es hermosa y efectiva. El objetivo principal es comunicar que Paul es un diseñador gráfico con énfasis en tipografía, ¡el diseño definitivamente comunica esto alto y claro!
Ahora contraste esto con el sitio web a continuación. Es probable que estos tipos no sean malos diseñadores, pero la página que han creado para su negocio de diseño está muy ocupada. El resultado es una mirada desordenada sin un énfasis claro. Recuerda, cuando todo en la página grita para llamar la atención, nada lo consigue.
Aplicación práctica
Eche un vistazo a su diseño e identifique los elementos esenciales. Puede sentirse tentado a buscar elementos no esenciales, pero eso llevará a un cambio mucho menos dramático. Encuentre los elementos que absolutamente deben estar presentes para que la página tenga algún significado y utilidad. Ahora tira todo lo demás. Tíralo todo y muévelo a otras páginas o mátalo por completo.
Ahora, dale a tu página un diseño nuevo y más simple y ve si el resultado no se ve mejor que cuando empezaste. Si se ha excedido, siempre puede comenzar a reintroducir algunos de los elementos eliminados lentamente mientras mantiene el nuevo diseño sólido que ha creado. Sin embargo, tenga cuidado, es una pendiente resbaladiza y puede que termine de nuevo donde comenzó.
4. Añadir repetición
La repetición es un concepto realmente complicado que pocos diseñadores captan adecuadamente. Comienza de la manera más simple: use las mismas pocas fuentes y colores en todo el diseño para lograr una apariencia uniforme. Sin embargo, una buena implementación de la repetición va mucho más allá de esto.
La mejor manera de aprender es identificando la repetición en los diseños de otros. Considera el ejemplo anterior, ¿puedes ver la repetición? Echa un vistazo al icono de Facebook en la esquina inferior izquierda. ¿Esto tenía que reflejar la forma del elemento de isla flotante? Ciertamente no, un ícono normal de Facebook hubiera funcionado bien. Sin embargo, este diseñador hizo un esfuerzo adicional al insertar un guiño sutil al gráfico principal.
Tenga en cuenta que el diseñador no se excedió con esta idea.No hay veinte pequeños iconos de islas flotantes repartidos por toda la página, solo uno.
Aplicación práctica
Eche un vistazo a su diseño e intente identificar algo único e interesante. Puede ser cualquier cosa, desde una forma hasta un color. Ahora piensa en cómo puedes repetir este elemento de una manera inteligente.
Tome un color intenso como el rojo e insértelo solo en algunos lugares en los que desee llamar la atención. Toma el tema de una fotografía, recórtala y colócala en otro lugar de la página. Escriba una palabra de su título en un guión y luego repita este truco en uno o dos lugares más. Estas son solo algunas ideas para que tu cerebro se inicie en la dirección correcta. La repetición puede ser lo que quieras que sea.
5. Divide tu contenido con líneas
Este es un pequeño truco realmente extraño que puede recorrer un largo camino. A veces su diseño está lleno de espacios en blanco incómodos. Otras veces, no tiene suficiente espacio y necesita una manera de mantener las cosas estrechamente apretadas mientras se mantiene visualmente distinto.
Estos y un millón de otros problemas se pueden resolver con los elementos de diseño más simples: una línea. Suena demasiado bueno para ser verdad ¿verdad? Verifique los sitios que están arriba y debajo de este párrafo y cómo usan las líneas para organizar y agregar interés a su contenido.
Al igual que con muchos de estos consejos, este es realmente fácil de llevar demasiado lejos. Manejar líneas con intención y reservar. Asegúrese de que realmente están mejorando su diseño en lugar de simplemente agregar el desorden.
Aplicación práctica
Si desea obtener más información sobre cómo implementar con éxito líneas en su diseño, consulte nuestro artículo dedicado al tema. Encontrará todo tipo de ideas y ejemplos para enriquecer sus diseños con unos pocos trazos simples.
6. Hazlo dinámico
¡Recuerda que el diseño web no es todo sobre cómo se ve todo! Se trata de la interacción con el usuario. Una página simple y estática a menudo puede parecer aburrida, incluso si es bastante atractiva en la superficie.
Afortunadamente, este es uno de los problemas más fáciles de resolver en la web. Agregue un control deslizante de imagen, una presentación de diapositivas, algunos efectos de desplazamiento únicos o tal vez incluso una animación sutil.
El sitio que se muestra arriba tiene un pequeño efecto de desplazamiento en las cintas. Cuando pasas el mouse por encima, la sección central se levanta mientras que los lados sobresalen aún más, lo que le da un efecto 3D realmente agradable. También asegúrese de visitar el sitio a continuación y vigile de cerca el colorido logotipo. Tiene una animación tan sutil que puedes ver la página una docena de veces y nunca te das cuenta, ¡pero cuando lo haces no puedes dejar de mirar!
Aplicación práctica
¿Su sitio parece muerto? La web es un medio demasiado rico para no aprovechar las increíbles herramientas como CSS dinámico, jQuery y MooTools para agregar un poco de vida a una página aburrida. No tiene que volverse loco, solo asegúrese de aprovechar sus recursos disponibles de una manera que los usuarios encuentren atractivos.
7. Añadir algún carácter
¡Cuando veas por primera vez el sitio anterior, te preguntarás qué poseía alguien en la Tierra para pegarle un bigote a una gráfica de barras! Es un poco ridículo, ¿no?
Sin embargo, creo que es un diseño fantástico que me hace sonreír cada vez que lo veo. ¿Por qué? Porque los gráficos de barras apestan. Los datos son aburridos y sin vida y presentarlos de manera interesante siempre es un desafío. Este diseñador se encargó de hacer que un control de velocidad del sitio web fuera amigable, ¿qué mejor manera hay de lograr esto que antropomorfizar una gráfica de barras?
Agregar un elemento humano es una excelente manera de hacer que cualquier sitio se sienta más acogedor. Si eres un maestro ilustrador, genial, prepara una mascota o un personaje amigable. Sin embargo, incluso si no puedes dibujar, puedes implementar fácilmente este truco. El bigote de arriba no es una hazaña de ilustración sorprendente, ¡pero hace el trabajo!
Aplicación práctica
Pregúntese qué aspectos de su diseño parecen particularmente aburridos o técnicos. ¿Se identificarán los no técnicos con estas áreas de manera significativa? Intenta introducir algo de humanidad en la imagen y ver si eso ayuda. Usa sonrisas, caras, etc. para reducir el nivel de intimidación.
Traerlo a la vida con textura
A menudo es una buena idea comenzar tus diseños de una manera muy básica. No se deje atrapar por los detalles en las etapas iniciales, en lugar de eso, concéntrese en cuál será su contenido y cómo organizarlo de una manera útil.
También asegúrate de que has definido tu esquema de color. Use colores sólidos en sus composiciones hasta que todo se vea bastante bien sin gradientes o texturas superfluos adicionales. Luego, si cree que todavía falta algo, intente introducir algunas texturas interesantes para agregar un poco de vida a su diseño.
Recuerde que la textura no tiene que ser relegada a un fondo simple, verifique cómo el sitio a continuación utiliza un efecto de textura en capas en el encabezado para crear algo que sea realmente atractivo.
Aplicación práctica
Este consejo funciona de dos maneras. Primero, si aún no ha usado ninguna textura, piense cómo puede incorporarla mientras mantiene la integridad de los colores y el diseño que tiene actualmente. Use la textura para reforzar un diseño ya fuerte, no como una curita para un diseño pobre.
En segundo lugar, si ya ha utilizado cantidades significativas de textura, intente eliminarlo todo y obtenga una idea del sitio con colores sólidos. Luego, reintroduzca gradualmente la textura y sea extremadamente selectivo sobre el lugar donde se aplica.
9. Tomar un descanso
A veces te quedas estancado en una rutina mental. No importa cuánto intente salir de él, simplemente recicle las mismas ideas y cometa los mismos errores.
Si las sugerencias anteriores no ayudan, intente alejarse del proyecto por un tiempo. Tome un descanso, salga a caminar o incluso trabaje en otro proyecto por un tiempo, cuanto más tiempo mejor.Si tiene tiempo para pasar un día entero enfocándose en otra cosa, volver después de ese descanso prolongado le dará una perspectiva nueva que a menudo es justo lo que necesita para retroceder e identificar las áreas problemáticas.
Desafortunadamente, la mayoría de los proyectos en los que trabajamos no tienen tiempo suficiente para perder un día saltando a través de los lirios de la vida sin incurrir en la ira de un cliente enojado o el temor de una fecha límite dura. En estas circunstancias, los descansos cortos son todo lo que vas a obtener.
En realidad, existe un sistema completo de productividad dedicado a los descansos breves que se presta perfectamente a profesiones creativas como el diseño. El método Pomodoro utiliza períodos de trabajo ininterrumpido seguidos de breves interrupciones. Dado que la creatividad tiende a aparecer en ráfagas, intentar esto por un día podría ser el remedio perfecto para su diseño mediocre.
Aplicación práctica
Para saber cómo aplicar estos principios de manera efectiva en su propio flujo de trabajo, consulte nuestro artículo Cómo cortar la mierda y, en realidad, ser productivo como persona creativa. Es una discusión directa y honesta sobre por qué los diseñadores luchan tanto con el equilibrio entre la creatividad y la productividad, por qué las listas de tareas pendientes no funcionan y cómo puede superarlo todo con éxito y hacer algo.
10. empezar de nuevo
Después de pasar horas persiguiendo una idea, nadie quiere escuchar que necesitan volver al tablero de dibujo. Como diseñadores, tendemos a formar conexiones emocionales con nuestras creaciones. Es una reacción perfectamente natural, pero debes tener en cuenta que esta tendencia puede interferir en el camino de avanzar y mejorar nuestros pensamientos iniciales.
La mala noticia es que a veces un diseño simplemente no se puede guardar. Con demasiada frecuencia, los diseñadores pasan tres horas ajustando un diseño deficiente cuando les hubiera costado noventa minutos comenzar de cero y encontrar algo mejor.
Parte de la maduración de su habilidad como diseñador es simplemente saber cuándo está equivocado y avanzar en una nueva dirección. Claro, se veía genial en tu cabeza, pero cuando salió en Photoshop parecía una mierda. No te lamentes, pulsa Comando + N y comienza de nuevo. Mire alrededor de nuestra galería de diseño para obtener una gran inspiración como la que se ve en esta publicación y comience de nuevo con algo tan diferente como pueda.
Aplicación práctica
La parte más difícil de este consejo es saber cuándo está en ese punto en el que necesita volver a empezar. Por otro lado, la parte más tranquilizadora es que su iMac de $ 1,200 de hecho puede contener más de un PSD en su disco duro. Comenzar de nuevo no significa desechar tu idea original, significa guardarla y archivarla para que tengas la opción de volver a ella más tarde.
A veces pasas por tres iteraciones más solo para darte cuenta de que tu primera idea fue realmente la mejor. Otras veces avanza en otra dirección y encuentra ese archivo anterior meses más tarde e inmediatamente ve cómo esas ideas podrían incorporarse con éxito en su proyecto actual.
Podrías notar que este consejo es un poco de dos caras. Primero, no te apegues tanto a tus diseños que no estés dispuesto a deshacerte de todo y empezar de cero. Sin embargo, no esté tan desapegado de su trabajo que deseche algunos conceptos realmente prometedores. Conviértase en una rata del paquete digital y nunca tire un diseño que aún no haya alcanzado su máximo potencial. Crea una carpeta de archivos sin terminar y navega por ella cada pocos meses para inspirarte.
Conclusión
El objetivo de esta publicación es que se dé cuenta de que, a pesar de que el trabajo creativo es un proceso abstracto e impredecible, de hecho puede aplicar pasos lógicos para llegar a una solución en caso de que tenga problemas.
Los diez consejos anteriores deberían hacer que tu cerebro vuelva a ponerse en marcha cuando te topes con esa pared creativa y simplemente no sepas cómo mejorar un diseño que necesite un pequeño impulso adicional. Algunos son trucos difíciles y rápidos que solo funcionarán una fracción del tiempo, otros son pasos que debe seguir en cada diseño que produzca. Experimente y descubra cuál de estos consejos tiende a funcionar mejor para usted. Esta es una gran manera de identificar las debilidades potenciales que necesita mejorar.
Deje un comentario a continuación y háganos saber cómo va a solucionar el problema de un diseño sin brillo. ¿Tienes algún truco bajo la manga para hacer un esfuerzo adicional para perfeccionar tu trabajo o eres más propenso a simplemente deshacerte de todo y comenzar de nuevo? ¡Haznos saber!