¿Qué hace que un diseño sea profesional?

¿Alguien puede definir por qué algo podría no parecer "profesional"?

¿Qué diferencia entre diseños profesionales / no profesionales?

Tengo clientes que han dicho que mi diseño no se ve muy profesional. Seguí todas las cosas para hacerlo profesional, ¿tal vez no sé lo suficiente sobre diseño? He visto muchas plantillas de diseño "profesionales" que parecen fáciles y similares a las mías. La mayoría de las veces, cuando no tengo camino por recorrer, sigo estos diseños de plantilla, pero cuando termino recibo comentarios de que "Esto no parece profesional" . Sin embargo, esto no me ayuda. ¿Alguien aquí tiene ayuda / experiencia / sugerencias del mundo real que me ayudaría con respecto a la apariencia, la fuente, el estilo ... todo . Por favor dame un camino!

En resumen:
¿qué hace que un diseño sea profesional?

Hice esta otra respuesta ya que es para comentar su diseño:

Nos dice que puede recrear fácilmente plantillas profesionales. De hecho lo dudo. Realmente tienes que aprender mucho sobre diseño web. Realmente lejos de llegar, pero estás ansioso por aprender y por eso hice esta maqueta para explicar algunas cosas. Esto no es para golpearte, en serio sin ofender, solo estoy siendo honesto.

La historia básica es que carece de alineación y profundidad ... mucha profundidad.

También incluiré uno de mis diseños en los que estoy trabajando actualmente en el ancho de una superposición de cuadrícula para que pueda ver lo que quiero decir. Está lejos de terminar, pero entenderás mi punto. No utilice partes del diseño en las que estoy trabajando, ya que tienen derechos de autor.

Eche un vistazo a cómo creo profundidad con gradientes suaves, texturas y sombras. Además de eso, eche un vistazo a cómo está espaciado.

Editar: para que lo sepas, edité el ancho de los derechos de autor. Entonces esto no está en relación de aspecto real.

Espero que esto te ayude.

Robin Williams, amigo de todos los diseñadores principiantes, señala cuatro cosas que son críticas: contraste, repetición, alineación y proximidad (y sí, ¡el acrónimo es MALDITO!). Deberías obtener su libro, " El libro de diseño del no diseñador " y estudiarlo. Todo lo que contiene se aplica tanto a la web como a la impresión. Es fácil de leer y muy claro. Luego obtenga " El libro web del no diseñador " y estudie eso. Yo agregaría a su cuarteto: Mensaje, Armonía y Relevancia.

• El mensaje que el cliente quiere transmitir es lo primero que necesita saber, porque informa todo lo demás. En fotografía exitosa, diseño, pintura, escritura, hay un simple trío de reglas que nunca se rompen: 1) Tener un mensaje; 2) Incluir solo lo que contribuye al mensaje; 3) Elimine todo lo que distraiga del mensaje. En una fotografía de un atleta, usarías la foto de ella en el aire luciendo elegante sin esfuerzo, y clonarías la lata vacía de coca cola y el bocadillo a medio comer en el fondo. Como artista, tienes que saber lo que estás tratando de decir. Como diseñador, debes saber lo que el cliente intenta decir. Esto es, después de todo, por lo que el cliente le está pagando.

• La armonía es otro requisito muy amplio que debe considerar temprano. Si el cliente tiene un logotipo y colores corporativos, su sitio debe usarlos y colores que armonicen con ellos. No puede usar tipos de letra que sean similares pero diferentes para los encabezados y la copia. Una buena regla para los diseñadores principiantes es usar un sans y un serif que vayan juntos, y usar solo esos dos en el diseño.

• La relevancia llega al comienzo de un ciclo de diseño. Se aplica al color, la tipografía y el diseño general. No usarías azul polvo y rosa bebé para un diseño para el sitio web de una empresa de alta tecnología, ni para un artista de hip-hop. Ese tipo de letra grunge maravillosamente nervioso no va a funcionar para un abogado o contador, pero Times Roman sí. (Evitaría Times para un sitio que necesita verse moderno.) Una banda de heavy metal necesita formas y colores llamativos, alto contraste, pero una clínica médica o un sitio de ropa para bebés requeriría un aspecto mucho más suave.

• Contraste significa oscuro versus claro, colores ricos versus tintes, oscuro sobre claro o claro sobre oscuro. Si su diseño requiere contrastes audaces, la clave es hacerlos EN NEGRITA para que sean claramente deliberados. Solo una cosa rompe un diseño más rápido que "casi-pero-no-es-lo-mismo", a lo que llegaré en un momento.

• La repetición coloca el mismo tipo de elemento en el mismo lugar y con los mismos colores o título o forma cada vez. El espaciado es consistente. El diseño visual tiene un ritmo, al igual que la música. Si sus elementos no caen "al ritmo", el espectador se siente incómodo, al igual que una banda cuyo ritmo está apagado es difícil de escuchar.

• La alineación , la falta de, es la forma más segura de romper un diseño. No hay nada que grite más "amateur" que las cosas que no se alinean. En impresión, trabajamos con una precisión de menos de 1/1000 de pulgada. Puede colocar las cosas manera fuera de la alineación, siempre y cuando el desplazamiento es negrita, evidente y deliberada. Pero nunca, nunca tenga un relleno de 7px en una etiqueta ap y 8px en la h1. (Como nota al margen: evite los diseños centrados para otra cosa que no sea una invitación de boda o funeral. Los diseños centrados están en reposo, serenos, inmóviles, que casi nunca es lo que desea. Los principiantes usan diseños centrados porque no saben cómo alinearse cosas.)

