Mini Curso #2: Diseño web o wireframe en Illustrator

Hola de nuevo, en este segundo capítulo comenzaremos a ver como realizar la maquetación de nuestro sitio web usando lo aprendido en el capítulo anterior.

Si te perdiste el primer capítulo [aquí lo puedes ver.]

¿Pero… qué es un Wireframe?

Es simplemente un esquema de formas simples que nos permite pre-visualizar el contenido de nuestra web y ordenar de la mejor forma toda la información que en ella vamos a mostrar.

Muchas veces nos saltamos este paso pensando que esta “de mas” o que no es necesario hacerlo y entramos de lleno a nuestro WordPress o a programar nuestro sitio sin tener previsualizado lo que realmente vamos hacer.

Haciendo primero nuestra maquetación o wireframe nos vamos a ahorrar mucho tiempo así nos parezca lo contrario, porque al entrar a programar o a nuestro gestor ya iremos con una idea clara y los cambios de diseño y estructura los podemos hacer de manera más eficiente y rápida en un boceto que en la misma web como tal.

Ejemplo de Wireframe en Illustrator

Aquí tenemos un ejemplo de cómo quedará nuestro wireframe o nuestra maqueta web hecha solo con las herramientas que nos brinda illustrator.

Wireframe en Illustrator

Espero que te haya gustado este segundo capítulo de nuestra trilogía de videos, en el siguiente video ya le daremos vida y color a nuestro sketch, quedando listo para montarlo en nuestra web real.

Mini curso #3: Diseño web con Illustrator.

Espero te haya sido de interés este post… nos leemos pronto!

Comparte este post

¿Quieres estar al tanto?

Inscríbete a nuestro boletín y te mantendre informado de todas nuestras novedades: actualizaciones, nuevas lecciones, nuevos cursos y los mejores tips para tu emprendimiento. Tranquilo! puedes darte de baja cuando quieras

Déjame saber tu nombre y... ¡claro tu correo!

Notice: JavaScript is required for this content.

var formDisplay=1;var nfForms=nfForms||[];var form=[];form.id='2';form.settings={"objectType":"Form Setting","editActive":true,"title":"Newsletter","show_title":0,"allow_public_link":0,"embed_form":"","clear_complete":1,"hide_complete":1,"default_label_pos":"hidden","wrapper_class":"","element_class":"","key":"","add_submit":0,"changeEmailErrorMsg":"Please enter a valid email address!","changeDateErrorMsg":"Please enter a valid date!","confirmFieldErrorMsg":"These fields must match!","fieldNumberNumMinError":"Number Min Error","fieldNumberNumMaxError":"Number Max Error","fieldNumberIncrementBy":"Please increment by ","formErrorsCorrectErrors":"Please correct errors before submitting this form.","validateRequiredField":"This is a required field.","honeypotHoneypotError":"Honeypot Error","fieldsMarkedRequired":"Fields marked with an * are required","currency":"","unique_field_error":"Ya se ha enviado un formulario con este valor.","logged_in":false,"not_logged_in_msg":"","sub_limit_msg":"Has alcanzado el l\u00edmite de env\u00edos en el formulario.","calculations":[],"formContentData":["tu_nombre_1587526462571","tu_correo_electronico_1587526477602","he_leido_y_acepto_las_menos_que_a_href_https_buhodemia_com_aviso-legal_style_color_bfbfbf_mas_que_politicas_de_privacidad_menos_que_a_mas_que_1587528535790","boton-newsletter"],"drawerDisabled":false,"repeatable_fieldsets":"","ninjaForms":"Ninja Forms","fieldTextareaRTEInsertLink":"Insert Link","fieldTextareaRTEInsertMedia":"Insert Media","fieldTextareaRTESelectAFile":"Select a file","formHoneypot":"If you are a human seeing this field, please leave it empty.","fileUploadOldCodeFileUploadInProgress":"File Upload in Progress.","fileUploadOldCodeFileUpload":"FILE UPLOAD","currencySymbol":"$","thousands_sep":".","decimal_point":",","siteLocale":"es_ES","dateFormat":"m\/d\/Y","startOfWeek":"1","of":"of","previousMonth":"Previous Month","nextMonth":"Next Month","months":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthsShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekdays":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdaysShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"weekdaysMin":["Su","Mo","Tu","We","Th","Fr","Sa"],"recaptchaConsentMissing":"reCapctha validation couldn't load.","recaptchaMissingCookie":"reCaptcha v3 validation couldn't load the cookie needed to submit the form.","recaptchaConsentEvent":"Accept reCaptcha cookies before sending the form.","currency_symbol":"","beforeForm":"","beforeFields":"","afterFields":"","afterForm":""};form.fields=[{"objectType":"Field","objectDomain":"fields","editActive":false,"order":1,"idAttribute":"id","type":"firstname","label":"Tu nombre","key":"tu_nombre_1587526462571","label_pos":"hidden","required":1,"default":"","placeholder":"Tu nombre","container_class":"","element_class":"","admin_label":"","help_text":"","custom_name_attribute":"fname","personally_identifiable":1,"value":"","drawerDisabled":false,"id":8,"beforeField":"","afterField":"","parentType":"firstname","element_templates":["firstname","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":2,"idAttribute":"id","type":"email","label":"Tu correo electr\u00f3nico","key":"tu_correo_electronico_1587526477602","label_pos":"hidden","required":1,"default":"","placeholder":"Tu correo","container_class":"","element_class":"","admin_label":"","help_text":"","custom_name_attribute":"email","personally_identifiable":1,"value":"","drawerDisabled":false,"id":9,"beforeField":"","afterField":"","parentType":"email","element_templates":["email","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":3,"idAttribute":"id","type":"checkbox","label":"He le\u00eddo y acepto las pol\u00edticas de privacidad ","key":"he_leido_y_acepto_las_menos_que_a_href_https_buhodemia_com_aviso-legal_style_color_bfbfbf_mas_que_politicas_de_privacidad_menos_que_a_mas_que_1587528535790","label_pos":"right","required":1,"container_class":"","element_class":"","manual_key":false,"admin_label":"","help_text":"","default_value":"unchecked","checked_value":"Marcado","unchecked_value":"Desmarcado","checked_calc_value":"","unchecked_calc_value":"","drawerDisabled":false,"id":11,"beforeField":"","afterField":"","value":"","parentType":"checkbox","element_templates":["checkbox","input"],"old_classname":"","wrap_template":"wrap"},{"objectType":"Field","objectDomain":"fields","editActive":false,"order":4,"idAttribute":"id","type":"submit","label":"Suscr\u00edbete Ahora ;)","processing_label":"Procesando","container_class":"","element_class":"","key":"boton-newsletter","drawerDisabled":false,"manual_key":true,"id":10,"beforeField":"","afterField":"","value":"","label_pos":"hidden","parentType":"textbox","element_templates":["submit","button","input"],"old_classname":"","wrap_template":"wrap-no-label"}];nfForms.push(form);