Conceptos básicos del diseño de sitios web

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.