KnowledgeCity

Diseño de tu sitio web

Este capítulo cubrirá cómo identificar la inspiración para el diseño de sitios web y la creación de wireframes y maquetas con la aplicación NinjaMock.

Este capítulo cubrirá cómo identificar la inspiración para el diseño de sitios web y la creación de wireframes y maquetas con la aplicación NinjaMock. Este capítulo también cubrirá el uso efectivo de los espacios en blanco en el diseño de sitios web.

Objetivos de aprendizaje:

  • Aprender a identificar la inspiración para el diseño de sitios web
  • Aprender a crear wireframes
  • Aprender a crear maquetas
  • Aprender sobre el uso eficaz de los espacios en blanco

Habilidades:

  • Crear wireframes con NinjaMock
  • Crear maquetas con NinjaMock

Instructor: Matthew Brown

Duración: 18m · 4 lecciones
Nivel: Beginner
Idioma: Español

Habilidades que obtendrás

Métodos de diseñoHerramienta de diseñoFormato web de diseñoDiseño Web InteractivoDiseño webArquitectura de sitios web

Lo que aprenderás

  • Identificar inspiración para el diseño de sitios web
  • Crear prototipos usando la aplicación NinjaMock
  • Crear maquetas de sitios web usando la aplicación NinjaMock
  • Aplicar espacios en blanco efectivamente en el diseño de sitios web

Puntos clave

  • El capítulo cubre cómo identificar inspiración para el diseño de sitios web.
  • Los prototipos y maquetas se crean usando la aplicación NinjaMock.
  • El uso efectivo de espacios en blanco es un elemento importante del diseño de sitios web.

Preguntas frecuentes

¿Qué cubre este capítulo?

Cubre la identificación de inspiración para el diseño de sitios web, la creación de prototipos y maquetas usando la aplicación NinjaMock y el uso efectivo de espacios en blanco en el diseño de sitios web.

¿Qué herramienta se utiliza para crear prototipos y maquetas en este capítulo?

La aplicación NinjaMock se utiliza para desarrollar tanto prototipos como maquetas de sitios web.

¿Qué habilidades ayuda a desarrollar este capítulo?

Desarrolla habilidades en métodos de diseño, herramientas de diseño, formato web de diseño, diseño web interactivo, diseño web y arquitectura de sitios web.

¿Qué lecciones se incluyen en este capítulo?

Las lecciones son Identificación de Inspiración, Desarrollo de Prototipo usando NinjaMock, Desarrollo de Maquetas de Sitios Web usando NinjaMock y Uso Efectivo de Espacios en Blanco.

Transcripción

Transcripción

Hola, gracias por unirse. En este capítulo, veremos los métodos para identificar la inspiración del diseño del sitio web, crear marcos de alambre y maquetas usando NinjaMock, y cómo utilizar eficazmente los espacios en blanco en sus diseños. Comenzaremos mirando inspiraciones de sitios web. Puedes inspirarte en cualquier número de lugares en tu vida diaria: de los amigos que te rodean, de las vallas publicitarias, o letreros que ves en las tiendas de comestibles. Pero hay algunos sitios que en realidad se utilizan comúnmente para la inspiración. Pasaremos por algunos de estos. Lo primero que vemos aquí es Awwwards. Awwwards es un sitio bastante bueno. Lo disfruto, es uno de mis favoritos. Hacen una reseña del sitio del día. Puedes ver aquí que este es el sitio del día. Califican los sitios en función del diseño, la facilidad de uso, creatividad, contenido y si es móvil o no, y les da una puntuación sobre 10. Y de hecho puedes visitar los sitios que se están clasificando para ese día. Pero si te desplazas hacia abajo, verás muchos sitios diferentes, muchas oportunidades diferentes para la inspiración que puedes ver a través y ver lo que otras personas han creado, lo que está disponible por ahí, cómo la gente está diseñando sus sitios, cómo están diseñando imágenes, ¿Cómo están colocando el texto? las fuentes y los colores que están usando. Cualquier número de maneras de obtener inspiración. El próximo sitio que podríamos Inspírate en Pinterest. Si vas a Pinterest y usted hace la inspiración de la página de destino del diseño web, obtienes muchos contenidos diferentes que puede navegar para encontrar ideas sobre cómo desea distribuir o diseñar su sitio. Pinterest también es una buena fuente de inspiración. Es algo para lo que está diseñado el sitio. Pero de nuevo, puedes ir y puedes encontrar muchos de diferentes cosas para ayudarte a decidir lo que quieres hacer, o al menos apuntarte en una dirección de donde quieres ir. El siguiente sitio es Designspiration. Designspiration también es un buen sitio. Puedes navegar y puedes echar un vistazo a algunas de las imágenes inspiradoras, sitios inspiradores que la gente tiene por ahí y obtener algunas ideas, un poco de contexto sobre cómo desea construir su sitio. es una vendimia, la mayor parte del contenido de este sitio es contenido antiguo, cómics antiguos, anuncios de marketing y cosas por el estilo. Así que esto es definitivamente algo que usted podría mirar en busca de inspiración. Y el siguiente sitio que queríamos ver era Grain Edit. Grain Edit es más un blog, pero publica buena información, un buen contenido en términos de cómo se puede mirar el diseño. Y algunos de los premios de diseño para los sitios también se publican aquí. Nuevamente, solo una forma de obtener algo de inspiración. por el sitio y el contenido que desea construir. Gracias por ver. A continuación, echaremos un vistazo a la creación de marcos de alambre utilizando NinjaMock.

Aprende sobre la marcha

Lleva tu aprendizaje a todas partes: la app de KnowledgeCity te permite ver las lecciones sobre la marcha.