Conceptos básicos del diseño de sitios web

Name: Conceptos básicos del diseño de sitios web
Author: Paul Poteete

En este módulo investigamos la metodología que hay detrás de la creación de un sitio web. Esto incluye la importancia del diseño de la interfaz de usuario, el…

Preview the first lesson free — get full access to all 3 lessons.

Solicitar una demo Iniciar sesión

Curso: bajo demanda

En esta sección de cómo funciona la web, discutiremos los conceptos básicos de diseño de sitios web. Ahora que sabe cómo funciona el desarrollo de pila completa, eso es todo, desde el backend hasta el front-end o el front-end de vuelta al back-end, desde la creación de sitios web que utilizan HTML, hojas de estilo en cascada y JavaScript a mis servidores SQL, servidores Apache, servidores de archivos o redes de entrega de contenido, vamos a ver por qué y cómo se crea un sitio web. ¿Por qué creas un sitio web? Bueno, un sitio web está hecho para promocionar su negocio o servicio, lo que quieras promocionar profesionalmente, o una organización, algo que tal vez quieras decir, hey, aquí hay un sitio web de mi perro. Lo que sea que quieras hacer, puedes crear un sitio web para ello. Ahora, cuando creamos sitios web, tenemos que considerar que esta es una interfaz de usuario, al igual que su teléfono inteligente tiene una interfaz en él, o su computadora tiene una interfaz, el sitio web no es una interfaz para sus clientes o tus amigos o esos usuarios. Por supuesto, hay sitios de redes sociales, que están pre-creados para usted. Y todo lo que haces es poner fotos en él o escriba algunas palabras aquí o allá. Vamos a mirar sitios web. Estas son cosas que tú realmente creas. Y si lo estás creando, tendrá que pensar en la escala, la tipografía, el estilo visual Si desea una cuadrícula, una jerarquía, navegación, la legibilidad del sitio y el flujo. Primero, vamos a revisar algunos sitios que te ayudan a hacer sitios, que es bastante agradable, pero no estamos viendo este sitio en este momento por cómo te ayuda a crear un sitio, estamos viendo esto como diseño de interfaz de usuario. Entonces, el diseño de la interfaz de usuario. Notarás en la parte superior lo que han decidido hacer. es poner sus productos, plantillas y recursos justo en la parte superior de la página. Todo lo que necesitas para crecer online, tienen que introducir su correo electrónico allí mismo empezar. Al hacer que esta sea la única opción en esta página y haciéndolo muy atrevido, lo que están tratando de hacer es que pongas tu correo electrónico en su sitio web para que puedan hacer un seguimiento contigo como posible cliente. Y puedes ver que este sitio lo está haciendo muy bien. Si hacemos clic en otro sitio, vamos a ver que empezar está ahí mismo en la parte delantera de la página. Ahora, cuando elija comenzar, te va a preguntar, Oye, adelante, inicia sesión con tu correo electrónico. Y otro, inicia tu sitio web. Y luego por aquí, bueno, ¿qué tipo quieres empezar? Sigamos adelante y comencemos uno de estos. Entonces puede ver que cada uno de estos ofrece alguna manera para capturar la información y hacer que el usuario se sumerja más en la experiencia. Ahora, la escala del sitio. En este caso, estamos viendo un sitio escalado a 1080p. Mi sistema está ejecutando 4K. Entonces, este sitio encaja realmente bien en una esquina. Puedo mirar a través del sitio, y el fluir es muy natural, muy limpio, y muy fácil de leer. Entonces, la escala es la correcta. La tipografía, la forma en que están poniendo las palabras. en la pantalla, la fuente que están usando es muy fácil de leer. Y esto es algo a tener en cuenta. Algunas personas pueden tener condiciones diferentes que dificultan la lectura de ciertos tipos de textos. Entonces, usar un texto que sea más accesible podría ser el camino correcto a seguir. Ahora, si su sitio es de un estilo artístico particular, entonces tal vez eso no funcione para ti. Algunos estilos artísticos son simplemente difíciles de leer, entonces es por diseño. Pero cuando estás haciendo tu sitio web, asegúrese de considerar el diseño, el tipo de fuente que está utilizando. ¿Qué quieres que vea el usuario? ¿Qué es lo primero que visitan su sitio? ¿Qué quieres? ¿Quieres que vean un ejemplo, tal vez un enlace de inicio, yo el correo electrónico para que puedan hacer un seguimiento. Si se desplazan hacia abajo, que la mayoría de la gente no baja mucho, luego, a medida que se desplazan hacia abajo, ¿Qué tipo de opciones van a ver? Además, ¿qué tipo de estilo quieres? Una cuadrícula, jerarquía, navegación. En este caso, tenemos lo que parece un diseño de cuadrícula. Así que tenemos cada una de las opciones bien aquí. Cambiamos de nuestra red, bueno, parte de la cuadrícula pasa a la navegación y la jerarquía. Entonces podríamos ser capaces de descender más y más profundo en estas pequeñas secciones. Y están combinando varias metodologías diferentes en el sitio. Gran manera de hacer las cosas. Ahora, si nos fijamos en el diseño de la interfaz de usuario, recuerda, la escala del texto y las imágenes debe ser apropiado para el dispositivo de su usuario, ya sea un dispositivo móvil, una tableta o un teléfono o un dispositivo de escritorio, y ese dispositivo de escritorio puede ser un monitor de menor resolución. Así que tenlo en mente. La tipografía, las fuentes, cómo organizas las fuentes, eso debería ser fácil de leer, tan fácil de leer como funcione para usted. Y el estilo visual, si desea quedarse con una cuadrícula, un enfoque jerárquico, o simplemente proporcionar navegaciones a través de todo el sitio web. Tenlo en cuenta y diseña tu sitio con tu propósito en mente.

