Diseño Web

Diseño Web 15: Mockups

41 videos

106 minutos

El último elemento y definitivo en el proceso de planificación de un sitio web es el Mockup. El mockup consiste en hacer un diseño gráfico con iconitos, de cómo va a ser el resultado final de tu página. Es decir, es como si fuera un boceto del contenido que va a tener, cuál va a ser el aspecto final,

pero sin ser totalmente específico y cerrado, es decir, tu puedes dibujar, por ejemplo, pues aquí habrá una foto, aquí habrá un texto y aquí habrá un video. En responsive esto cambiara, será así, así, así; esta parte de navegación será esta, esta y esta; y esta parte tendrá estos contenidos. Aunque esto ya lo has planificado anteriormente en otro punto, en el mockup es momento de llevarlo al papel y que se vea plasmado en un diseño,

este mockup, este diseño donde se puede previsualizar la jerarquía y el esqueleto final de la página es el que necesitaran los programadores y el desarrollador, aunque si eres tú el que va a hacer todo pues será para ti, pero es el que se necesitara para transformar lo que se ve, en código. Así que esto es fundamental, yo te dejare en la descripción del video un link de una página muy buena para hacer mockups online, creo que se llama…

algo de ninja, no me acuerdo bien el nombre, pero te lo dejare en la descripción, es una página muy buena, puedes hacer mockups de todo, de aplicaciones para android, IOS, de páginas web, aplicaciones para escritorio, puedes hacer mockups para todo, esta genial y luego después te muestra el resultado definitivo que tendría en una pantalla, en una tablet, de verdad muy buena,

hay que registrarse de manera gratuita pero te permite guardar tus proyectos así que está muy bien. Y de verdad esto es muy importante, el mockup es muy importante. No te pongas a programar a lo loco, no te pongas a escribir por escribir, no comiences a tirar líneas de código y a definir ya las anchuras y los pixeles de altura que van a tener las cosas y cuál va a ser la imagen que van a tener

como origen las etiquetas “”, no te pongas a hacer esas cosas sin antes tener el mockup final porque eso te va a ahorrar muchísimo trabajo, no tendrás que repetir las cosas. Visto esto ya se acaban todos los elementos de planificación y ahora ya si hay que tirar código.

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!!!!!