Mini Curso #3: Maquetación web con Illustrator

Hola a todos, con este video damos por terminada esta trilogía donde aprendimos a hacer una maquetación web en illustrator desde cero.

Si te perdiste alguno de los dos videos anteriores… Mira el video 1 y el video 2 aquí

Aquí vamos a ver como darle color a nuestro wireframe, vamos a poner las imágenes donde habíamos dispuesto previamente.

También vamos a tratar algunos tips de diseño como fondos sólidos y tratamiento de tipografías para darle un buen estilo y dinamismo a nuestro home.

Y finalmente vamos a adaptar todo lo hecho a nuestras pantallas para tablet y móvil. Y con esto quedaría nuestra maqueta web totalmente lista.

Aquí te dejo el archivo en AI (Illustrator) para que puedas modificarlo a tu gusto.

Descargar “Sketch Final en Illustrator” Sketch_F.ai – Descargado 1919 veces – 23 MB

Espero les haya gustado y ayudado este mini curso de diseño web con Illustrator.

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);