¿Pueden los diseñadores web darme algún consejo sobre el diseño de mi sitio web? Lo hice usando Squarespace y la plantilla ‘Wells’. He realizado una extensa personalización de CSS en todo momento, pero aún se ve y se siente como una plantilla. ¿Qué puedo hacer para mejorarlo?

Answer 1

Aquí hay algunas cosas que puedes probar:

• Deshágase de las sombras en las fotos. Esos en realidad agregan ruido innecesario, lo cual es malo para sus imágenes. Especialmente en la configuración actual que tienes donde están demasiado juntos.
• Elimine la transición de desplazamiento, donde está agregando espacio entre letras a la navegación. En realidad, esa no es una práctica tipográfica recomendada, en algunas escuelas. En cambio, intente cambiar el color del texto al pasar el mouse por el mismo color que su nombre.
• No use mayúsculas para todo el texto de navegación. Puede mantener su nombre en mayúsculas, pero no todo lo demás.
• Use el mismo tamaño de fuente para todo el texto que no sea su nombre. Puedo ver que “Epic Adventure Photography” es más pequeño que los enlaces de navegación.

En diseño, menos es más. Cuantas más cosas estilísticas agregue, más ruido se agregará, abarrotando el propósito principal del mensaje / información que está tratando de transmitir. Todas mis recomendaciones son solo para eliminar el desorden.

Hay otras cosas que puede hacer, pero eso requiere mucha prueba y error. Las sugerencias anteriores son pequeños cambios que puede aplicar rápidamente.

Buena suerte.

Answer 2

Algunos consejos para que parezca menos una plantilla:

• Elija un tipo de letra más exclusivo para el logotipo / nombre (consulte Fuentes de Google para obtener inspiración)
• Considere un esquema de color diferente, por ejemplo, un fondo oscuro (también podría hacer que las imágenes se destaquen más)
• Intenta jugar con los márgenes de la cuadrícula de fotos: hazlos grandes o casi inexistentes
• Piense en un formato de texto más rico y una ubicación de imagen más poco convencional para la sección “Acerca de”
• Agregue más personalidad: una foto donde se pueda ver su cara, por ejemplo, en la sección “Acerca de”

Recomendaciones generales:

• Pierde las sombras debajo de las imágenes, crean ruido visual innecesario y no logran nada
• Los elementos del menú activo son demasiado claros, puede ser difícil de ver en caso de que alguien tenga una visión débil o una configuración de pantalla brillante
• Si la navegación “anterior / siguiente” es de color naranja, también debería ser “mostrar miniaturas”, ya que está realizando una función similar
• Quitaría la animación de color en los botones sociales que no se ciernen ; resaltar el que sí lo hace es perfectamente suficiente (y menos confuso)
• El texto del campo de formulario de contacto podría ser menos pequeño, en este momento es más pequeño que el resto del texto base del sitio web e incluso más pequeño que las etiquetas de campo.

Answer 3

Su sitio puede tener un montón de código adjunto, sin embargo, puede no ser suficiente para diferenciar su sitio de otras plantillas. Con algunos cambios de diseño en su sitio (que pueden estar disponibles a través de la plantilla estándar) podría ayudarlo a alcanzar sus objetivos. Además … realmente debería considerar usar la imagen del logotipo que usa para su favicon como su logotipo para el sitio.

Mi recomendación es hacer un poco de trabajo a domicilio y encontrar un puñado de sitios que lo inspiren desde una perspectiva de diseño y trabajen con un diseñador para ayudarlo a alcanzar sus objetivos de diseño. Como dije, puede o no requerir código adicional, sino simplemente agregar elementos de diseño ya disponibles para usted.