La alineación y la repetición son las razones por las que las cuadrículas son una herramienta tan útil. Comprender estos puntos responderá muchas preguntas sobre el uso de cuadrículas.

• La proximidad solo significa mantener las cosas que pertenecen juntas cerca una de la otra. Un encabezado debe estar más cerca del párrafo que sigue que del anterior, por ejemplo.

Consigue esos dos libros. Cambiarán tus diseños. Mientras tanto, aquí hay un ejercicio: escriba estos siete puntos en una lista, luego visite 10 sitios web que considere realmente brillantes y descubra dónde se ha aplicado cada uno de estos puntos. No hagas trampa. Todos estarán allí, así que no renuncies hasta que encuentres a todos. Ahora eche un vistazo a sus propios diseños y descubra dónde se han violado uno o más de estos.

Practique estos siete puntos consciente y deliberadamente. En poco tiempo, se volverán instintivos y sus diseños alcanzarán un nivel completamente nuevo. Es una promesa.

Cómo hacer que su sitio web se vea profesional a mis ojos, sin ningún orden en particular, oh ... y en resumen :) Si necesita más explicación de lo que quiero decir, solo dígame:

• Base su paleta de colores alrededor de la identidad corporativa del cliente.
• Escuche atentamente sus necesidades para que pueda adaptarse al estilo que quiere
• Diseño para usabilidad. Puede hacer un diseño asombroso, pero si la conversión no es buena, es inútil.
• Elija su tipografía con cuidado (por ejemplo: no verá los productos de Apple con una fuente tipo graffiti)
• Use el sistema 960gs antes de comenzar a diseñar, de esta manera está seguro de que su alineación es buena
• Explica y defiende tu diseño. Dígale al cliente por qué elige elementos particulares y explíquele por qué son buenos. Recuerde, nosotros como diseñadores no siempre tenemos la razón.
• Seguir aprendiendo. Siga blogs y revistas en línea para obtener nuevos tutoriales de jQuery, etc. Leer es clave.
• Asegúrese de que su código sea válido para W3C y que no sea demasiado grande.

Algunas cosas para recordar para un diseño atractivo:

Por lo tanto, aprenderemos 4 reglas asombrosas de reglas de diseño gráfico que lo ayudarán a mejorar sus habilidades de diseño. Entonces, las 4 reglas son:

1. Alineamiento y Distribución
2. Equilibrio y agrupamiento
3. Contraste
4. Patrones y gradientes

Alineación y distribución: es la regla más importante de cualquier diseño impresionante, excelente o visualmente atractivo. El diseño alineado adecuado se ve muy bien en todas partes, ya sea que diseñe para medios impresos, medios publicitarios, publicación de escritorio o diseño relacionado con la web. Suena bien eh! pero la pregunta es cómo aprender a usar la alineación adecuada o tener el sentido de la alineación adecuada al diseñar. Vamos a profundizar en la alineación y distribución, pero primero veamos la imagen de ejemplo a continuación:

• Alineación: Alineación significa organizar elementos de diseño similares u otros en la dimensión superior, inferior, central, izquierda o derecha para hacer que el diseño sea visualmente atractivo. Vea la imagen de ejemplo anterior para comprenderlo.

• Distribución: Distribución significa dar o mantener la misma distancia entre elementos similares o diferentes de cualquier diseño para hacer que el diseño gráfico sea limpio y decente. Vea la imagen de ejemplo anterior para comprenderlo.

Equilibrio y agrupación: el equilibrio y la agrupación es la segunda regla más importante de cualquier diseño visual. En esta regla, debemos centrarnos en los elementos de diseño, por ejemplo, si tenemos texto y algunas imágenes en nuestro diseño, por lo que tenemos que organizarlos de manera que se equilibren y se vean geniales. Puedes hacerlo de dos maneras.

• Primer método : uso de diferentes elementos: en esta regla, organizamos todos los elementos entre sí para equilibrarlos entre sí. Puede entenderlo fácilmente con el siguiente ejemplo a continuación:

Como puede ver en el ejemplo anterior, tenemos dos tipos de elementos de texto e imagen y los hemos organizado entre sí para que el diseño sea atractivo y visualmente excelente. Se están equilibrando entre sí. Ahora veamos el segundo método.

• Segundo método : Agrupar elementos individuales: en esta regla, hacemos diferentes grupos de elementos diferentes en el diseño. Echa un vistazo al ejemplo para entenderlo.

Como puede ver en el ejemplo anterior, también hemos creado diferentes grupos de elementos de texto y también diferentes grupos de elementos de texto. Este método de diseño también es bueno para crear diseños decentes y de excelente apariencia. También puede usar ambos métodos juntos para crear un diseño impresionante.

Contraste: El contraste es la parte esencial de cualquier buen diseño gráfico. En esta regla tenemos que hacer que cualquier elemento de nuestro diseño se distinga de otros elementos. Esta regla se utiliza para asignarles importancia a los elementos en el diseño.

Patrones y degradados: puede hacer que su diseño sea aún más impresionante agregando patrones en el fondo de sus diseños o en otros elementos de sus diseños. Los degradados son muy útiles para hacer que su diseño sea más vivo y alegre. Siempre recuerde cuando use gradientes, intente usar un degradado de dos colores con diferencias de color suaves.

Lo que hace que su diseño sea profesional o no es si le pagan o no por hacerlo.

En cuanto al uso del término "profesional" como algún tipo de comentario estético, es bastante inútil. Tendrá que trabajar con su cliente para que sea más específico en cuanto a lo que está buscando en términos de sus metas y objetivos comerciales, específicamente a quién están tratando de apuntar y qué enfoque visual tiene más sentido para ese particular demográfico.