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!

Aviso: Se requiere JavaScript para este contenido.

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":"Introduce una direcci\u00f3n de correo electr\u00f3nico v\u00e1lida.","changeDateErrorMsg":"\u00a1Introduce una fecha v\u00e1lida!","confirmFieldErrorMsg":"Estos campos deben coincidir.","fieldNumberNumMinError":"Error de n\u00famero m\u00ednimo","fieldNumberNumMaxError":"Error de n\u00famero m\u00e1ximo","fieldNumberIncrementBy":"Increm\u00e9ntalo por ","formErrorsCorrectErrors":"Corrige los errores antes de enviar este formulario.","validateRequiredField":"Esto es un campo obligatorio.","honeypotHoneypotError":"Error de Honeypot","fieldsMarkedRequired":"Los campos marcados con * son obligatorios","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":"Insertar enlace","fieldTextareaRTEInsertMedia":"Insertar medios","fieldTextareaRTESelectAFile":"Seleccione un archivo","formHoneypot":"Si eres un ser humano y est\u00e1s viendo este campo, por favor d\u00e9jalo vac\u00edo.","fileUploadOldCodeFileUploadInProgress":"Subida de archivo en curso.","fileUploadOldCodeFileUpload":"SUBIDA DE ARCHIVO","currencySymbol":"$","thousands_sep":".","decimal_point":",","siteLocale":"es_ES","dateFormat":"m\/d\/Y","startOfWeek":"1","of":"de","previousMonth":"Mes anterior","nextMonth":"Pr\u00f3ximo mes","months":["Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre"],"monthsShort":["Ene","Feb","Mar","Abr","Mayo","Jun","Jul","Ago","Sep","Oct","Nov","Dic"],"weekdays":["Domingo","Lunes","Martes","Mi\u00e9rcoles","Jueves","Viernes","S\u00e1bado"],"weekdaysShort":["Dom","Lun","Mar","Mi\u00e9","Jue","Vie","S\u00e1b"],"weekdaysMin":["Do","Lu","Ma","Mi","Ju","Vi","S\u00e1"],"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);