Cómo pensar en un diseño para un sitio web

En primer lugar, el diseño de un sitio web puede significar muchas cosas, incluida la arquitectura de la información, los patrones de interfaz de usuario, los elementos de identificación, las paletas de colores, etc. ¿Qué es lo que te hace querer diseñar algo? ¿Quieres construir un nuevo sitio web desde cero? ¿Desea renovar estilos visuales en una arquitectura de información existente? Antes de sumergirse en un diseño, siempre es bueno saber el propósito para el que está diseñando y definir el alcance de su proyecto de diseño.

Al diseñar la arquitectura de información, aquí hay algunos consejos que pueden ayudarlo a comenzar a pensar;

  • Comience desde la estructura de información de alto nivel si es necesario. En lugar de percibir un diseño web como un todo, desglosarlo en los elementos básicos de construcción y elementos de la interfaz de usuario. Piense en preguntas como por qué un elemento debe colocarse allí pero no en ningún otro lugar, por qué algunas secciones tienen un tamaño mayor que otro y cómo se debe enfatizar cierta información en comparación con las demás. En la primera etapa del diseño, puede ser útil enfocarse primero en las estructuras y evitar mirar los aspectos de alta fidelidad, como la apariencia visual, la identidad y los efectos interactivos. Esto le ayuda a descubrir más oportunidades de diseño sin quedar atrapado en un conjunto de patrones existente por otros diseñadores.
  • Para la ideación, en lugar de pensar qué es y qué aspecto tiene, piense más sobre lo que podría ser alternativamente. Una vez que pueda pensar en los elementos estructurales de información básica, saque un trozo de papel y bosqueje sus alternativas en la mayoría de los formatos simplistas. No te detengas en una sola idea por mucho tiempo, por ahora la amplitud y la gran cantidad de ideas es más valiosa que los detalles y la profundidad. Compare las alternativas de diseño, seleccione las que mejor se adapten a los valores / propósitos centrales de este diseño, y empújelas a través de algunas iteraciones.

Diseñar las interacciones más detalladas y los patrones de IU en un nivel de fidelidad más alto puede ser una historia diferente. En mi propia experiencia, generalmente se trata de 1) qué modelos de interacción existentes existen que puedo usar para mi propio proyecto, 2) cómo los elementos visuales pueden ayudar a los usuarios a comprender más la arquitectura de la información, 3) cómo puede mi sitio web comunicar un mensaje claro de identidad . A lo largo de este proceso, es casi inevitable usar “diseños de otras personas”, ya que la mayoría de los diseños existentes que puede encontrar reflejan modelos establecidos que se prueban para ser utilizables y entendibles. Unificar estos patrones de diseño existentes bajo su propio estilo necesitará un poco de intuición artística, pero una vez que todo haga clic, sabrá que es el diseño correcto.

Es una buena forma de practicar y aprender a emular sitios web existentes y útiles.

Para resolver esa pregunta en su mente, tenga en cuenta el hecho de que el diseño web y el desarrollo web son dos cosas diferentes.

También encuentre la necesidad de aprender diseño web , y al igual que cualquier otro artista, podrá pronto encontrará lo que puede llamar su propio estilo o enfoque en diseño web y desarrollo web.

¡Idear!

Eso es todo al respecto.

En lugar de imaginar un diseño en tu cabeza, escribe el diseño en el que estás pensando. Hágalo con la herramienta más rápida que tenga disponible (lápiz y papel son increíbles). Haga esto rápidamente y sin juicio. Entonces, inventa otra idea. Luego otro y otro. Todos caen en papel, incluso los absurdos.

La velocidad es importante; no te atasques en detalles. Establezca un límite de tiempo anormalmente bajo para usted antes de comenzar con la siguiente idea: un minuto debería ser suficiente para entender la idea.

Empujarse. Las mejores ideas llegan tarde en el proceso después de haber agotado lo que cree que funcionará. Hazlo bien y pronto estarás fuera de los “diseños de otras personas”. Haz de la ideación una parte crítica de tu proceso.

Después de haber derramado la mayor cantidad posible de ideas en papel, regrese y revise lo que ha hecho. Algunas de esas ideas pueden ser buenas, mientras que otras probablemente no lo sean. Tome uno que cree que funciona mejor y desarrolle más; agregue detalles y modifique según sea necesario. ¿Todavía funciona? Sigue adelante. No funciona Desecharlo y volver a sus ideas y elegir la siguiente mejor.

Esto no es un gran problema, pareces alguien que no es tan creativo. así que le sugiero que se siente a buscar un papel A4 o cualquier otra hoja que funcione. bosqueje cómo quiere que sea o piense exactamente para qué está diseñando el sitio web, luego realice una nueva investigación sobre los colores y cómo se aplica a los ojos humanos para ver qué es lo que mejor atraerá a los espectadores y para que sigan viniendo. rastrear hay muchas maneras de hacer esto … podría usar otras plantillas de peple para crear su

Hola, comencé una sociedad con amigos míos. Soy el programador, Mike es el diseñador y Ken la lógica de negocios. Estoy feliz ahora porque soy bastante malo con los colores. Y aún más importante, lo que los colores significan generalmente para la mayoría. Por lo tanto, es mejor para una persona artística lidiar con el diseño, el arte y su percepción. Digo esto porque al final del día, el diseño del sitio web que elijas no es para ti o para quien lo estás haciendo sino para tu audiencia y quieres darles lo mejor de ti. Para finalizar, Mike compartió un video con nosotros sobre cómo la inspiración en los diseños es una fusión de diseños que has visto anteriormente. Así que aquí hay algunos recursos y ayuda para obtener la inspiración:

Awwwards – Premios del sitio web – Mejores tendencias de diseño web

CodePen

Actualmente un favorito personal – WeTransfer: Sin embargo, esos fondos: WeTransfer – más interesados ​​en la última poción que funciona.

Behance: esas son las obras de Mike que utilizamos para algunos sitios que construimos. No podría haber inventado eso. Honestamente.