Adobe XD

[et_pb_section fb_built=»1″ admin_label=»Hero» _builder_version=»4.4.0″ background_color=»#ff26be» background_image=»https://comunicampus.org/wp-content/uploads/2020/03/circle-background-pattern.png» custom_padding=»67px|0px|67.1875px|0px|false|false» animation_style=»zoom» animation_intensity_zoom=»4%»][et_pb_row _builder_version=»4.4.0″ custom_padding=»|||» animation_style=»slide» animation_direction=»top» animation_intensity_slide=»3%»][et_pb_column type=»4_4″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_text _builder_version=»4.4.0″ text_font=»Montserrat|500||on|||||» text_text_color=»#353740″ text_font_size=»16px» text_letter_spacing=»3px» custom_margin=»||45px|» animation_style=»slide» animation_direction=»bottom» locked=»off»]Diseño de Experiencia de Usuario[/et_pb_text][et_pb_text _builder_version=»4.4.0″ text_font=»||||||||» header_font=»Montserrat|700||on|||||» header_text_color=»#f7f7f7″ header_font_size=»60px» header_line_height=»1.3em» custom_margin=»|||» animation_style=»fade» header_font_size_last_edited=»off|desktop» locked=»off»]

Adobe XD

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=»1″ admin_label=»Case Study Text» _builder_version=»3.22″ custom_margin=»|||» custom_padding=»110px||30px|»][et_pb_row column_structure=»1_2,1_4,1_4″ _builder_version=»3.25″ animation_style=»fade»][et_pb_column type=»1_2″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_text _builder_version=»3.27.4″ text_font=»Montserrat||||» text_text_color=»#353740″ text_font_size=»22px» text_line_height=»1.8em» animation_style=»flip» animation_intensity_flip=»20%»]

Adobe XD es una plataforma que te ayuda a crear diseños para sitios web, aplicaciones móviles, juegos y más. Es gratuita (por ahora).

[/et_pb_text][/et_pb_column][et_pb_column type=»1_4″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_text _builder_version=»4.4.0″ text_font=»Montserrat||||» text_text_color=»#747d88″ text_font_size=»16px» text_line_height=»1.8em» header_font=»||||||||» header_4_font=»Montserrat|600|||||||» header_4_font_size=»22px» custom_margin=»||60px|» animation_style=»fade» locked=»off»]

Interfaz

Muy sencilla. Es una versión simplificada de Illustrator con posibilidad de usar mapas de bits.[/et_pb_text][/et_pb_column][et_pb_column type=»1_4″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_text _builder_version=»4.4.0″ text_font=»Montserrat||||» text_text_color=»#747d88″ text_font_size=»16px» text_line_height=»1.8em» header_font=»||||||||» header_4_font=»Montserrat|600|||||||» header_4_font_size=»22px» custom_margin=»||60px|» animation_style=»fade» locked=»off»]

Prototipos

Permite crear prototipos visuales. Sin embargo, no es un entorno de desarrollo.

[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=»1″ make_equal=»on» use_custom_gutter=»on» gutter_width=»1″ specialty=»on» padding_top_1=»0px» admin_label=»Work Section» module_class=» et_pb_specialty_fullwidth» _builder_version=»3.22″ inner_width=»100%» inner_width_tablet=»100%» inner_width_phone=»» inner_width_last_edited=»on|desktop» inner_max_width=»100%» inner_max_width_tablet=»100%» inner_max_width_phone=»» inner_max_width_last_edited=»on|desktop» custom_padding=»0px|5%|0px|5%» make_fullwidth=»on» locked=»off»][et_pb_column type=»1_2″ _builder_version=»3.25″ custom_padding=»|||» padding_top__hover=»0px» parallax__hover=»off» parallax_method__hover=»on» custom_padding__hover=»|||»][et_pb_image src=»https://comunicampus.org/wp-content/uploads/2020/04/adobe-xd-1.png» show_in_lightbox=»on» use_overlay=»on» overlay_icon_color=»#353740″ hover_overlay_color=»#ff26be» align=»center» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» _builder_version=»4.4.0″ animation_style=»flip» animation_direction=»bottom» animation_intensity_flip=»30%» animation_starting_opacity=»100%» box_shadow_style=»preset7″ box_shadow_horizontal=»0px» box_shadow_vertical=»0px» box_shadow_spread=»10px» box_shadow_color=»#ffffff»][/et_pb_image][et_pb_text _builder_version=»4.4.0″ text_orientation=»center»]Tutorial oficial Adobe XD[/et_pb_text][/et_pb_column][et_pb_column type=»1_2″ specialty_columns=»2″ _builder_version=»3.25″ custom_padding=»|||» parallax__hover=»off» parallax_method__hover=»on» custom_padding__hover=»|||»][et_pb_row_inner column_structure=»1_2,1_2″ _builder_version=»3.25″ custom_padding=»0px||0px|»][et_pb_column_inner type=»1_2″ saved_specialty_column_type=»1_2″ _builder_version=»3.25″ custom_padding=»|||» parallax__hover=»off» parallax_method__hover=»on» custom_padding__hover=»|||»][et_pb_image src=»https://comunicampus.org/wp-content/uploads/2020/04/screenshot-www.youtube.com-2020.04.06-11_25_05.png» show_in_lightbox=»on» use_overlay=»on» overlay_icon_color=»#353740″ hover_overlay_color=»#ff26be» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» _builder_version=»4.4.0″ animation_style=»flip» animation_intensity_flip=»30%» animation_starting_opacity=»100%» box_shadow_style=»preset7″ box_shadow_horizontal=»0px» box_shadow_vertical=»0px» box_shadow_spread=»10px» box_shadow_color=»#ffffff»][/et_pb_image][et_pb_text _builder_version=»4.4.0″ text_orientation=»center»]¿Qué hace un diseñador UX?[/et_pb_text][et_pb_image src=»https://comunicampus.org/wp-content/uploads/2020/04/xd-4.png» show_in_lightbox=»on» use_overlay=»on» overlay_icon_color=»#353740″ hover_overlay_color=»#ff26be» force_fullwidth=»on» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» _builder_version=»4.4.0″ animation_style=»flip» animation_direction=»right» animation_intensity_flip=»30%» animation_starting_opacity=»100%» box_shadow_style=»preset7″ box_shadow_horizontal=»0px» box_shadow_vertical=»0px» box_shadow_spread=»10px» box_shadow_color=»#ffffff»][/et_pb_image][et_pb_text _builder_version=»4.4.0″ text_orientation=»center»]Presentación: Adobe XD en 60 segundos[/et_pb_text][/et_pb_column_inner][et_pb_column_inner type=»1_2″ saved_specialty_column_type=»1_2″ _builder_version=»3.25″ custom_padding=»|||» parallax__hover=»off» parallax_method__hover=»on» custom_padding__hover=»|||»][et_pb_image src=»https://comunicampus.org/wp-content/uploads/2020/04/screenshot-www.youtube.com-2020.04.06-11_21_11.png» show_in_lightbox=»on» use_overlay=»on» overlay_icon_color=»#353740″ hover_overlay_color=»#ff26be» align_tablet=»center» align_phone=»» align_last_edited=»on|desktop» _builder_version=»4.4.0″ animation_style=»flip» animation_direction=»top» animation_intensity_flip=»30%» animation_starting_opacity=»100%» box_shadow_style=»preset7″ box_shadow_horizontal=»0px» box_shadow_vertical=»0px» box_shadow_spread=»10px» box_shadow_color=»#ffffff»][/et_pb_image][et_pb_text _builder_version=»4.4.0″ text_orientation=»center»]Introducción a la interfaz de Adobe XD[/et_pb_text][/et_pb_column_inner][/et_pb_row_inner][/et_pb_column][/et_pb_section][et_pb_section fb_built=»1″ admin_label=»Creative Process Section» _builder_version=»3.22″ custom_padding=»110px||110px|»][et_pb_row admin_label=»Service Section Title» _builder_version=»3.25″ custom_margin=»||40px|» animation_style=»fade» animation_direction=»top» saved_tabs=»all» locked=»off»][et_pb_column type=»4_4″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_text admin_label=»Title» _builder_version=»3.27.4″ text_font=»Montserrat||||||||» text_text_color=»#747d88″ text_font_size=»16px» text_line_height=»1.9em» header_font=»||||||||» header_2_font=»Montserrat|700||on|||||» header_2_font_size=»42px» header_2_line_height=»1.3em» text_orientation=»center» max_width=»700px» module_alignment=»center» animation_style=»slide» animation_direction=»bottom» animation_intensity_slide=»4%»]

Un poco sobre ux

[/et_pb_text][et_pb_text admin_label=»Subtitle» _builder_version=»4.4.0″ text_font=»Montserrat||||» text_text_color=»#747d88″ text_font_size=»16px» text_line_height=»1.8em» header_font=»||||||||» text_orientation=»center» max_width=»700px» module_alignment=»center» custom_margin=»|||» custom_padding=»||0px|||» animation_style=»slide» animation_direction=»bottom» animation_delay=»100ms» animation_intensity_slide=»4%»]

El diseño de experiencia de usuario comienza mucho antes de saber utilizar un software. Consiste en saber qué espera un usuario de una aplicación y ofrecérselo de forma tan perfecta que se convierte en una experiencia memorable. 

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=»1_3,1_3,1_3″ _builder_version=»3.25″][et_pb_column type=»1_3″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_text _builder_version=»4.4.0″ text_font=»Montserrat||||» text_text_color=»#747d88″ text_font_size=»16px» text_line_height=»1.8em» animation_style=»flip» animation_intensity_flip=»20%» hover_enabled=»0″]El diseño de experiencia requiere un conocimiento profundo del usuario, sus hábitos y comportamientos. Siempre se piensa primero en sus necesidades y luego cómo las resuelvo desde el diseño.

Se privilegia la usabilidad y el empleo de elementos fácilmente reconocibles.
[/et_pb_text][/et_pb_column][et_pb_column type=»1_3″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_text _builder_version=»4.4.0″ text_font=»Montserrat||||» text_text_color=»#747d88″ text_font_size=»16px» text_line_height=»1.8em» header_font=»||||||||» header_4_font=»Montserrat|600|||||||» header_4_font_size=»22px» animation_style=»fade» hover_enabled=»0″]

1. Flujo

A lápiz y papel, se dibuja el punto de partida y cómo se llega al final con las pantallas intermedias necesarias. [/et_pb_text][et_pb_text _builder_version=»4.4.0″ text_font=»Montserrat||||» text_text_color=»#747d88″ text_font_size=»16px» text_line_height=»1.8em» header_font=»||||||||» header_4_font=»Montserrat|600|||||||» header_4_font_size=»22px» animation_style=»fade» hover_enabled=»0″ locked=»off»]

3. Interfaz

Qué elementos uso: texto, imágenes, selectores, botones, etc.[/et_pb_text][/et_pb_column][et_pb_column type=»1_3″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_text _builder_version=»4.4.0″ text_font=»Montserrat||||» text_text_color=»#747d88″ text_font_size=»16px» text_line_height=»1.8em» header_font=»||||||||» header_4_font=»Montserrat|600|||||||» header_4_font_size=»22px» animation_style=»fade» hover_enabled=»0″ locked=»off»]

2. Acciones

Se determina que acciones son posibles en cada pantalla, como continuar o cancelar el proceso.[/et_pb_text][et_pb_text _builder_version=»4.4.0″ text_font=»Montserrat||||» text_text_color=»#747d88″ text_font_size=»16px» text_line_height=»1.8em» header_font=»||||||||» header_4_font=»Montserrat|600|||||||» header_4_font_size=»22px» animation_style=»fade» hover_enabled=»0″ locked=»off»]

4. Funcionalidad

Siempre se privilegia la función sobre lo ornamental.[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=»1″ admin_label=»Image grid» _builder_version=»3.22″ background_color_gradient_direction=»90deg» background_image=»https://comunicampus.org/wp-content/uploads/2020/03/background-texture.jpg» custom_margin=»||78px|» custom_padding=»110px||0px|»][et_pb_row _builder_version=»4.4.0″][et_pb_column type=»4_4″ _builder_version=»4.4.0″][et_pb_text admin_label=»Title» _builder_version=»4.4.0″ text_font=»Montserrat|on||on|» text_text_color=»#353740″ text_font_size=»42px» text_line_height=»1.2em» text_orientation=»center» max_width=»700px» module_alignment=»center»]

curso de adobe xD

[/et_pb_text][et_pb_text admin_label=»Quote» _builder_version=»3.27.4″ text_text_color=»#747d88″ text_font_size=»24px» text_line_height=»1.8em» text_orientation=»center» max_width=»700px» module_alignment=»center» animation_style=»flip» animation_direction=»top» animation_intensity_flip=»20%»]

El diseñador Francisco Aguilera nos muestra todo el potencial del software con este curso completo partiendo desde cero.

[/et_pb_text][/et_pb_column][/et_pb_row][et_pb_row column_structure=»1_3,1_3,1_3″ use_custom_gutter=»on» gutter_width=»2″ module_class=» et_pb_row_fullwidth» _builder_version=»3.25″ width=»94%» width_tablet=»80%» width_phone=»» width_last_edited=»on|desktop» max_width=»94%» max_width_tablet=»80%» max_width_phone=»» max_width_last_edited=»on|desktop» custom_padding=»0px|||||» make_fullwidth=»on»][et_pb_column type=»1_3″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_video src=»https://www.youtube.com/watch?v=PbXEwdLtLwk» image_src=»//i.ytimg.com/vi/PbXEwdLtLwk/hqdefault.jpg» thumbnail_overlay_color=»rgba(0,0,0,0.6)» _builder_version=»4.4.0″][/et_pb_video][et_pb_text _builder_version=»4.4.0″ text_orientation=»center»]1. Herramientas para diseño[/et_pb_text][/et_pb_column][et_pb_column type=»1_3″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_video src=»https://www.youtube.com/watch?v=onHBgc52T08″ image_src=»//i.ytimg.com/vi/onHBgc52T08/hqdefault.jpg» thumbnail_overlay_color=»rgba(0,0,0,0.6)» _builder_version=»4.4.0″][/et_pb_video][et_pb_text _builder_version=»4.4.0″ text_orientation=»center»]

2A. Activos y componentes (parte 1)

[/et_pb_text][et_pb_video src=»https://www.youtube.com/watch?v=lqHhx7HSZbA» image_src=»//i.ytimg.com/vi/lqHhx7HSZbA/hqdefault.jpg» thumbnail_overlay_color=»rgba(0,0,0,0.6)» _builder_version=»4.4.0″][/et_pb_video][et_pb_text _builder_version=»4.4.0″ text_orientation=»center»]

3. Activos y componentes

[/et_pb_text][/et_pb_column][et_pb_column type=»1_3″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_video src=»https://www.youtube.com/watch?v=Fyjil5uFymM» image_src=»//i.ytimg.com/vi/Fyjil5uFymM/hqdefault.jpg» thumbnail_overlay_color=»rgba(0,0,0,0.6)» _builder_version=»4.4.0″][/et_pb_video][et_pb_text _builder_version=»4.4.0″ text_orientation=»center»]2B. Activos y componentes (parte 2)[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=»1″ admin_label=»Other Recent Works Section» _builder_version=»3.22″ custom_margin=»|||» custom_padding=»0px||120px|»][et_pb_row admin_label=»Other Recent Works Area» _builder_version=»3.25″ custom_margin=»||40px|» animation_style=»fade» locked=»off»][et_pb_column type=»4_4″ _builder_version=»3.25″ custom_padding=»|||» custom_padding__hover=»|||»][et_pb_text admin_label=»Title» _builder_version=»4.4.0″ text_font=»Montserrat|on||on|» text_text_color=»#353740″ text_font_size=»42px» text_line_height=»1.2em» text_orientation=»center» max_width=»700px» module_alignment=»center»]Si llegaste hasta acá…[/et_pb_text][et_pb_text admin_label=»Subtitle» _builder_version=»4.4.0″ text_font=»Montserrat||||» text_text_color=»#747d88″ text_font_size=»16px» text_line_height=»1.8em» text_orientation=»center» max_width=»600px» module_alignment=»center» custom_margin=»|||»]Presentación en proceso…[/et_pb_text][/et_pb_column][/et_pb_row][/et_pb_section][et_pb_section fb_built=»1″ _builder_version=»4.4.0″][/et_pb_section]