Principiante Proveedor : Paul Poteete 3 lecciones · 14m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Chinese

Descripción del curso

En este módulo investigamos la metodología que hay detrás de la creación de un sitio web. Esto incluye la importancia del diseño de la interfaz de usuario, el uso de herramientas de creación de sitios web en línea y el uso de suites de software de desarrollo web sin conexión. Si utiliza una solución prediseñada en línea o una solución creada a partir de software sin conexión, el enfoque de la facilidad de uso y la accesibilidad de los visitantes es crucial.

Objetivos de aprendizaje:

Habilidades:

Lo que aprenderás

Aprender la metodología detrás de la creación de un sitio web
Entender la importancia del diseño de interfaz de usuario
Usar herramientas de creación de sitios web en línea para construir un sitio web
Usar suites de software de desarrollo web sin conexión
Aplicar principios de facilidad de uso y accesibilidad para visitantes en tu enfoque

Puntos clave

La creación de un sitio web sigue una metodología definida que este módulo investiga.
El diseño de interfaz de usuario es una parte importante de la construcción de un sitio web.
Un sitio web puede ser construido usando herramientas de creación de sitios web en línea o suites de software de desarrollo web sin conexión.
Ya sea usando una solución en línea preestablecida o una solución construida a partir de software sin conexión, tu enfoque hacia la facilidad de uso y la accesibilidad para visitantes es crucial.

Preguntas frecuentes

¿Qué cubre este módulo?

Investiga la metodología detrás de la creación de un sitio web, incluyendo la importancia del diseño de interfaz de usuario, el uso de herramientas de creación de sitios web en línea y el uso de suites de software de desarrollo web sin conexión.

¿Qué habilidades ganaré de este curso?

El curso cubre Design Methods, Design Web Format, Interactive Web Design, Web Design, Web Development y Website Architecture.

¿Qué lecciones se incluyen?

Las lecciones son Website Design Basics, Online Website Creation Tools y Offline Website Creation Tools.

¿Cubre este curso tanto formas en línea como sin conexión para construir un sitio web?

Sí. Cubre el uso de herramientas de creación de sitios web en línea así como el uso de suites de software de desarrollo web sin conexión, ya sea que uses una solución en línea preestablecida o una construida a partir de software sin conexión.