Diseño Web

Diseño Web 19: Elementos Visuales

41 videos

106 minutos

El siguiente punto en el diseño son los elementos visuales. Una vez que tú ya has diseñado las áreas visuales y los contenedores más globales. Ahora ya sí hay que entrar en las partes pequeñas. Por ejemplo, los botones, has visto que muchos botones, tiene un contorno, están rodeados de un (esto se llama padding en código, ya lo veremos después), están rodeados de, cómo son botones gruesos y abajo tienen un bordecito con otro color diferente,

normalmente más oscuro. ¿Sabes de donde han sacado ese borde más oscuro? De los colores análogos que te dije hace 2 o 3 vídeos. Entonces por eso es importante que elijas bien la paleta de colores. Pues bueno los botones, ¿cómo van a ser los botones, van a ser pequeños, van a ser llamativos, van a estar bien grandes? porque quieres que esa parte de la página se haga clic. Pues ahí tienes que definir que partes son las principales y qué partes son las secundarias, y en las

partes principales el botón que sea más accesible, más llamativo y que sea rápido e intuitivo. Y que el texto que tenga, incite a dar clic, ahí puedes poner: “Ves más”, “Entra aquí”. Cualquier cosa, pero no pongas algo raro, porque la gente pues confunde y estamos acostumbrados a ver los mismos textos para los botones que queremos entrar. Eso en cuanto a los botones, pero ahí ya una vez que estamos reduciendo a elementos más pequeños, ya lo tienes que ver

todo. Las fotos ¿cómo van a ser? ¿esféricas, van a tener un contorno, van a tener un borde; si hay cajas, si hay post, van a tener sombreado? Todo eso es el momento de decidirlo ahora, los elementos más pequeños. El formulario, el formulario cómo van a ser las cajas de texto: sería guay que las cajas de texto tuvieran gracia, para que la gente rellene el formulario y ahí consigas una base de datos más grande de e-mails,

que te entren presupuestos, o cualquier cosa; ahí puedes hacer que el borde del formulario, el borde de la cajita de texto sea más llamativo, que tenga un sombreado, que las letras ahí sí que sean bonitas, luego las letras las vamos a ver en el próximo vídeo. Así que, los elementos visuales, defínelos bien, combinan bien los colores, juega bien con los tamaños y diferencia las partes principales de las secundarias.

Y ahora ya sí que entramos con las tipografías que es el siguiente elemento.

Si quieres enterarte de los nuevos cursos, suscríbete. No habrá spam, prometido :)

Sobre el autor

foto de jotajotavm
José Javier Villena

jotajota pa los amigos y jota pa los de más cnfianza.

Bio Seria: Analista-Programador en diferentes lenguajes. Tutor PREMIUM de reconocidas plataformas de nivel mundial como CodigoFacilito. Redactor de artículos para Cristalab. Mi canal de YouTube está patrocinado por la editorial ANAYA y LaTostadora. Me gusta explicar con detalle y poner varios ejemplos para que no queden dudas.

Bio Molona: Me presento :) soy informatico, ni frostis d hardware pero muy muxo de programacion, friki a medias o del to segun el dia. Me gusta programar, muxo. Manejo varios lenguajes y tdo lo ke sepa lo comparto x amor al arte. Este no es mi trabjo pero lo ago mejor y con +ganas y calidad que si lo fuera, x eso mismo, xq para mi es divertido. Solo spero al menos algo de agradecimientO!! ;)

Dios, qe gusto haber escrito este parrafo cm me a dao la gana sin pensar en ortografia ni tildes ni historias!!!!!