{"id":18461,"date":"2020-04-11T11:24:15","date_gmt":"2020-04-11T09:24:15","guid":{"rendered":"https:\/\/clientes.ignaciosantiago.com\/new\/diseno-web-grafico-blog\/"},"modified":"2020-04-11T11:24:15","modified_gmt":"2020-04-11T09:24:15","slug":"diseno-web-grafico-blog","status":"publish","type":"post","link":"https:\/\/clientes.ignaciosantiago.com\/new\/diseno-web-grafico-blog\/","title":{"rendered":"C\u00f3mo CREAR el Dise\u00f1o Gr\u00e1fico y Visual del BLOG [+TIPS]"},"content":{"rendered":"

[fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_text columns=\u00bb\u00bb column_min_width=\u00bb\u00bb column_spacing=\u00bb\u00bb rule_style=\u00bbdefault\u00bb rule_size=\u00bb\u00bb rule_color=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]<\/p>\n

El dise\u00f1o de p\u00e1ginas web<\/a> aplicado al blogging<\/strong> es un tema que hay que tratar con mucho tiempo, mimo y dedicaci\u00f3n. Antes de empezar, quiero confesarte que no soy ning\u00fan gur\u00fa del dise\u00f1o de blogs<\/a>.\u00a0Eso s\u00ed, en lo que soy muy bueno es observando, aprendiendo y aplicando, a mi manera, lo que funciona para otras personas y blogs<\/strong>. Despu\u00e9s de haber le\u00eddo cientos de posts, libros y creado cientos de blogs (propios y para clientes), he llegado a consumir tal cantidad de informaci\u00f3n que, de alguna manera, me ayuda a crear blogs bonitos, ordenados y altamente optimizados<\/strong>.<\/p>\n

\"guia<\/p>\n

Antes de seguir quiero ponerte en\u00a0contexto y explicarte la raz\u00f3n por la qu\u00e9 he creado est\u00e1 gu\u00eda sobre el dise\u00f1o de blogs<\/strong>. Hace un tiempo a\u00f1ad\u00ed una pregunta en un correo electr\u00f3nico que env\u00ed\u00e9 a mis suscriptores. La pregunta era \u00ab\u00bfHay una sola cosa que te est\u00e9 dando la lata con tu blog?\u00bb.\u00a0Hacer este tipo de preguntas me ayuda a\u00a0conectar con mis lectores en un nivel mucho m\u00e1s personal y entender cualquier problem\u00e1tica que pueda tener (si conozco tus problemas, puedo ayudarte mejor).<\/p>\n

Mi misi\u00f3n entonces se centra en crear contenidos de calidad<\/strong> para ayudar a ese lector\/suscriptor.\u00a0Los consejos de dise\u00f1o de blogs que te voy a mostrar en este gu\u00eda son el resultado directo de varias respuestas que recib\u00ed de esa env\u00edo. Una espec\u00edfica fue \u00abQuiero que mi blog destaque de los dem\u00e1s, pero no s\u00e9 por d\u00f3nde empezar cuando se trata de dise\u00f1o web \u00bfCu\u00e1les son los elementos comunes del dise\u00f1o efectivo de un blog?\u00bb.<\/p>\n

Gran pregunta\u00a0\u00bfNo te parece?\u00a0Aunque intuitivamente me encanta el dise\u00f1o de mi blog, nunca lo hab\u00eda dividido para ver sus componentes b\u00e1sicos<\/strong> para ver lo que importa y lo que no, y ver c\u00f3mo podr\u00eda ayudar a otros a implementar eso mismo. As\u00ed que empec\u00e9 mi andadura en dise\u00f1o de bit\u00e1coras, cuyo objetivo era ver lo que cre\u00eda que sab\u00eda sobre el dise\u00f1o de blogs y lo que realmente sab\u00eda.<\/p>\n

Resulta que hab\u00eda un mont\u00f3n de cosas que he estado haciendo mal<\/strong>. Adem\u00e1s de algunas cosas que estaba haciendo bien que \u00a1ni siquiera sab\u00eda! (esto ha dado lugar a una lista de tareas pendientes que he establecido, que compartir\u00e9 al final de esta gu\u00eda). He recopilado todo este conocimiento en varios principios para un dise\u00f1o de blogs efectivo<\/strong>. Ahora en lugar de pasar d\u00edas y d\u00edas investigando lo que funciona, esta gu\u00eda abreviar\u00e1 tu viaje poniendo todo en un mismo lugar.<\/p>\n

Pi\u00e9nsalo, \u00bfQu\u00e9 sucede cuando haces click en un enlace de un contenido que te ha interesado y acabas en un blog con dise\u00f1o feo y sin cuidar<\/strong>?\u00a0Lo m\u00e1s probable es que llegues incluso hasta sospechar de la veracidad y calidad del contenido de ese p\u00e1gina web, blog o tienda online<\/strong>\u00a0\u00bfVerdad?. Despu\u00e9s de cientos de estudios, se ha demostrado que el dise\u00f1o web y gr\u00e1fico<\/strong> y la usabilidad\u00a0<\/strong>de un blog\u00a0afectan a la manera en c\u00f3mo los nuevos visitantes te ven a ti o tu marca<\/strong>.<\/p>\n

Para muchos usuarios, el dise\u00f1o web y gr\u00e1fico<\/strong>\u00a0son\u00a0factores cr\u00edticos<\/strong> para dar credibilidad\u00a0a una pagina web<\/a>, blog<\/a>\u00a0o tienda online<\/a>. De hecho, el dise\u00f1o de tu blog<\/strong> es crucial para dar una buena primera impresi\u00f3n a tus lectores<\/strong>\u00a0e impactar en c\u00f3mo ellos te perciben como fuente de informaci\u00f3n<\/strong>. Te guste o no, antes de empezar a leer cualquiera de tus contenidos, ya te estar\u00e1n juzgar\u00e1n por tu dise\u00f1o<\/strong>. Esto, sumado a que cada d\u00eda hay m\u00e1s bit\u00e1coras, hace que el diferenciarse sea clave a la hora de potenciar la marca personal<\/a>.<\/p>\n

Por otro lado, si quieres promocionar tu blog<\/a> poni\u00e9ndote en contacto con otros blogs y bloggers \u00a1Suerte! Con un dise\u00f1o del blog descuidado es muy probable que pierdas muchas oportunidades de colaboraci\u00f3n<\/strong> o de obtener una respuesta. Otros bloggers te ver\u00e1n como lo que eres, un total novato\u00a0<\/strong>\u00bfC\u00f3mo van a confiar en ti?\u00a0En este sentido, por estos y otros muchos motivos, muchos bloggers principiantes y propietarios de sitios web posponen o no prestan atenci\u00f3n al dise\u00f1o de sus blogs<\/strong> diciendo que es caro<\/strong> o que no tienen tiempo<\/strong> para dedicarle.<\/p>\n

\u00a1Nada m\u00e1s lejos de la realidad! El dise\u00f1o web<\/strong> y el dise\u00f1o gr\u00e1fico de tu blog<\/strong>, aunque no es f\u00e1cil (para que enga\u00f1arte),\u00a0no es caro. Lo que tienes que pensar primero es s\u00ed quieres hacerlo t\u00fa mismo<\/strong> o quieres externalizarlo<\/strong>. Existen herramientas y plataformas que te pueden ayudar a encontrar profesionales muy cualificados, a los que tendr\u00e1s que pagar muy poco para obtener unos resultados muy positivos.<\/p>\n

De todas maneras, si eres de los que les gusta el \u00abDIY\u00bb (Do It Yourself o Hazlo T\u00fa Mismo), tambi\u00e9n te voy a ense\u00f1ar a ahorrar tiempo y dinero<\/strong> haciendo las cosas t\u00fa mismo (aunque siempre te dar\u00e9, al menos, una opci\u00f3n de pago). Tambi\u00e9n voy a compartir las herramientas y recursos que yo utilizo<\/strong> y que me ayudan todos los d\u00edas en mis proyectos y en el de mis clientes. \u00bfQuieres\u00a0que tu blog destaque del resto\u00a0pero no sabes por d\u00f3nde empezar cuando se trata de dise\u00f1o? Te voy a ense\u00f1ar cu\u00e1les son los elementos comunes<\/strong> en dise\u00f1o efectivo de un blog.<\/p>\n

[\/fusion_text][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>: Esta gu\u00eda viene incluida con una exenci\u00f3n de responsabilidad. Mi blog gira en torno al dise\u00f1o visual y funcional. Ambos son elementos esenciales para el dise\u00f1o de tu blog y c\u00f3mo un usuario lo experimenta.[\/fusion_alert][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb title_link=\u00bboff\u00bb link_url=\u00bb\u00bb link_target=\u00bb_self\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_display=\u00bbnormal,sticky\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align_medium=\u00bb\u00bb content_align_small=\u00bb\u00bb content_align=\u00bbcenter\u00bb size=\u00bb6″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb fusion_font_family_title_font=\u00bb\u00bb fusion_font_variant_title_font=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb text_shadow=\u00bbno\u00bb text_shadow_vertical=\u00bb\u00bb text_shadow_horizontal=\u00bb\u00bb text_shadow_blur=\u00bb0″ text_shadow_color=\u00bb\u00bb margin_top_medium=\u00bb\u00bb margin_right_medium=\u00bb\u00bb margin_bottom_medium=\u00bb\u00bb margin_left_medium=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_right_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb margin_left_small=\u00bb\u00bb margin_top=\u00bb\u00bb margin_right=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_left=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb gradient_font=\u00bbno\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb link_color=\u00bb\u00bb link_hover_color=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]<\/p>\n

<\/a>\u00cdndice<\/p>\n

[\/fusion_title][\/fusion_builder_column][fusion_builder_column type=\u00bb1_2″ layout=\u00bb1_2″ last=\u00bbfalse\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_position=\u00bball\u00bb background_blend_mode=\u00bboverlay\u00bb first=\u00bbtrue\u00bb][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Entendiendo el manual de identidad corporativa<\/a><\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Componentes clave de la identidad visual de tu marca<\/a><\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Ejemplos y mejores pr\u00e1cticas en el dise\u00f1o gr\u00e1fico y web<\/a><\/p>\n

[\/fusion_li_item][\/fusion_checklist][\/fusion_builder_column][fusion_builder_column type=\u00bb1_2″ layout=\u00bb1_2″ last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_position=\u00bball\u00bb background_blend_mode=\u00bboverlay\u00bb first=\u00bbfalse\u00bb][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Caso pr\u00e1ctico: C\u00f3mo crear un logotipo para tu marca<\/a><\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Conclusi\u00f3n<\/a><\/p>\n

[\/fusion_li_item][\/fusion_checklist][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb2″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

<\/a>Entendiendo el manual de identidad corporativa<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

Una gu\u00eda de identidad corporativa<\/strong> o gu\u00eda de estilo<\/strong> une\u00a0el coraz\u00f3n, alma, misi\u00f3n, visi\u00f3n y valores de la marca, y lo traduce en dise\u00f1o<\/strong>. Tambi\u00e9n le dice a todo el mundo c\u00f3mo deben\u00a0comunicar tu marca (con todo tipo de detalles<\/strong>). Es, al fin y al cabo, un documento que codifica c\u00f3mo se presenta tu organizaci\u00f3n<\/strong> (es decir, tu p\u00e1gina web, blog o tienda online) al mundo<\/strong>. Dicho de otra manera, es la herramienta de referencia que ayuda a mantener coherencia<\/strong>\u00a0explicando c\u00f3mo se ve, se siente y suena tu marca<\/strong>.<\/p>\n

Llega a tener tanta importancia (sobre todo en empresas muy grandes), que algunas personas lo llegan a llamar la \u00abBiblia de la marca<\/em>\u00ab. De todas maneras, no dejes que eso te confunda o intimide, tan s\u00f3lo son nombres diferentes para el mismo documento<\/strong>.\u00a0Disponer de un manual de imagen te asegura que tu marca se vea y se sienta igual en todas partes<\/strong>, incluso cuando tienes con personas ajenas a tu actividad. Es perfecto para tener todo \u00abatado\u00bb en lo que a dise\u00f1o web y gr\u00e1fico<\/strong> se refiere.<\/p>\n

[\/fusion_text][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>: Aunque no es necesario<\/strong> hacer una manual de imagen para una p\u00e1gina web, blog o tienda online, si que es muy importante saber qu\u00e9 es, por qu\u00e9 es tan importante y los elementos que lo conforman (simple cultura).[\/fusion_alert][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb2″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

<\/a>Componentes clave de la identidad visual de tu marca<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

Un\u00a0manual de identidad corporativa<\/strong> o\u00a0gu\u00eda de estilo<\/strong> es importante porque ayuda a que tu empresa se comunique de manera consistente en todos los equipos y canales. Hay, de hecho,\u00a0cinco componentes clave: misi\u00f3n, visi\u00f3n, p\u00fablico objetivo, personalidad y valores fundamentales de la marca. Juntas, estas son los pilares m\u00e1s importantes a la hora de establecer tu identidad de marca<\/strong>, porque le dicen al mundo lo que representas<\/strong>. Las dem\u00e1s partes de tu gu\u00eda de estilo de marca son elementos tangibles<\/strong> que comunican los componentes clave al mundo a trav\u00e9s del dise\u00f1o web<\/strong>.<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Misi\u00f3n<\/strong>:\u00a0La misi\u00f3n define principalmente cu\u00e1l es t\u00fa labor o actividad en el mercado<\/strong>, pudi\u00e9ndola completar haciendo referencia al p\u00fablico hacia el que va dirigido<\/strong> y con la singularidad, particularidad o factor diferencial<\/strong>, mediante la cual desarrolla su labor o actividad. Para definir la misi\u00f3n de tu negocio, te ayudar\u00e1 responder a las siguientes preguntas: \u00bfQu\u00e9 haces?, \u00bfcu\u00e1l es tu negocio?, \u00bfa qu\u00e9 te dedicas?, \u00bfcu\u00e1l es tu raz\u00f3n de ser?, \u00bfqui\u00e9nes son tu p\u00fablico objetivo?, \u00bfcu\u00e1l es tu \u00e1mbito geogr\u00e1fico de acci\u00f3n?, \u00bfcu\u00e1l es tu ventaja competitiva? y \u00bfqu\u00e9 te diferencia de nuestros competidores?<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Visi\u00f3n<\/strong>: La visi\u00f3n define las metas que pretendes conseguir en el futuro<\/strong>. Estas metas tienen que ser realistas y alcanzables<\/strong>, puesto que la propuesta de visi\u00f3n tiene un car\u00e1cter inspirador y motivador<\/strong>. Para la definici\u00f3n de \u00a0la visi\u00f3n de tu negocio, te ayudar\u00e1 responder a las siguientes preguntas: \u00bfQu\u00e9 quieres lograr?, \u00bfd\u00f3nde quieres estar en el futuro?, \u00bfpara qui\u00e9n lo har\u00e9?, \u00bfampliar\u00e9 mi zona de actuaci\u00f3n?<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

P\u00fablico objetivo<\/strong>: Describe qui\u00e9nes son tus clientes<\/strong>, por qu\u00e9 te necesitan y c\u00f3mo tus productos o servicios resuelven sus problemas<\/strong>. Si has hecho un estudio de mercado, incl\u00fayela para que tu equipo sepa comunicarse de una manera eficaz con tus clientes.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Personalidad<\/strong>: Haz una lista de 3-5 adjetivos que describen tu marca<\/strong> (las agencia de publicidad utilizan adem\u00e1s el \u00abIs\/Is Not<\/em>\u00ab, y tambi\u00e9n enumeran 3-5 adjetivos en los que no veas reflejada a tu marca<\/strong>). De esta manera estableces el tono<\/strong> para el dise\u00f1o<\/strong> y el copywriting<\/strong>. Para la definici\u00f3n de \u00a0la personalidad de tu negocio, te ayudar\u00e1 responder a las siguientes preguntas: \u00bfEres sofisticado o peculiar? \u00bfcl\u00e1sico o moderno?<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Valores<\/strong>: Los valores son principios \u00e9ticos<\/strong> sobre los que se asienta la cultura de tu negocio\u00a0y te permiten crear las pautas de comportamiento<\/strong>.\u00a0No olvides que los valores son la personalidad de tu\u00a0negocio<\/strong> y que no pueden convertirse en una expresi\u00f3n de deseos de los dirigentes, sino que tienen que plasmar la realidad<\/strong>. No es recomendable formular m\u00e1s de 6-7 valores<\/strong>, si no pierdes credibilidad. Para definir los valores de tu negocio, te ayudar\u00e1 responder a las siguientes preguntas: \u00bfC\u00f3mo eres?,\u00a0\u00bfen qu\u00e9 crees?<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_text]<\/p>\n

Una vez que hayas dado rienda suelta a tu imaginaci\u00f3n<\/strong> e\u00a0inspiraci\u00f3n<\/a>, es hora de empezar a trabajar para empezar a unirlo todo y darle forma<\/strong>. En este paso, siempre te recomendar\u00e9 que trabajes con con un dise\u00f1ador web y gr\u00e1fico<\/strong> con el que te puedes comunicar bien y que te haga sentir c\u00f3modo. La raz\u00f3n es sencilla: Tu cuando tienes que operarte, \u00bfVas al m\u00e9dico especialista o intentas operarte a ti mismo en tu casa? Se que es un ejemplo algo agresivo, pero quiero que lo entiendas. Si no sabes, no lo hagas, porque vas a perder un tiempo que puedes aprovechar para otros menesteres.<\/p>\n

El dise\u00f1o de una imagen de\u00a0marca<\/strong> es un proceso de descubrimiento continuo<\/strong> y el dise\u00f1ador ser\u00e1 un socio clave en dicho proceso. El, como profesional en su trabajo, puede tener ideas o sugerencias que tu no hab\u00edas considerado<\/strong>.\u00a0Adem\u00e1s, el precio por contratar este tipo de servicio no es caro<\/strong>, y los resultados, cr\u00e9eme, ser\u00e1n espectaculares. Si, a\u00fan as\u00ed, te resistes a molestar a tu bolsillo, sigue leyendo que te mostrar\u00e9 algunas herramientas gratuitas para hacer el trabajo t\u00fa mismo<\/strong>.<\/p>\n

Hay seis elementos esenciales que deben desarrollarse para tener una gu\u00eda de identidad completa para tu marca<\/strong>. Debes concentrar y priorizar tus esfuerzos y los del dise\u00f1ador<\/strong> en la creaci\u00f3n de estos elementos. De hecho, algunas partes puede que ya las tengas (el logotipo<\/strong> por ejemplo), pero estoy seguro de que despu\u00e9s de leer esta gu\u00eda querr\u00e1s volver a la mesa de dise\u00f1o<\/strong> de nuevo. Un buen dise\u00f1ador gr\u00e1fico<\/strong>\u00a0te asesorar\u00e1 y ayudar\u00e1 a coger esos estados de \u00e1nimo, sentimientos e im\u00e1genes y convertirlos en elementos tangibles de la marca<\/strong>.<\/p>\n

[\/fusion_text][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Elemento #1: Historia y valores de la marca<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

Introduce tu marca al mundo. Un simple resumen<\/strong> le dar\u00e1 a la gente una visi\u00f3n del coraz\u00f3n y el alma de tu empresa<\/strong>, lo que les ayudar\u00e1 a entender las misma<\/strong>. En esta parte puedes incluir los cinco componentes clave de la marca que he comentado m\u00e1s arriba: misi\u00f3n, visi\u00f3n, audiencia, personalidad y valores (tambi\u00e9n puedes elegir compartir s\u00f3lo parte).\u00a0Piensa\u00a0muy bien qu\u00e9 incluir por su utilidad<\/strong> y como punto de referencia<\/strong>. Todas tus directrices debe ser fieles a estos componentes fundamentales.<\/p>\n

[\/fusion_text][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Elemento #2: Logotipo<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

Llega el momento de crear el logotipo<\/strong>. Tu objetivo es que la gente se tome en serio tu proyecto<\/strong>, por lo que este necesita lucir bien y estar bien presentado y no tener un logo \u00abpasable\u00bb no es una opci\u00f3n. Yo te recomiendo encarecidamente que contrates a un profesional (dise\u00f1ador gr\u00e1fico<\/strong>). Me se eso de \u00able pongo lo que sea para ir funcionando y ya me encargar\u00e9 del logo<\/em>\u00ab. \u00a1Pues no! Al final, y te lo digo por experiencia (a mi me ha pasado), se queda esa \u00abplasta\u00bb (y va para largo).<\/p>\n

Seguramente pienses que contratar a un profesional<\/strong> cueste mucho dinero, pero \u00bfy si te digo que a mi me han hecho logos profesionales por menos de $150? \u00bfNo te lo crees? Pues eso es porque no conoces las herramientas correctas. Se trata de recursos online<\/a> que har\u00e1n las maravillas de tu negocio,\u00a0ofreciendo profesionales freelance muy cualificados a precios muy competitivos<\/strong>. Eso s\u00ed, ya te aviso que vas a necesitar ciertas herramientas para emprendedores<\/a>\u00a0que ya te hab\u00eda mostrado (como Skype<\/a>).<\/p>\n

[\/fusion_text][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>: No me responsabilizo de lo que gastes a partir de ahora en estos servicios, ya que, son tan \u00fatiles y c\u00f3modos de usar<\/strong>, que, cuando veas la manera en la que pueden ayudar a tu negocio, no sabr\u00e1s vivir sin ellos<\/strong>.[\/fusion_alert][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_global id=\u00bb94213″][fusion_builder_container hundred_percent=\u00bbyes\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ background_blend_mode=\u00bbnone\u00bb video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ spacing=\u00bb\u00bb center_content=\u00bbno\u00bb link=\u00bb\u00bb target=\u00bb_self\u00bb min_height=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_image_id=\u00bb\u00bb hover_type=\u00bbnone\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb border_radius_top_left=\u00bb\u00bb border_radius_top_right=\u00bb\u00bb border_radius_bottom_right=\u00bb\u00bb border_radius_bottom_left=\u00bb\u00bb box_shadow=\u00bbno\u00bb box_shadow_vertical=\u00bb\u00bb box_shadow_horizontal=\u00bb\u00bb box_shadow_blur=\u00bb0″ box_shadow_spread=\u00bb0″ box_shadow_color=\u00bb\u00bb box_shadow_style=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb background_type=\u00bbsingle\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbleft top\u00bb background_repeat=\u00bbno-repeat\u00bb background_blend_mode=\u00bbnone\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb filter_type=\u00bbregular\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ last=\u00bbtrue\u00bb border_sizes_top=\u00bb0″ border_sizes_bottom=\u00bb0″ border_sizes_left=\u00bb0″ border_sizes_right=\u00bb0″ first=\u00bbtrue\u00bb][fusion_button link=\u00bbhttps:\/\/ignaciosantiago.com\/mejores-herramientas-online-crear-logo-gratis\/\u00bb text_transform=\u00bb\u00bb title=\u00bb\u00bb target=\u00bb_blank\u00bb link_attributes=\u00bb\u00bb alignment_medium=\u00bb\u00bb alignment_small=\u00bb\u00bb alignment=\u00bbcenter\u00bb modal=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_display=\u00bbnormal,sticky\u00bb class=\u00bb\u00bb id=\u00bb\u00bb color=\u00bbdefault\u00bb button_gradient_top_color=\u00bb\u00bb button_gradient_bottom_color=\u00bb\u00bb button_gradient_top_color_hover=\u00bb\u00bb button_gradient_bottom_color_hover=\u00bb\u00bb accent_color=\u00bb\u00bb accent_hover_color=\u00bb\u00bb type=\u00bb\u00bb bevel_color=\u00bb\u00bb border_color=\u00bb\u00bb border_hover_color=\u00bb\u00bb size=\u00bbxlarge\u00bb stretch=\u00bbyes\u00bb margin_top=\u00bb\u00bb margin_right=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_left=\u00bb\u00bb icon=\u00bbfa-plus fas\u00bb icon_position=\u00bbleft\u00bb icon_divider=\u00bbno\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]Herramientas para dise\u00f1ar tu logotipo[\/fusion_button][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Elemento #3: Paleta de colores<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\u00a1Has llegado a los colores<\/strong>! Definir una paleta de colores<\/strong>\u00a0har\u00e1 a tu marca mucho m\u00e1s consistente, coherente y\u00a0<\/strong>diferente<\/b>. La mayor\u00eda de las marcas eligen 2 o menos colores principales y no se alejan demasiado de los tonos de color de su logotipo<\/strong>. Para ello, es una buena idea elegir un color claro para los fondos<\/strong>, un color m\u00e1s oscuro para el texto<\/strong>, un tono neutro<\/strong> y tambi\u00e9n uno que llame mucho la atenci\u00f3n<\/strong>.<\/p>\n

Tal y como hace\u00a0YouTube<\/a>\u00a0(o yo mismo en mi p\u00e1gina de branding<\/a>)\u00a0con el manual de marca,\u00a0define\u00a0diferentes colores e int\u00e9gralos con tu marca<\/strong>. Por ejemplo, si tengo una empresa dedicada a los productos ecol\u00f3gicos, te viene fenomenal el verde (que es el color que todo el mundo espera ver en este tipo de productos), pero podr\u00eda complementarlo<\/strong> con un amarillo o un azul. Aseg\u00farate de incluir los colores de tu marca en la gu\u00eda de estilo y la informaci\u00f3n necesaria para reproducir esos colores con precisi\u00f3n<\/strong>, donde quiera que vaya su mensaje de marca. Estos es lo que debes incluir:<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Combinaci\u00f3n de colores<\/strong>: La compa\u00f1\u00eda PANTONE<\/a>\u00a0ha definido m\u00e1s de 1100 colores con un n\u00famero \u00fanico<\/strong>. Con este n\u00famero \u00fanico te aseguras<\/strong> de que tienes el mismo color en cualquier parte. Por eso los colores Pantone son perfectos para usar en logos de empresa o dise\u00f1o corporativo. Adem\u00e1s, son dif\u00edciles de imitar usando CMYK, ya que los Pantone se crear usando 15 pigmentos base incluyendo negro y blanco.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Color de impresi\u00f3n<\/strong>: En este caso se trata del CMYK<\/strong>, que son las siglas en ingl\u00e9s de Cian<\/strong>, Magenta<\/strong>, Amarillo<\/strong>, Negro<\/strong> (Cyan, Magenta, Yellow, Key (black)). Mezclando cian, magenta y amarillo, el color m\u00e1s oscuro que puedes obtener es un marr\u00f3n oscuro (por eso se le a\u00f1ade el negro). Todos los colores en el espectro tiene estos colores como base<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

C\u00f3digos digitales de los colores<\/strong>: Por un lado est\u00e1 la\u00a0paleta de colores RGB<\/strong> (RVA en espa\u00f1ol) que consta, b\u00e1sicamente, de tres colores primarios aditivos: Rojo-Verde-Azul<\/strong>. Como a\u00f1adido, \u00f1a codificaci\u00f3n dodecadecimal del color (HEX<\/strong>) permite expresar f\u00e1cilmente un color concreto de la escala RGB, utilizando la notaci\u00f3n hexadecimal, como en el lenguaje HTML y en\u00a0JavaScript (este sistema utiliza la combinaci\u00f3n de tres c\u00f3digos de dos d\u00edgitos para expresar las diferentes intensidades de los colores primarios RGB). Por \u00faltimo, aprovecha el sistema de colores HSL<\/strong>, en el cual se miden por tres par\u00e1metros (hue<\/i>,\u00a0saturation<\/i>\u00a0y\u00a0light<\/i>) que determinan la posici\u00f3n del color en el cilindro de colores HSL. El primer par\u00e1metro es el \u00e1ngulo horizontal, el segundo es la distancia horizontal del centro de la base y el tercero es la distancia vertical (altura) del centro de la base.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_text columns=\u00bb\u00bb column_min_width=\u00bb\u00bb column_spacing=\u00bb\u00bb rule_style=\u00bbdefault\u00bb rule_size=\u00bb\u00bb rule_color=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]<\/p>\n

\u00a1Un momento! No hace falta que te hagas un master en colores, pero si que entiendas qu\u00e9 es cada uno. De todas maneras, existen varias herramientas online muy \u00fatiles para ayudarle a elegir un esquema de color<\/strong> o convertir el color digital en otros valores<\/strong>. Llamadas com\u00fanmente \u00abconversor de colores\u00bb o \u00abruedas de color\u00bb te permiten trabajar de forma simult\u00e1nea con los modelos de color hexadecimal, RGB, HSV y HSL. Simplemente tienes que rellenar el dato de uno de ellos y presionar \u00abIntro\u00bb. Estas son mis favoritas:<\/p>\n

[\/fusion_text][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_global id=\u00bb94212″][fusion_builder_container hundred_percent=\u00bbyes\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ spacing=\u00bb\u00bb center_content=\u00bbno\u00bb link=\u00bb\u00bb target=\u00bb_self\u00bb min_height=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_image_id=\u00bb\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbleft top\u00bb undefined=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb hover_type=\u00bbnone\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb border_radius_top_left=\u00bb\u00bb border_radius_top_right=\u00bb\u00bb border_radius_bottom_left=\u00bb\u00bb border_radius_bottom_right=\u00bb\u00bb box_shadow=\u00bbno\u00bb box_shadow_vertical=\u00bb\u00bb box_shadow_horizontal=\u00bb\u00bb box_shadow_blur=\u00bb\u00bb box_shadow_spread=\u00bb\u00bb box_shadow_color=\u00bb\u00bb box_shadow_style=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb last=\u00bbtrue\u00bb border_sizes_top=\u00bb0″ border_sizes_bottom=\u00bb0″ border_sizes_left=\u00bb0″ border_sizes_right=\u00bb0″ first=\u00bbtrue\u00bb][fusion_button link=\u00bbhttps:\/\/ignaciosantiago.com\/combinacion-paletas-de-colores\/\u00bb text_transform=\u00bb\u00bb title=\u00bb\u00bb target=\u00bb_blank\u00bb link_attributes=\u00bb\u00bb alignment_medium=\u00bb\u00bb alignment_small=\u00bb\u00bb alignment=\u00bbcenter\u00bb modal=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_display=\u00bbnormal,sticky\u00bb class=\u00bb\u00bb id=\u00bb\u00bb color=\u00bbdefault\u00bb button_gradient_top_color=\u00bb\u00bb button_gradient_bottom_color=\u00bb\u00bb button_gradient_top_color_hover=\u00bb\u00bb button_gradient_bottom_color_hover=\u00bb\u00bb accent_color=\u00bb\u00bb accent_hover_color=\u00bb\u00bb type=\u00bb\u00bb bevel_color=\u00bb\u00bb border_color=\u00bb\u00bb border_hover_color=\u00bb\u00bb size=\u00bbxlarge\u00bb stretch=\u00bbyes\u00bb margin_top=\u00bb\u00bb margin_right=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_left=\u00bb\u00bb icon=\u00bbfa-plus fas\u00bb icon_position=\u00bbleft\u00bb icon_divider=\u00bbno\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]P\u00e1ginas para generar paletas de colores[\/fusion_button][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ background_blend_mode=\u00bbnone\u00bb video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ spacing=\u00bb\u00bb center_content=\u00bbno\u00bb link=\u00bb\u00bb target=\u00bb_self\u00bb min_height=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb hover_type=\u00bbnone\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb border_radius=\u00bb\u00bb box_shadow=\u00bbno\u00bb dimension_box_shadow=\u00bb\u00bb box_shadow_blur=\u00bb0″ box_shadow_spread=\u00bb0″ box_shadow_color=\u00bb\u00bb box_shadow_style=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb background_type=\u00bbsingle\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_image_id=\u00bb\u00bb background_position=\u00bbleft top\u00bb background_repeat=\u00bbno-repeat\u00bb background_blend_mode=\u00bbnone\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb filter_type=\u00bbregular\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ last=\u00bbtrue\u00bb border_sizes_top=\u00bb0″ border_sizes_bottom=\u00bb0″ border_sizes_left=\u00bb0″ border_sizes_right=\u00bb0″ first=\u00bbtrue\u00bb][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Elemento #4: Tipograf\u00eda<\/p>\n

[\/fusion_title][fusion_text columns=\u00bb\u00bb column_min_width=\u00bb\u00bb column_spacing=\u00bb\u00bb rule_style=\u00bbdefault\u00bb rule_size=\u00bb\u00bb rule_color=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]<\/p>\n

Otra gran parte del dise\u00f1o de la identidad de tu marca es la selecci\u00f3n de la tipograf\u00eda, tipo de letra y fuente<\/strong>. Con el fin de que conozcas la diferencia entre cada uno, te dir\u00e9 que la tipograf\u00eda<\/strong>\u00a0es el arte y t\u00e9cnica de crear y componer tipos para comunicar un mensaje (tambi\u00e9n se ocupa del estudio y clasificaci\u00f3n de las distintas fuentes tipogr\u00e1ficas), el\u00a0tipo<\/strong>\u00a0es el modelo o dise\u00f1o de una letra determinada y la\u00a0fuente<\/strong>\u00a0es el estilo o apariencia de un grupo completo de car\u00e1cteres, n\u00fameros y signos, regidos por unas caracter\u00edsticas comunes.<\/p>\n

Las necesidades de tu marca determinar\u00e1n si una \u00fanica familia de fuentes satisface todas tus necesidades o si, por el contrario, prefieres definir diferentes tipo de letras y fuentes<\/strong> para tu marca. Un buen consejo que te puedo dar es que definas fuentes diferentes a la de tu logo<\/strong>, ya que el contraste te ayudar\u00e1 a destacar<\/strong>.(un dise\u00f1ador gr\u00e1fico experimentado te guiar\u00e1 mucho mejor a trav\u00e9s de este proceso). No importa c\u00f3mo de simple o complejo sea tu esquema de la tipograf\u00eda que elijas, cerci\u00f3nate de que se utiliza siempre de la forma correcta<\/strong> explicando en detalle c\u00f3mo la quieres y dando instrucciones claras para el uso. Lo mejor es que incluyas esta informaci\u00f3n:<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Introducci\u00f3n<\/strong>: Cuenta la historia<\/strong> que haya detr\u00e1s de la elecci\u00f3n de los tipos de letra que est\u00e1 utilizando, c\u00f3mo se relaciona con tu marca y para qu\u00e9 se utiliza cada uno (titulares, texto del cuerpo, subt\u00edtulos, etc.).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Alineaci\u00f3n<\/strong>: Puede parecer que \u00abno tiene sentido\u00bb, pero te recomiendo dejar claro si quieres que el copywriting se alinee a la derecha, al centro o a la izquierda.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Espaciado<\/strong>: Incluye ratios de track o tracking<\/strong> (sirve para alterar la densidad visual del texto o el espacio global entre un grupo seleccionado de caracteres) y kerning<\/strong> (el espacio existente entre dos caracteres individuales, para cuando dos de estos caracteres se encuentran demasiado juntos o separados) para mantener un estilo consistente<\/strong> cuando cambia el tama\u00f1o de fuente.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_text]<\/p>\n

Es muy importante elegir bien las tipograf\u00edas<\/strong> de tu marca. Existen, literalmente, miles de tipograf\u00edas diferentes<\/strong> que puedes utilizar, por lo que el \u00e9xito reside en la capacidad de elegirlas y combinarlas con acierto<\/strong>. Desde mi experiencia en dise\u00f1o web y gr\u00e1fico, elegir una buena combinaci\u00f3n de tipograf\u00edas<\/strong> no es tarea sencilla, pues requiere de hacer diferentes pruebas hasta encontrar la mezcla perfecta<\/strong>. Eso s\u00ed, hay varios consejos que te recomiendo seguir a la hora de\u00a0elegir tipograf\u00edas para tu proyecto web<\/strong>:<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

No utilices m\u00e1s de 2 tipograf\u00edas diferentes<\/b>: A la hora de dise\u00f1ar un sitio o un folleto publicatario se suele elegir 2 tipos de letras<\/strong> (una para los titulares, botones, subt\u00edtulos, es decir, las partes donde el texto es m\u00e1s llamativo y hay menos cantidad y\u00a0otra para el cuerpo de texto<\/strong> de entradas y p\u00e1ginas). Como mucho utiliza una tercera tipograf\u00eda para llamadas a la acci\u00f3n<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Piensa siempre en la legibilidad y experiencia de usuario<\/strong>: Elige fuentes que sean f\u00e1ciles de leer<\/strong> y que ayuden a que la experiencia de usuario sea muy buena (si eliges una tipograf\u00eda dif\u00edcil de leer<\/strong> provocar\u00e1s que el usuario no lo lea bien y no entiendo tu mensaje).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Recuerda que hay muchos tipos de pantallas<\/strong>: Elegir un tipo de letra que se vea perfecto en un ordenador<\/strong> est\u00e1 bien, pero tienes que recordar que tambi\u00e9n se tiene que ver muy bien en tablets y smartphones<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Elige tipograf\u00edas que tengas personalidad propia<\/strong>: Las tipograf\u00edas son otro elemento m\u00e1s\u00a0en tu gu\u00eda de estilo para tu marca<\/strong> y est\u00e1n directamente relacionadas con el tono<\/strong> que se quiere dar. Por ello, debes elegirlas correctamente y en funci\u00f3n de los valores que quieras transmitir<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Pide opini\u00f3n a tus c\u00edrculo m\u00e1s cercano (amigos, familiares, clientes, etc)<\/b>: Puede que a ti te parezca muy bonita c\u00f3mo queda las tipograf\u00edas que has elegido, pero a otros usuarios les sea molesta. \u00bfQui\u00e9n va a ser m\u00e1s sincero que las personas m\u00e1s cercanas? S\u00e9 valiente y pregunta<\/strong>.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_text columns=\u00bb\u00bb column_min_width=\u00bb\u00bb column_spacing=\u00bb\u00bb rule_style=\u00bbdefault\u00bb rule_size=\u00bb\u00bb rule_color=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]<\/p>\n

Cuando emprendes el camino de elecci\u00f3n de las tipograf\u00edas de tu marca, en ocasiones puede ocurrir que ves una imagen o v\u00eddeo y te gusta el tipo de letra<\/strong> y que quieres utilizarla para tus propios dise\u00f1os, pero\u00a0no sabes c\u00f3mo identificarla o encontrarla<\/strong>. \u00a1Tengo buenas noticias para ti! Existen herramientas online que te permiten\u00a0identificar el tipo de letra que se ha utilizado en ciertos dise\u00f1os<\/strong>. Son muy f\u00e1ciles de usar y muchas veces bastar\u00e1 con subir una imagen, documento o escribir la url de la web donde est\u00e9 presente esa tipograf\u00eda que te gusta, por lo que echa un vistazo a todas las\u00a0maneras de identificar el tipo de letra<\/strong>:<\/p>\n

[\/fusion_text][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_global id=\u00bb94214″][fusion_builder_container hundred_percent=\u00bbyes\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ background_blend_mode=\u00bbnone\u00bb video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ spacing=\u00bb\u00bb center_content=\u00bbno\u00bb link=\u00bb\u00bb target=\u00bb_self\u00bb min_height=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_image_id=\u00bb\u00bb hover_type=\u00bbnone\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb border_radius_top_left=\u00bb\u00bb border_radius_top_right=\u00bb\u00bb border_radius_bottom_right=\u00bb\u00bb border_radius_bottom_left=\u00bb\u00bb box_shadow=\u00bbno\u00bb box_shadow_vertical=\u00bb\u00bb box_shadow_horizontal=\u00bb\u00bb box_shadow_blur=\u00bb0″ box_shadow_spread=\u00bb0″ box_shadow_color=\u00bb\u00bb box_shadow_style=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb background_type=\u00bbsingle\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbleft top\u00bb background_repeat=\u00bbno-repeat\u00bb background_blend_mode=\u00bbnone\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb filter_type=\u00bbregular\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ last=\u00bbtrue\u00bb border_sizes_top=\u00bb0″ border_sizes_bottom=\u00bb0″ border_sizes_left=\u00bb0″ border_sizes_right=\u00bb0″ first=\u00bbtrue\u00bb][fusion_button link=\u00bbhttps:\/\/ignaciosantiago.com\/tipografias-gratis\/\u00bb text_transform=\u00bb\u00bb title=\u00bb\u00bb target=\u00bb_blank\u00bb link_attributes=\u00bb\u00bb alignment_medium=\u00bb\u00bb alignment_small=\u00bb\u00bb alignment=\u00bbcenter\u00bb modal=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_display=\u00bbnormal,sticky\u00bb class=\u00bb\u00bb id=\u00bb\u00bb color=\u00bbdefault\u00bb button_gradient_top_color=\u00bb\u00bb button_gradient_bottom_color=\u00bb\u00bb button_gradient_top_color_hover=\u00bb\u00bb button_gradient_bottom_color_hover=\u00bb\u00bb accent_color=\u00bb\u00bb accent_hover_color=\u00bb\u00bb type=\u00bb\u00bb bevel_color=\u00bb\u00bb border_color=\u00bb\u00bb border_hover_color=\u00bb\u00bb size=\u00bbxlarge\u00bb stretch=\u00bbyes\u00bb margin_top=\u00bb\u00bb margin_right=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_left=\u00bb\u00bb icon=\u00bbfa-plus fas\u00bb icon_position=\u00bbleft\u00bb icon_divider=\u00bbno\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]P\u00e1ginas para descargar tipograf\u00edas gratis[\/fusion_button][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ background_blend_mode=\u00bbnone\u00bb video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ spacing=\u00bb\u00bb center_content=\u00bbno\u00bb link=\u00bb\u00bb target=\u00bb_self\u00bb min_height=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb hover_type=\u00bbnone\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb box_shadow=\u00bbno\u00bb box_shadow_blur=\u00bb0″ box_shadow_spread=\u00bb0″ box_shadow_color=\u00bb\u00bb box_shadow_style=\u00bb\u00bb background_type=\u00bbsingle\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_image_id=\u00bb\u00bb background_position=\u00bbleft top\u00bb background_repeat=\u00bbno-repeat\u00bb background_blend_mode=\u00bbnone\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb filter_type=\u00bbregular\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ last=\u00bbtrue\u00bb border_sizes_top=\u00bb0″ border_sizes_bottom=\u00bb0″ border_sizes_left=\u00bb0″ border_sizes_right=\u00bb0″ first=\u00bbtrue\u00bb][fusion_text columns=\u00bb\u00bb column_min_width=\u00bb\u00bb column_spacing=\u00bb\u00bb rule_style=\u00bbdefault\u00bb rule_size=\u00bb\u00bb rule_color=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]<\/p>\n

Bien, ya tienes claro qu\u00e9 tipos de letras quieres para tu proyecto, pero ahora hay que ver si su descarga es gratuita o de pago<\/strong>. La diferencia entre ambas es muy clara, siendo las de pago m\u00e1s creativas y \u00ab\u00fanicas\u00bb, aunque siempre podr\u00edas elevar la apuesta a un dise\u00f1o exclusivo de una fuente<\/strong> (no te lo recomiendo). En este paso existen decenas de p\u00e1ginas que aglutinan las gran mayor\u00eda de fuentes de Internet y que, en pocos pasos (a veces es simplemente hacer click en \u00abdescargar\u00bb), te permitir\u00e1n descargar tipograf\u00edas. Estas son mis favoritas<\/strong>:<\/p>\n

[\/fusion_text][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_global id=\u00bb94215″][fusion_builder_container hundred_percent=\u00bbyes\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ background_blend_mode=\u00bbnone\u00bb video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ spacing=\u00bb\u00bb center_content=\u00bbno\u00bb link=\u00bb\u00bb target=\u00bb_self\u00bb min_height=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_image_id=\u00bb\u00bb hover_type=\u00bbnone\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb border_radius_top_left=\u00bb\u00bb border_radius_top_right=\u00bb\u00bb border_radius_bottom_right=\u00bb\u00bb border_radius_bottom_left=\u00bb\u00bb box_shadow=\u00bbno\u00bb box_shadow_vertical=\u00bb\u00bb box_shadow_horizontal=\u00bb\u00bb box_shadow_blur=\u00bb0″ box_shadow_spread=\u00bb0″ box_shadow_color=\u00bb\u00bb box_shadow_style=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb background_type=\u00bbsingle\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbleft top\u00bb background_repeat=\u00bbno-repeat\u00bb background_blend_mode=\u00bbnone\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb filter_type=\u00bbregular\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ last=\u00bbtrue\u00bb border_sizes_top=\u00bb0″ border_sizes_bottom=\u00bb0″ border_sizes_left=\u00bb0″ border_sizes_right=\u00bb0″ first=\u00bbtrue\u00bb][fusion_button link=\u00bbhttps:\/\/ignaciosantiago.com\/tipografias-gratis\/\u00bb text_transform=\u00bb\u00bb title=\u00bb\u00bb target=\u00bb_blank\u00bb link_attributes=\u00bb\u00bb alignment_medium=\u00bb\u00bb alignment_small=\u00bb\u00bb alignment=\u00bbcenter\u00bb modal=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_display=\u00bbnormal,sticky\u00bb class=\u00bb\u00bb id=\u00bb\u00bb color=\u00bbdefault\u00bb button_gradient_top_color=\u00bb\u00bb button_gradient_bottom_color=\u00bb\u00bb button_gradient_top_color_hover=\u00bb\u00bb button_gradient_bottom_color_hover=\u00bb\u00bb accent_color=\u00bb\u00bb accent_hover_color=\u00bb\u00bb type=\u00bb\u00bb bevel_color=\u00bb\u00bb border_color=\u00bb\u00bb border_hover_color=\u00bb\u00bb size=\u00bbxlarge\u00bb stretch=\u00bbyes\u00bb margin_top=\u00bb\u00bb margin_right=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_left=\u00bb\u00bb icon=\u00bbfa-plus fas\u00bb icon_position=\u00bbleft\u00bb icon_divider=\u00bbno\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]Herramientas para identificar los tipos de letras[\/fusion_button][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_builder_container type=\u00bbflex\u00bb hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb min_height_medium=\u00bb\u00bb min_height_small=\u00bb\u00bb min_height=\u00bb\u00bb hundred_percent_height_scroll=\u00bbno\u00bb align_content=\u00bbstretch\u00bb flex_align_items=\u00bbflex-start\u00bb flex_justify_content=\u00bbflex-start\u00bb flex_column_spacing=\u00bb\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb container_tag=\u00bbdiv\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb spacing_medium=\u00bb\u00bb margin_top_medium=\u00bb\u00bb margin_bottom_medium=\u00bb\u00bb spacing_small=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_dimensions_medium=\u00bb\u00bb padding_top_medium=\u00bb\u00bb padding_right_medium=\u00bb\u00bb padding_bottom_medium=\u00bb\u00bb padding_left_medium=\u00bb\u00bb padding_dimensions_small=\u00bb\u00bb padding_top_small=\u00bb\u00bb padding_right_small=\u00bb\u00bb padding_bottom_small=\u00bb\u00bb padding_left_small=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb link_color=\u00bb\u00bb link_hover_color=\u00bb\u00bb border_sizes=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_right=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb box_shadow=\u00bbno\u00bb box_shadow_vertical=\u00bb\u00bb box_shadow_horizontal=\u00bb\u00bb box_shadow_blur=\u00bb0″ box_shadow_spread=\u00bb0″ box_shadow_color=\u00bb\u00bb box_shadow_style=\u00bb\u00bb z_index=\u00bb\u00bb overflow=\u00bb\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb skip_lazy_load=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ background_blend_mode=\u00bbnone\u00bb video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb render_logics=\u00bb\u00bb absolute=\u00bboff\u00bb absolute_devices=\u00bbsmall,medium,large\u00bb sticky=\u00bboff\u00bb sticky_devices=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_background_color=\u00bb\u00bb sticky_height=\u00bb\u00bb sticky_offset=\u00bb\u00bb sticky_transition_offset=\u00bb0″ scroll_offset=\u00bb0″ animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ align_self=\u00bbauto\u00bb content_layout=\u00bbcolumn\u00bb align_content=\u00bbflex-start\u00bb valign_content=\u00bbflex-start\u00bb content_wrap=\u00bbwrap\u00bb spacing=\u00bb\u00bb center_content=\u00bbno\u00bb link=\u00bb\u00bb target=\u00bb_self\u00bb min_height=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_display=\u00bbnormal,sticky\u00bb class=\u00bb\u00bb id=\u00bb\u00bb type_medium=\u00bb\u00bb type_small=\u00bb\u00bb order_medium=\u00bb0″ order_small=\u00bb0″ dimension_spacing_medium=\u00bb\u00bb dimension_spacing_small=\u00bb\u00bb dimension_spacing=\u00bb\u00bb dimension_margin_medium=\u00bb\u00bb dimension_margin_small=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_medium=\u00bb\u00bb padding_small=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb hover_type=\u00bbnone\u00bb border_sizes=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_radius=\u00bb\u00bb box_shadow=\u00bbno\u00bb dimension_box_shadow=\u00bb\u00bb box_shadow_blur=\u00bb0″ box_shadow_spread=\u00bb0″ box_shadow_color=\u00bb\u00bb box_shadow_style=\u00bb\u00bb background_type=\u00bbsingle\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_image_id=\u00bb\u00bb background_position=\u00bbleft top\u00bb background_repeat=\u00bbno-repeat\u00bb background_blend_mode=\u00bbnone\u00bb render_logics=\u00bb\u00bb filter_type=\u00bbregular\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb last=\u00bbtrue\u00bb border_position=\u00bball\u00bb first=\u00bbtrue\u00bb][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>: Elegir bien las tipograf\u00edas de tu sitio web es clave, ya que son la manera de mostrar el mensaje<\/strong> (aunque las im\u00e1genes y los v\u00eddeos ayuden), por lo que ten paciencia y dedica tiempo en elegir bien el tipo de letra<\/strong>.[\/fusion_alert][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Elemento #5: Im\u00e1genes y l\u00ednea visual<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

Cuando se trata de tu marca o negocio, se suele tener un instinto natural para saber qu\u00e9 fotos e ilustraciones son m\u00e1s adecuadas\u00a0<\/strong>(echa un vistazo a la gu\u00eda de estilo de Nike<\/a>). La secci\u00f3n de im\u00e1genes en tu gu\u00eda de estilo guiar\u00e1 a cualquiera que la vea en la direcci\u00f3n correcta a la hora de crear o agregar im\u00e1genes para tu marca<\/strong> (para evitar estar teniendo que aprobarlo todo y que se tenga que repetir el trabajo). Puede abordar este punto de varias maneras diferentes:<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Re\u00fane\u00a0pr\u00e1cticas recomendadas<\/strong>: Muestra ejemplos de im\u00e1genes que hayan funcionando bien<\/strong> con tu marca. Aseg\u00farate de abordar las principales formas en las que tu empresa se comunica, ya sea un cat\u00e1logo de impresi\u00f3n o una cuenta de Instagram.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Utiliza<\/b>\u00a0ejemplos de grandes marcas<\/strong>: Si no tienes todos los ejemplos que te gustar\u00eda, busca lo que realmente quieres en las grandes marcas<\/strong> y \u00fasalas de ejemplo. Aunque no es bueno apuntar demasiado alto, si que valdr\u00e1 para saber qu\u00e9 tipo de im\u00e1genes e ilustraciones prefieres<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Crea un muro de inspiraci\u00f3n<\/strong>: \u00bfQui\u00e9n no ha coleccionado alguna vez postales, recortes de revista, retales de tela sin ninguna raz\u00f3n \u00fanicamente porque estos elementos te gustaron mucho en aquel momento?\u00a0Pues sin saberlo, gracias a tu intuici\u00f3n y a tu sensibilidad, creaste un moodboard o muro de inspiraci\u00f3n<\/strong>.\u00a0Recoge im\u00e1genes que transmitan la sensaci\u00f3n que quieres que la gente obtenga cuando interact\u00faan con tu marca y provoca una reacci\u00f3n en ellos.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_text columns=\u00bb\u00bb column_min_width=\u00bb\u00bb column_spacing=\u00bb\u00bb rule_style=\u00bbdefault\u00bb rule_size=\u00bb\u00bb rule_color=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]Por otro lado \u00bfte hayas parado a pensar la enorme cantidad de tr\u00e1fico<\/strong>\u00a0que te pueden traer las\u00a0im\u00e1genes<\/strong>\u00a0desde los\u00a0buscadores<\/a>? \u00a1En serio! Alguien busca un producto, un lugar, una receta, o una infograf\u00eda en\u00a0Google\u00a0y ah\u00ed\u00a0deber\u00edan aparecer\u00a0tus im\u00e1genes<\/strong>. No importa que el nuevo dise\u00f1o del buscador reduzca la cantidad de visitas que puedes recibir, la oportunidad de ser visible y atraer tr\u00e1fico siempre es interesante y jugosa.<\/p>\n

Adem\u00e1s, la\u00a0b\u00fasqueda universal<\/a>\u00a0muestra im\u00e1genes en la p\u00e1gina de resultados de forma combinada. Esto significa que no es necesario buscar una imagen para encontrarla, puedes aparecer en cualquier momento (sobretodo para ciertas b\u00fasquedas).\u00a0Por todo ello, es importante que aprendas a\u00a0optimizar tus im\u00e1genes<\/strong>\u00a0para los buscadores (lo que tambi\u00e9n se conoce como\u00a0SEO para im\u00e1genes<\/strong>). Estas son mis herramientas para optimizar im\u00e1genes favoritas:[\/fusion_text][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_global id=\u00bb91862″][fusion_builder_container hundred_percent=\u00bbyes\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ background_blend_mode=\u00bbnone\u00bb video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ spacing=\u00bb\u00bb center_content=\u00bbno\u00bb link=\u00bb\u00bb target=\u00bb_self\u00bb min_height=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_image_id=\u00bb\u00bb hover_type=\u00bbnone\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb border_radius_top_left=\u00bb\u00bb border_radius_top_right=\u00bb\u00bb border_radius_bottom_right=\u00bb\u00bb border_radius_bottom_left=\u00bb\u00bb box_shadow=\u00bbno\u00bb box_shadow_vertical=\u00bb\u00bb box_shadow_horizontal=\u00bb\u00bb box_shadow_blur=\u00bb0″ box_shadow_spread=\u00bb0″ box_shadow_color=\u00bb\u00bb box_shadow_style=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb background_type=\u00bbsingle\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbleft top\u00bb background_repeat=\u00bbno-repeat\u00bb background_blend_mode=\u00bbnone\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb filter_type=\u00bbregular\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ last=\u00bbtrue\u00bb border_sizes_top=\u00bb0″ border_sizes_bottom=\u00bb0″ border_sizes_left=\u00bb0″ border_sizes_right=\u00bb0″ first=\u00bbtrue\u00bb][fusion_button link=\u00bbhttps:\/\/ignaciosantiago.com\/como-optimizar-imagenes-herramientas\/\u00bb text_transform=\u00bb\u00bb title=\u00bb\u00bb target=\u00bb_blank\u00bb link_attributes=\u00bb\u00bb alignment_medium=\u00bb\u00bb alignment_small=\u00bb\u00bb alignment=\u00bbcenter\u00bb modal=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_display=\u00bbnormal,sticky\u00bb class=\u00bb\u00bb id=\u00bb\u00bb color=\u00bbdefault\u00bb button_gradient_top_color=\u00bb\u00bb button_gradient_bottom_color=\u00bb\u00bb button_gradient_top_color_hover=\u00bb\u00bb button_gradient_bottom_color_hover=\u00bb\u00bb accent_color=\u00bb\u00bb accent_hover_color=\u00bb\u00bb type=\u00bb\u00bb bevel_color=\u00bb\u00bb border_color=\u00bb\u00bb border_hover_color=\u00bb\u00bb size=\u00bbxlarge\u00bb stretch=\u00bbyes\u00bb margin_top=\u00bb\u00bb margin_right=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_left=\u00bb\u00bb icon=\u00bbfa-plus fas\u00bb icon_position=\u00bbleft\u00bb icon_divider=\u00bbno\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]Herramientas para optimizar im\u00e1genes de tu web[\/fusion_button][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ background_blend_mode=\u00bbnone\u00bb video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ spacing=\u00bb\u00bb center_content=\u00bbno\u00bb link=\u00bb\u00bb target=\u00bb_self\u00bb min_height=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb hover_type=\u00bbnone\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb border_radius=\u00bb\u00bb box_shadow=\u00bbno\u00bb dimension_box_shadow=\u00bb\u00bb box_shadow_blur=\u00bb0″ box_shadow_spread=\u00bb0″ box_shadow_color=\u00bb\u00bb box_shadow_style=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb background_type=\u00bbsingle\u00bb gradient_start_color=\u00bb\u00bb gradient_end_color=\u00bb\u00bb gradient_start_position=\u00bb0″ gradient_end_position=\u00bb100″ gradient_type=\u00bblinear\u00bb radial_direction=\u00bbcenter center\u00bb linear_angle=\u00bb180″ background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_image_id=\u00bb\u00bb background_position=\u00bbleft top\u00bb background_repeat=\u00bbno-repeat\u00bb background_blend_mode=\u00bbnone\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb filter_type=\u00bbregular\u00bb filter_hue=\u00bb0″ filter_saturation=\u00bb100″ filter_brightness=\u00bb100″ filter_contrast=\u00bb100″ filter_invert=\u00bb0″ filter_sepia=\u00bb0″ filter_opacity=\u00bb100″ filter_blur=\u00bb0″ filter_hue_hover=\u00bb0″ filter_saturation_hover=\u00bb100″ filter_brightness_hover=\u00bb100″ filter_contrast_hover=\u00bb100″ filter_invert_hover=\u00bb0″ filter_sepia_hover=\u00bb0″ filter_opacity_hover=\u00bb100″ filter_blur_hover=\u00bb0″ last=\u00bbtrue\u00bb border_sizes_top=\u00bb0″ border_sizes_bottom=\u00bb0″ border_sizes_left=\u00bb0″ border_sizes_right=\u00bb0″ first=\u00bbtrue\u00bb][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Elemento #6: Tono y voz<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

El estilo de la escritura<\/strong> no siempre es f\u00e1cil de imaginar cuando se piensa en la identidad de la marca, pero su\u00a0voz<\/strong>\u00a0afecta en gran medida a c\u00f3mo tu audiencia interact\u00faa y se siente con la misma\u00a0cuando la utilizan (echa un vistazo a la gu\u00eda de estilo de Skype<\/a>). De hecho, el \u00e9xito de una marca va ligado, en el 90% de los casos, a conseguir una conexi\u00f3n emocional<\/strong>\u00a0(una relaci\u00f3n) con su p\u00fablico objetivo.\u00a0Al igual que con las im\u00e1genes, puede abordar esto de varias maneras diferentes:<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Pr\u00e1cticas recomendadas<\/strong>: Si tienes mensajes que funcionan bien para tu marca<\/strong>, mu\u00e9stralos de forma clara en este apartado, para que no haya hueco a equ\u00edvocos o malentendidos.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Explica la personalidad de tu marca<\/strong>: \u00bfRecuerdas la lista de 3-5 adjetivos<\/strong> que describen la personalidad de tu marca? \u00a1Perfecto! Pues \u00fasalos para describir el tipo de lenguaje que tiene tu marca<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Explica qu\u00e9 se puede hacer y qu\u00e9 no<\/strong>: A veces, lo m\u00e1s simple es lo mejor. Escoge palabras<\/strong> que te gusten y palabras que no te gusten (y que no quieras que se identifiquen con tu marca) para demostrar claramente cu\u00e1l es tu voz de marca<\/strong>.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb2″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

<\/a>Ejemplos y mejores pr\u00e1cticas en el dise\u00f1o gr\u00e1fico y web<\/p>\n

[\/fusion_title][fusion_text columns=\u00bb\u00bb column_min_width=\u00bb\u00bb column_spacing=\u00bb\u00bb rule_style=\u00bbdefault\u00bb rule_size=\u00bb\u00bb rule_color=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]<\/p>\n

Aunque no soy ning\u00fan gur\u00fa del\u00a0dise\u00f1o de blogs<\/strong>, s\u00ed que soy muy bueno es\u00a0observando, aprendiendo y aplicando lo que les funciona a otras personas a mi manera<\/strong>\u00a0(\u00fanica). Esto es lo que quiero tratar en este apartado. He llegado a consumir tanta informaci\u00f3n online, que quiero regurgitarla en forma de una bonita y optimizada gu\u00eda del dise\u00f1o web y gr\u00e1fico. De hecho, estoy seguro que buscas\u00a0que tu blog destaque de los dem\u00e1s<\/strong>, pero\u00a0no sabes por d\u00f3nde empezar<\/strong>\u00a0cuando se trata de dise\u00f1o.<\/p>\n

Aunque intuitivamente me encanta el\u00a0dise\u00f1o de mi blog<\/strong>, nunca lo hab\u00eda dividido en los\u00a0componentes m\u00e1s importantes<\/strong>, haciendo hincapi\u00e9 en que realmente importa y cu\u00e1nto y c\u00f3mo podr\u00eda eso ayudar a otros a implementar buenas pr\u00e1cticas. As\u00ed que emprend\u00ed una misi\u00f3n para salvar el vac\u00edo entre\u00a0lo que pensaba que sab\u00eda<\/strong>\u00a0sobre el dise\u00f1o de blogs y\u00a0lo que realmente sab\u00eda<\/strong>.<\/p>\n

Resulta que hab\u00eda un mont\u00f3n de cosas que\u00a0he estado haciendo mal<\/strong>\u00a0durante muchos a\u00f1os de blogger, pero muchas otras que estaba\u00a0haciendo bien<\/strong>\u00a0(que ni siquiera conoc\u00eda). Este proceso de comprensi\u00f3n ha dado lugar a una peque\u00f1a lista de tareas que compartir\u00e9 al final de esta gu\u00eda y una serie de\u00a0principios del\u00a0dise\u00f1o efectivo del blog<\/strong>. Ahora, en lugar de pasar d\u00edas y d\u00edas investigando lo que funciona\u00a0y lo que no, esta gu\u00eda te lo pone todo en el mismo lugar. Vamos a verlos uno por uno.<\/p>\n

[\/fusion_text][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>: Mezclo una y otra vez el\u00a0<\/strong>dise\u00f1o visual y el funcional<\/strong>\u00a0ya que ambos son\u00a0elementos esenciales<\/strong> para el dise\u00f1o de mi marca y mejoran en mucho la experiencia del usuario.[\/fusion_alert][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Un buen dise\u00f1o empieza en tu p\u00e1gina de inicio<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

La gente que navega por Internet, por desgracia, est\u00e1 ocupada, tiene prisa, presta poca atenci\u00f3n y es avasallada con un mar de contenido\u00a0<\/strong>todos los d\u00edas<\/strong>\u00a0(correos electr\u00f3nicos, blogs, tweets, p\u00e1ginas de ventas, cursos, ebooks y un largo etc). As\u00ed que\u00a0la primera impresi\u00f3n importa m\u00e1s que nunca<\/strong>. Tienes de\u00a03 a 5 segundos<\/strong>\u00a0para mostrar a un usuario tu p\u00e1gina web, blog o tienda online,\u00a0decirle qui\u00e9n eres o qu\u00e9 haces<\/strong>\u00a0y\u00a0hacerle que act\u00fae<\/strong>.<\/p>\n

\u00a1Es r\u00e1pido, muy r\u00e1pido! Es por eso que\u00a0el dise\u00f1o de tu p\u00e1gina de inicio es esencial para el \u00e9xito de su blog<\/strong>, ya que, con el tiempo (para los proyectos que llevan menos tiempo no suele ser as\u00ed), la mayor\u00eda de tus visitas deber\u00edan llegar por aqu\u00ed (si no es as\u00ed,\u00a0comprueba tu estrategia<\/strong>, porque tu tr\u00e1fico directo no est\u00e1 creciendo).<\/p>\n

La verdad es he tenido mis propias incongruencias a la hora de dise\u00f1ar la p\u00e1gina de inicio. De hecho, he tenido tantos dise\u00f1os diferentes que no sabr\u00eda enumer\u00e1rtelos todos. Algunos ten\u00edan el objetivo de informar, otros de captar leads (suscriptores) y otros de vender, pero ninguno me ha llegado a convencer del todo. Hay mucho escrito sobre lo que funciona y lo que no, pero\u00a0hacer preguntas<\/strong>\u00a0a las personas que te visitan es una muy buena idea.<\/p>\n

Eso s\u00ed, no te quedes ah\u00ed y a\u00f1ade llamadas a la atenci\u00f3n y otra\u00a0serie de elementos que atraigan la vista y el click a donde realmente quieres<\/strong>. De hecho, sobre esto quiero extenderme un poco m\u00e1s, ya que existen ciertos elementos esenciales en el dise\u00f1o de blogs que las mejores p\u00e1ginas de inicio suelen incluir (no hace falta incluirlos todos, pero s\u00ed hay que conocerlos):<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Imagen del encabezado<\/strong>: Una imagen de encabezado o un banner dise\u00f1ado profesionalmente puede aumentar exponencialmente la credibilidad percibida en cualquier blog.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Lema informativo y atractivo<\/strong>: La idea del lema es\u00a0informar<\/strong>\u00a0de forma\u00a0<\/strong>resumida y concisa<\/strong>\u00a0a sus visitantes sobre\u00a0<\/strong>lo que haces<\/strong>. El mensaje debe ser directo para que el visitante entienda autom\u00e1ticamente qu\u00e9 es lo que puedes ofrecerle y qu\u00e9 conseguir\u00e1 el con tu servicio o producto.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Llamada a la acci\u00f3n<\/strong>: Una visita a tu p\u00e1gina de inicio es una excelente oportunidad para\u00a0<\/strong>captar una direcci\u00f3n de correo electr\u00f3nico<\/strong>\u00a0o hacer que el usuario\u00a0realiza alguna acci\u00f3n<\/strong>\u00a0\u00a1No la pierdas!<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Orientaci\u00f3n sobre d\u00f3nde empezar<\/strong>: Este es un\u00a0<\/strong>elemento de dise\u00f1o<\/strong>\u00a0tan simple y, a la vez,\u00a0<\/strong>tan importante<\/strong>. Cuando alguien nuevo llega a tu p\u00e1gina web, blog o tienda online, es tu trabajo\u00a0guiarle sobre d\u00f3nde debe ir a continuaci\u00f3n<\/strong>\u00a0(una forma muy habitual de hacerlo es crear una p\u00e1gina de \u00abPrimeros pasos en mi sitio web<\/a>\u00bb para que los nuevos visitantes sepan con qu\u00e9 contenido tienen que empezar y d\u00f3nde encontrarlo).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Prueba social<\/strong>: Si has trabajado con marcas significativas, has contribuido en publicaciones conocidas o tienes testimonios sorprendentes de las personas con las que trabajas o has ayudado incl\u00fayelas en la p\u00e1gina de inicio. Cuanto m\u00e1s r\u00e1pido construyas una\u00a0credibilidad y confianza<\/strong>\u00a0con el usuario mejor.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Muestra tu personalidad<\/strong>: Aunque siempre depende del tipo de producto o servicio que ofrezcas y qui\u00e9n lo ofrezca, muestra a todo el mundo tu\u00a0personalidad<\/strong>\u00a0siempre que puedas. Si eres un blogger individual, incluye una foto. Si eres un negocio, crea una p\u00e1gina de inicio que muestre tu visi\u00f3n, misi\u00f3n y conjunto de valores.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Crea un manual de identidad corporativa para tu marca<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

Tu blog debe ser una\u00a0extensi\u00f3n directa de tu marca<\/strong>. Esto significa que necesitas crear una gu\u00eda de estilo (si no tienes una ya)\u00a0<\/strong>que se adapte a tu marca, tono y personalidad<\/strong>. El objetivo es crear una\u00a0experiencia consistente<\/strong>\u00a0para tus clientes a medida que investigan sobre qui\u00e9n eres y lo que haces. Aunque ya te lo explicaba m\u00e1s arriba, un\u00a0manual de imagen<\/strong>\u00a0eficaz aumenta la\u00a0confianza<\/strong>\u00a0y la\u00a0<\/strong>credibilidad percibida<\/strong>\u00a0y te da una cierta inspiraci\u00f3n en lo que a dise\u00f1o se refiere. Una gu\u00eda de estilo deber\u00eda incluir:<\/p>\n

[\/fusion_text][\/fusion_builder_column][fusion_builder_column type=\u00bb1_2″ layout=\u00bb1_2″ last=\u00bbfalse\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_position=\u00bball\u00bb background_blend_mode=\u00bboverlay\u00bb first=\u00bbtrue\u00bb][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Una breve versi\u00f3n de la historia<\/strong>\u00a0de tu marca.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Una\u00a0tipograf\u00eda<\/strong>\u00a0primaria (y otra de\u00a0respaldo).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

C\u00f3digos de color HEX<\/strong>\u00a0de tu marca.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][\/fusion_builder_column][fusion_builder_column type=\u00bb1_2″ layout=\u00bb1_2″ last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_position=\u00bball\u00bb background_blend_mode=\u00bboverlay\u00bb first=\u00bbfalse\u00bb][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Logotipo<\/strong>\u00a0y variaciones del mismo (y c\u00f3mo usarlos).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]Im\u00e1genes, estilo de fotograf\u00eda y esquemas de color.[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Estilo de\u00a0escritura<\/strong> y tono de voz a utilizar.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][\/fusion_builder_column][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_text]<\/p>\n

Unido a todos estos elementos, deber\u00edan a\u00f1adirse una serie de\u00a0<\/strong>ejemplos para cada punto<\/strong>\u00a0que resalten exactamente lo que se espera de cada uno de ellos. Un buen ejemplo de manual de identidad, que\u00a0la ha seguido al pie de la letra<\/strong>\u00a0en todas sus plataformas, es\u00a0Copyblogger<\/strong>. No importa donde vayas, si a su p\u00e1gina web o a alguno de sus perfiles sociales,\u00a0<\/strong>en todos sentir\u00e1s que est\u00e1s en\u00a0Copyblogger<\/strong>.<\/p>\n

[\/fusion_text][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Utiliza\u00a0el\u00a0espacio en blanco y\u00a0provoca\u00a0una lectura m\u00e1s ordenada<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

El\u00a0espacio en blanco<\/strong>\u00a0es el\u00a0<\/strong>mejor<\/strong>\u00a0<\/strong>amigo de un dise\u00f1ador web y gr\u00e1fico<\/strong>. Ayuda a los ojos a\u00a0dar sentido a lo que estamos leyendo<\/strong>\u00a0y dibuja los puntos m\u00e1s importantes,\u00a0<\/strong>destacados con otros colores<\/strong>. Los lectores pueden consumir la informaci\u00f3n de una manera m\u00e1s sencilla cuando se optimiza la cantidad de espacio en blanco y les permites\u00a0<\/strong>escanear f\u00e1cilmente la p\u00e1gina para obtener textos o im\u00e1genes valiosas<\/strong>. En definitiva, m\u00e1s espacio en blanco\u00a0hace m\u00e1s claro<\/strong>\u00a0<\/strong>un sitio web<\/strong>\u00a0y que la\u00a0experiencia del usuario<\/strong>\u00a0sea mucho m\u00e1s agradable.<\/p>\n

De hecho, el espacio en blanco proporciona un buen\u00a0colch\u00f3n\u00a0entre la informaci\u00f3n in\u00fatil y las cosas m\u00e1s importantes,\u00a0gui\u00e1ndote<\/strong>\u00a0exactamente hacia lo que debes hacer. Un ejemplo\u00a0de un sitio web que usa esta t\u00e9cnica y la lleva a la m\u00e1xima expresi\u00f3n es\u00a0Google<\/strong>. Maximizan el uso del espacio en blanco y\u00a0ponen el foco en el centro de la pantalla<\/strong>.<\/p>\n

[\/fusion_text][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>:\u00a0Para ayudar a tus lectores a navegar por tu\u00a0sitio web (y\u00a0contenidos),\u00a0permite que sus\u00a0ojos respiren y deja suficiente espacio en blanco\u00a0en determinadas\u00a0zonas. Yo uso esta t\u00e9cnica, pero con\u00a0im\u00e1genes que ayuden a entender el texto<\/strong>. Queda algo m\u00e1s recargado, pero tambi\u00e9n alegra a la vista y permite\u00a0descansar la mirada unos segundos<\/strong>, lo justo para empezar una nueva secci\u00f3n.[\/fusion_alert][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Tu dise\u00f1o debe adaptarse a todos los dispositivos m\u00f3viles<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

No lo digo yo, lo dicen los blogs y medios m\u00e1s importantes del mundo: El m\u00f3vil<\/strong> no deja de crecer y se pone a la cabeza en lo que a consumo de informaci\u00f3n y compras\u00a0<\/strong>se refiere. En promedio, gastamos una media de 120 minutos en nuestro dispositivo m\u00f3vil todos los d\u00edas (fuente: Econsultancy<\/a>). \u00a1Es simplemente bestial! Pero no digo nada nuevo, porque es algo que se ve\u00eda venir hace ya muchos a\u00f1os.<\/p>\n

La tecnolog\u00eda avanza m\u00e1s r\u00e1pido que nunca. De hecho, vamos tan r\u00e1pido que no tenemos tiempo ni de acostumbrarnos a ciertos adelantos<\/strong>. \u00bfNo te has fijado que caminamos por la calle chocando unos con otros porque no podemos retirar la mirada del tel\u00e9fono m\u00f3vil ni un segundo? Nos apresuramos de reuni\u00f3n a reuni\u00f3n con s\u00f3lo unos minutos de descanso, y los invertimos mirar nuestro smartphone o tel\u00e9fono inteligente. En 2014<\/strong> los usuarios de Internet \u00abm\u00f3vil\u00bb superaron a los usuarios de Internet de escritorio.<\/p>\n

Si no te lo crees, f\u00edjate en tu anal\u00edtica y haz un hist\u00f3rico de los \u00faltimos 5 a\u00f1os (es un ejemplo, con unos meses valdr\u00eda). Si usas Google Analytics, vete a \u00abAudiencia > M\u00f3vil > Visi\u00f3n General<\/em>\u00bb y haz analiza bien los n\u00fameros y los porcentajes. \u00bfQu\u00e9 ves? \u00bfNo te das cuenta de que tienes cada vez m\u00e1s visitas desde dispositivos m\u00f3viles? \u00a1Espera! \u00bfNo tienes un sitio web responsive? Entonces lo primero es ponerse con eso antes de tocar ning\u00fan dise\u00f1o<\/strong>.\u00a0 Tus lectores est\u00e1n utilizando tel\u00e9fonos m\u00f3viles para acceder a tu bit\u00e1cora, por lo que el dise\u00f1o de tu blog debe adaptarse a todos los dispositivos posibles<\/strong>.<\/p>\n

Ya te he hablado en alguna ocasi\u00f3n sobre las mejores p\u00e1ginas para probar la versi\u00f3n m\u00f3vil de tu web<\/a>, los errores m\u00e1s comunes<\/a>, las m\u00e9tricas<\/a>\u00a0a medir y las\u00a0mejores herramientas para convertir tu blog de WordPress en m\u00f3vil<\/a>. Por si esto no fuese suficiente, Google anunci\u00f3 no hace mucho que los sitios con versi\u00f3n m\u00f3vil tendr\u00e1n un mejor posicionamiento en los resultados de b\u00fasqueda (el m\u00f3vil se a\u00f1ade como factor de posicionamiento<\/a>). Y como los usuarios est\u00e1n cada vez m\u00e1s unidos a sus tel\u00e9fonos, este factor de clasificaci\u00f3n cada vez ser\u00e1 m\u00e1s importante<\/strong>. Si no est\u00e1s seguro de si tu sitio web es compatible con dispositivos m\u00f3viles y no sabes por d\u00f3nde empezar, consulta este recurso de Google<\/a>.<\/p>\n

[\/fusion_text][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Pon a disposici\u00f3n del usuario una navegaci\u00f3n r\u00e1pida y sencilla<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

Yo sol\u00eda pensar que la \u00abnavegaci\u00f3n\u00bb era lo\u00a0bien que pod\u00edas poner el\u00a0men\u00fa superior<\/strong> en tu p\u00e1gina web, blog o tienda online. Pero es mucho m\u00e1s que eso<\/strong> y algo m\u00e1s complicado. La navegaci\u00f3n consiste en ayudar a tus visitantes a encontrar su camino en tu sitio web\u00a0<\/strong>de una manera espec\u00edfica, r\u00e1pida y sencilla. Una navegaci\u00f3n eficaz y bien pensada es un win-win<\/em> para tu web. Consigues que tus visitantes vayan exactamente donde tu quieres<\/strong> y, a la vez, les ahorras un tiempo precioso (ya que no tendr\u00e1n que estar \u00abadivinando d\u00f3nde ir\u00bb).<\/p>\n

Cuando empec\u00e9 a dise\u00f1ar y escribir este blog, pas\u00e9 por alto algunos de los fundamentos\u00a0m\u00e1s importantes de la navegaci\u00f3n<\/strong>. Ahora, en retrospectiva, tiene mucho sentido que mi tasa de rebote<\/strong> fuese mucho mayor de lo que deber\u00eda ser. Por ello, he reunido algunas claves que deber\u00edas considerar al dise\u00f1ar la arquitectura de navegaci\u00f3n de tu blog<\/strong>.<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfusion-prefix-icon-customcheck\u00bb iconcolor=\u00bb\u00bb hue=\u00bb\u00bb saturation=\u00bb\u00bb lightness=\u00bb\u00bb alpha=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb textcolor=\u00bb\u00bb size=\u00bb16px\u00bb item_padding_top=\u00bb\u00bb item_padding_right=\u00bb\u00bb item_padding_bottom=\u00bb\u00bb item_padding_left=\u00bb\u00bb divider=\u00bb\u00bb divider_color=\u00bb\u00bb odd_row_bgcolor=\u00bb\u00bb even_row_bgcolor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Pon orden en el men\u00fa superior<\/strong>: Ordena el men\u00fa principal, que sea muy claro y simple sobre lo que ofrece tu sitio web, para que tus usuarios de cualquier nivel (novatos y avanzados) puedan encontrar lo que quieren<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Incluye una secci\u00f3n de \u00abPrimeros pasos\u00bb<\/strong>: En esta p\u00e1gina quieres proporcionar una ruta de entrada para que los nuevos visitantes pueden hacerse a tu web r\u00e1pidamente. Por ejemplo, \u00bfqu\u00e9 blog deber\u00eda leer primero, segundo y tercero? De esta manera creas una experiencia \u00fanica<\/strong> para tus usuarios.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Incluye un despegable con las\u00a0categor\u00edas m\u00e1s importantes del blog<\/strong>: Si tienes bien categorizado el contenido de tu blog, esta t\u00e9cnica es muy interesante, ya que el lector va directamente al contenido relacionado que realmente le interesa\u00a0<\/strong>(no te aconsejo que sean m\u00e1s de 10<\/strong>).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Incluye una secci\u00f3n de recursos y herramientas<\/strong>: A la hora de crear y gestionar un blog, hay muchas veces que las personas se olvidan de que hay que monetizarlo<\/a>. Una buena manera de hacerlo es a\u00f1adir una secci\u00f3n con las herramientas que sueles usar y afiliarte<\/strong> a las mismas para sacar un dinero extra<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Incluye una secci\u00f3n m\u00e1s personal<\/strong>: Los blogs est\u00e1n hechos por personas, y la gente quiere saber qui\u00e9n es el que est\u00e1 detr\u00e1s. A\u00f1ade una secci\u00f3n donde expliques tu historia, tus objetivos y valores<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Incluye llamadas a la acci\u00f3n<\/strong>: A\u00f1ade CTAs, enlaces internos o enlaces a contenidos relacionados en tu barra lateral (preferiblemente derecha) y al final de los posts. No quieres que alguien lea un post completo y luego salga de tu sitio inmediatamente<\/strong> \u00a1Dale una raz\u00f3n para quedarse!<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_text]<\/p>\n

Sobre este punto os puedo poner un ejemplo que seguro conocer\u00e1s: AulaCM<\/a>. Sigue a la perfecci\u00f3n esta f\u00f3rmula y\u00a0clava la manera de presentar un men\u00fa. Es simple, r\u00e1pido y muy atractivo. Puedo decir, sin equivocarme, que es el mejor men\u00fa que he visto nunca. Como en muchas otras cosas, los profesionales que hay detr\u00e1s demuestran que est\u00e1n en lo m\u00e1s alto<\/strong> y que tienen mucho mimo con su dise\u00f1o<\/strong>.<\/p>\n

\"guia<\/p>\n

[\/fusion_text][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>: Dedica tiempo a pensar una estructura para tu sitio web porque de esa manera tambi\u00e9n potenciar\u00e1s el SEO<\/a>.[\/fusion_alert][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Evita y elimina rutas sin salida<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

\u00bfTe ha pasado alguna vez que, estando en una web, has hecho click en un enlace\u00a0y no te ha llevado a ning\u00fan sitio<\/strong>? \u00bfO tal vez si que te llevaba a alg\u00fan sitio, pero no era la p\u00e1gina que esperabas<\/strong> o era una p\u00e1gina de error 404<\/strong> sin m\u00e1s? \u00a1Tranquilo! Es muy habitual y, adem\u00e1s, es esencial cuando se trata de percepci\u00f3n<\/strong> y conversiones<\/strong>. Si tienes un formulario o un enlace que no lleva a ninguna parte a tus usuarios, es probable que termine en un abandono de tu sitio web y un aumento de la tasa de rebote (m\u00e1s preocupante es que la gran mayor\u00eda no volver\u00e1n).<\/p>\n

Por favor, revisa todos estos errores y p\u00e1gina sin \u00abchicha\u00bb, no s\u00f3lo desde el punto del dise\u00f1o<\/strong>, sino tambi\u00e9n desde el punto de vista del posicionamiento web<\/strong>. Google, de hecho, pone a tu disposici\u00f3n Search Console o Webmaster Tools<\/a>, una herramienta SEO gratuita<\/a>\u00a0perfecta para tener controlado este aspecto y muchos otros.<\/p>\n

[\/fusion_text][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>: Webmaster Tools\u00a0<\/strong>debe revisarse todos los d\u00edas<\/strong> y en profundidad una vez por semana o m\u00e1s. Los datos que arroja se pueden utilizar para mejorar la estrategia de marketing, prevenir un ataque de enlaces negativos, ayudarte a controlar c\u00f3mo rastrea Google tu p\u00e1gina web, y mucho m\u00e1s. Hay una gran cantidad de informaci\u00f3n en estas herramientas y el uso adecuado puede ser la diferencia entre el fracaso y el \u00e9xito.[\/fusion_alert][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_global id=\u00bb57848″][fusion_global id=\u00bb57848″][fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Humaniza la experiencia todo lo que puedas<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

Tus usuarios quieren conectar con personas<\/strong>, no con marcas. As\u00ed que aprovecha cada oportunidad que tengas de\u00a0personalizar y humanizar tu blog<\/strong>. De esta manera te haces m\u00e1s cercano y la confianza<\/strong> en tu sitio web sube instant\u00e1neamente. De todas maneras, te dejo algunos consejos para hacer m\u00e1s humano tu blog y aumentar el engagement y la\u00a0conexi\u00f3n\u00a0que tienes con tus lectores<\/strong>.<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Completa tu\u00a0biograf\u00eda<\/strong>\u00a0y la de cada autor (si tienes un blog multiautor) que contribuya en tu blog<\/a> con una foto <\/strong>y un breve resumen<\/strong> sobre quien es<\/strong> y a qu\u00e9 se dedica<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Muestra, de forma clara (que sea muy visible<\/strong>), el total de comentarios<\/strong>\u00a0y las veces que ha sido compartido en las redes sociales en cada art\u00edculo y, a ser posible, en la p\u00e1gina principal del sitio blog (ambos son buenos medidores del engagement<\/strong> y\u00a0animar\u00e1n a tus visitas a leer tus contenidos).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Incluye im\u00e1genes<\/strong> sobre ti, tu personal, tu familia o tus clientes siempre que puedas, como m\u00ednimo, en la p\u00e1gina \u00abAcerca<\/strong>\u00bb o \u00abSobre ti<\/strong>\u00bb (el tipo de fotos depende de ti, pero intenta que se te vea bien<\/strong> a ti o a las personas que salen).<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_text]<\/p>\n

En este sentido, la imaginaci\u00f3n es el l\u00edmite. Puedes hacerlo como quieras, ya que depende de si es un blog m\u00e1s \u00abdivertido\u00bb o m\u00e1s \u00abserio\u00bb. En ambos casos te recomiendo hacerlo lo m\u00e1s cercano posible<\/strong> y, aunque suelo recomendar siempre fotos profesionales, en este caso te digo que son mejores \u00ablas de andar por casa<\/em>\u00ab. Cuenta tu historia e intenta conectar con tu lector<\/strong>. Como ejemplo te pongo a Frenchiemania<\/a>,\u00a0donde te cuenta una peque\u00f1a historia y lo uno con decenas de fotos \u00abpersonales\u00bb.<\/p>\n

\"guia<\/p>\n

Tambi\u00e9n te dejo otro ejemplo. En este caso MensandBeauty<\/a>, un blog de belleza y moda para hombres<\/a>\u00a0en el que vierto muchos de mis conocimientos, y que est\u00e1 dando unos resultados impresionantes. En este caso, gracias a un dise\u00f1o muy cuidado<\/strong>, te cuento, brevemente, quienes son los que est\u00e1n detr\u00e1s, uni\u00e9ndolo con otras opciones<\/strong> que vienen al cuento.<\/p>\n

\"guia<\/p>\n

[\/fusion_text][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Dise\u00f1a una\u00a0p\u00e1gina \u00absobre ti\u00bb irresistible<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

La p\u00e1gina \u00absobre ti\u00bb o \u00absobre nosotros\u00bb es una de las p\u00e1ginas m\u00e1s visitadas<\/strong> en cualquier sitio web. Si alguien va a esa p\u00e1gina en tu p\u00e1gina web, blog o tienda online significa que est\u00e1 ansioso por saber m\u00e1s sobre lo que haces y qui\u00e9n eres<\/strong>. Es una gran oportunidad para convertir a estos visitantes en miembros de la comunidad<\/strong>\u00a0e incluso clientes, algo en lo que muchos sitios web fallan. Por ello, he hecho un listado de lo para m\u00ed deber\u00eda incluir tu p\u00e1gina \u00abacerca\u00bb.<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Muestra\u00a0s\u00f3lo la\u00a0informaci\u00f3n clave<\/strong> para que la p\u00e1gina sea f\u00e1cil de entender y navegar (la idea es que el usuario la pueda escanear en pocos segundos<\/strong>).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Muestra tu lado m\u00e1s personal<\/strong> utilizando im\u00e1genes para poner cara a tu marca<\/strong> (una imagen tuya o la de tus empleados y el entorno de la oficina puede funcionar muy bien).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Cuenta la historia de tu negocio<\/strong> y c\u00f3mo y por qu\u00e9 surgi\u00f3 para ayudar a tus lectores conectar contigo y con tu marca (recuerda que eres de carne y hueso, no un superh\u00e9roe).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Toca la fibra sensible<\/strong> y explica detalladamente los retos que ayudas a superar a quien est\u00e1 \u00aben tu c\u00edrculo\u00bb.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Olv\u00eddate de la jerga profesional<\/strong> y utiliza un tono \u00fanico de voz y estilo de escritura, que sea conversacional y cercana.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]Incluye un formulario de contacto<\/strong> (o un enlace a la p\u00e1gina de de contacto) para que los interesados puedas contactar contigo de manera directa.[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Esfu\u00e9rzate por que la p\u00e1gina sea est\u00e9ticamente agradable<\/strong> (espacios en blanco y una marca coherente con el resto del sitio web), para que la experiencia de usuario sea la mejor.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Utiliza el humor<\/strong> para ser provocar impacto en el usuario (y en su memoria, ya que aunque el recuerda de marca) e incluye una broma o dos.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Incluye pruebas sociales<\/strong> y deja un espacio a los testimonios y opiniones de tus clientes<\/strong> o lectores (tambi\u00e9n puedes a\u00f1adir\u00a0casos de estudio o comentarios que se hayan hecho en tus perfiles sociales sobre tu marca).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Incluye llamadas a la acci\u00f3n<\/strong> y no te pierdas la oportunidad de capturar una direcci\u00f3n de correo electr\u00f3nico.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Muestra a tus visitas qu\u00e9 hacer despu\u00e9s<\/strong> incluyendo enlaces a los art\u00edculos m\u00e1s recientes del blog, las \u00faltimas notas de prensa o la p\u00e1gina \u00abprimeros pasos\u00bb a dar en ti sitio web.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Optimiza todas la p\u00e1ginas con llamadas a la acci\u00f3n (CTAs)<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

Atraer tr\u00e1fico<\/strong> es s\u00f3lo el primer paso. Una vez que lo tienes y los usuarios llegan a tu p\u00e1gina web, blog o tienda online, es momento de persuadirlos para que hagan las acciones que m\u00e1s te convienen<\/strong>. Eso puede sonar muy bien, pero, \u00bfqu\u00e9 les deber\u00edas pedir que hagan? He hecho una lista con las llamadas a la acci\u00f3n<\/strong> (CTAs) m\u00e1s habituales y que mejor funcionan a la hora de generar m\u00e1s suscriptores, clientes y ventas.<\/p>\n

[\/fusion_text][\/fusion_builder_column][fusion_builder_column type=\u00bb1_2″ layout=\u00bb1_2″ last=\u00bbfalse\u00bb spacing=\u00bbyes\u00bb center_content=\u00bbno\u00bb hide_on_mobile=\u00bbno\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb background_position=\u00bbleft top\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_position=\u00bball\u00bb border_color=\u00bb\u00bb border_style=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bb\u00bb animation_speed=\u00bb0.1″ animation_offset=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb min_height=\u00bb\u00bb border_sizes_top=\u00bb0px\u00bb border_sizes_bottom=\u00bb0px\u00bb border_sizes_left=\u00bb0px\u00bb border_sizes_right=\u00bb0px\u00bb first=\u00bbtrue\u00bb spacing_right=\u00bb2%\u00bb][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Formularios de suscripci\u00f3n<\/strong> a tu lista de correos electr\u00f3nicos.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Descargas de recursos<\/strong> como ebooks, plantillas o checklist.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Contadores<\/strong> de las veces que se ha compartido el contenido en redes sociales<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Ofertas<\/strong> exclusivas o temporales de tus productos o servicios.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][\/fusion_builder_column][fusion_builder_column type=\u00bb1_2″ layout=\u00bb1_2″ last=\u00bbtrue\u00bb spacing=\u00bbyes\u00bb center_content=\u00bbno\u00bb hide_on_mobile=\u00bbno\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb background_position=\u00bbleft top\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_position=\u00bball\u00bb border_color=\u00bb\u00bb border_style=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bb\u00bb animation_speed=\u00bb0.1″ animation_offset=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb min_height=\u00bb\u00bb border_sizes_top=\u00bb0px\u00bb border_sizes_bottom=\u00bb0px\u00bb border_sizes_left=\u00bb0px\u00bb border_sizes_right=\u00bb0px\u00bb first=\u00bbfalse\u00bb spacing_left=\u00bb2%\u00bb][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Enlaces a productos o servicios de afiliados<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Textos animando\u00a0a tus lectores a comentar<\/strong> una publicaci\u00f3n.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Enlaces a otras p\u00e1ginas internas<\/strong> de tu sitio web.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Enlaces externos a recursos valiosos<\/strong> o p\u00e1ginas de socios.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][\/fusion_builder_column][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_text]<\/p>\n

Cada p\u00e1gina de tu sitio web debe cumplir un prop\u00f3sito<\/strong>\u00a0y este debe ser muy claro y directo (al menos para ti) en lo que a la acci\u00f3n que pretendes de cada usuario<\/strong>\u00a0(es la base del objetivo de un CTA o Call To Action o Llamada a la Acci\u00f3n). Realmente lo que quieres es que los usuarios realicen acciones espec\u00edficas en cada p\u00e1gina, siempre y cuando est\u00e9n alineadas con el contenido<\/strong>. Sabiendo esto y los tipos de CTAs que puedes mostrar, es un momento perfecto para explicarte d\u00f3nde y c\u00f3mo colocarlos<\/strong>.<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]CTA al final de cada art\u00edculo del blog<\/strong>: Es de caj\u00f3n, el usuario lee tus interesantes art\u00edculos y, cuando termina, le lanzas un call to action para que se suscriba, se descargue en formato pdf el contenido, se descargue un ebook sobre la tem\u00e1tica gratis y un largo etc. El blog de\u00a0HubSpot<\/a> es un\u00a0punto de referencia en este sentido, ya que, dependiendo de donde te encuentres en el customer journey<\/em> determinar\u00e1 qu\u00e9 CTA mostrarte, lo que hace que las conversiones se disparen<\/strong>.[\/fusion_li_item][\/fusion_checklist][fusion_text]<\/p>\n

\"guia<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]CTA dentro del contenido<\/strong>: Puede enlazar palabras clave espec\u00edficas a otras p\u00e1ginas (internas o externas) o incluir un banner o imagen predise\u00f1ada dentro del contenido de tus posts. Un buen ejemplo de esta manera de incluir llamadas a la acci\u00f3n es el blog de Backlinko<\/a>,\u00a0<\/strong>de Brian Dean.[\/fusion_li_item][\/fusion_checklist][fusion_text]<\/p>\n

\"guia<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

CTA de las redes sociales<\/strong>: En este caso tienes varias opciones. Por un lado puedes a\u00f1adir llamadas a la acci\u00f3n con la funcionalidad Click-to-Tweet<\/a>\u00a0dentro del contenido, mostrar botones para conectar en las redes sociales<\/strong> en la parte superior, barra lateral derecha o footer o utilizar plugins para compartir el contenido en las redes sociales<\/a> m\u00e1s importantes.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

CTA emergente en una\u00a0parte visible del sitio web<\/strong>:\u00a0Las ventanas emergentes y las cajas deslizantes (desde los lados) est\u00e1n dise\u00f1adas para aumentar las tasas de conversi\u00f3n. Plugins de WordPress<\/a> como Sumome<\/a>\u00a0facilitan esta tarea e incluyen estas llamadas de acci\u00f3n de una mnaera muy f\u00e1cil y que no moleste a tus usuarios. Bluewire Media<\/a>\u00a0lleva esta t\u00e9cnica a la maestr\u00eda.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_text]<\/p>\n

\"guia<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

CTA en la barra lateral derecha<\/strong>: Aunque soy de los que opina que esta barra lateral sobra, ya que es un foco de \u00abdistracciones\u00bb, los blogs que todav\u00eda la mantienen pueden usarla para a\u00f1adir llamadas a la acci\u00f3n como los posts m\u00e1s populares, los enlaces a las redes sociales, un optin para suscribirte a la newsletter, el feed del blog y un largo etc.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

CTA en un banner superior<\/strong>: Otro sitio perfecto para incluir un call to action y obtener una alta conversi\u00f3n es en un banner en la parte superior de la p\u00e1gina (encima del texto y debajo del men\u00fa de navegaci\u00f3n principal). Puedes incluir el \u00faltimo post que has publicado, un curso gratuito que tengas como lead magnet<\/a> y un largo etc.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_text columns=\u00bb\u00bb column_min_width=\u00bb\u00bb column_spacing=\u00bb\u00bb rule_style=\u00bbdefault\u00bb rule_size=\u00bb\u00bb rule_color=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3″ animation_offset=\u00bb\u00bb]<\/p>\n

\"guia<\/p>\n

Para reforzar m\u00e1s esta informaci\u00f3n es importante conocer a los expertos en conversi\u00f3n, as\u00ed que tienes que visitar el blog de LeadPages<\/a>. Este sitio web utiliza muchos tipos de CTAs y lo hace con mucho estilo, casi sin enterarte. Algo a aprender de ellos es que las llamadas a la acci\u00f3n deber\u00edan estar en la parte visible de la p\u00e1gina (la parte de la p\u00e1gina que se ve cuando se carga por primera vez). Esta zona se conoce como \u00ababove the fold<\/em>\u00bb y tienen una tasa de conversi\u00f3n superior, ya que son visibles nada m\u00e1s cargar la p\u00e1gina, antes de que los usuarios empiecen a desplazarse hacia abajo<\/strong>.<\/p>\n

[\/fusion_text][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>: Aunque yo incluyo una gran variedad del llamadas a la acci\u00f3n en mi blog, siempre intento cambiarlos y optimizarlos de vez en cuando con im\u00e1genes y textos creativos y convincentes. En mi lista de tareas del blog<\/a> tengo marcado analizar todos los CTAs y ajustarlos para que est\u00e9n visualmente alineados con mi marca<\/strong>.[\/fusion_alert][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Incluye pruebas sociales de tu marca siempre que puedas<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

Aunque tu producto o servicio sea de los mejores del mercado, es muy probable que nadie lo sepa o te crea<\/strong> si se lo dices t\u00fa directamente como marca o persona. En cambio, puedes aprovechar las recomendaciones positivas de otros<\/strong> y tener la oportunidad de influir en los clientes potenciales o lectores. Realmente esta es la base del social proof<\/em> o la\u00a0prueba social<\/strong>.\u00a0Muy bonito lo que me cuentas Ignacio, pero \u00bfqu\u00e9 tipo de prueba social puede ayudar a hacer el dise\u00f1o de mi blog m\u00e1s eficaz y d\u00f3nde la incluyo? D\u00e9jame explic\u00e1rtelo en varios puntos:<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Testimonios de clientes o expertos del sector<\/strong>: Los testimonios son una gran manera de ofrecer cierta credibilidad<\/strong> a los usuarios que visitan tu sitio web. Puedo ponerte muchos ejemplos, pero me quedo con LifeStyle Al Cuadrado<\/a>, que usa la prueba social para fortalecer la conexi\u00f3n con el usuario en su p\u00e1gina de inicio. De todas maneras, tambi\u00e9n deber\u00edas utilizar los testimonios en las p\u00e1ginas de ventas, la barra lateral derecha o en la p\u00e1gina sobre ti<\/a>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Reviews de tus productos y servicios<\/strong>: Amazon es un ejemplo claro en el uso de est\u00e1 t\u00e9cnica de marketing. Si, por ejemplo, escribes un libro para venderlo en Amazon, la probabilidad de que salgas en su\u00a0lista de \u00ablos mejores vendedores\u00bb est\u00e1 determinada por una serie de factores, entre ellos la cantidad de comentarios positivos de los usuarios<\/strong>. ITunes tiene un algoritmo similar para sus podcasts.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Enlaces a publicaciones de medios<\/strong>: Utiliza el logotipo de medios importantes<\/strong>\u00a0(as\u00ed ser\u00e1 m\u00e1s atrayente) para mostrar los medios que han hablado de tu marca. Por ejemplo, muchos bloggers escriben para marcas muy importantes en sus respectivos nichos como una forma de impulsar su propia autoridad. Por otro lado, si tu marca hace buenas migas con medios conocidos, puede que quieras incluir estos logotipos en tu sitio web<\/strong>. El una buena manera de utilizar ciertas marcas para hacer mejor la tuya.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Total de suscriptores y seguidores en las redes sociales<\/strong>: Usa estos n\u00fameros para reforzar tu credibilidad como l\u00edder en tu sector. Son muchos los blogs que usan este m\u00e9todo para atraer nuevos suscriptores y seguidores, y he decir que funciona muy bien. De hecho, puedes a\u00f1adirlo en la barra lateral y ser\u00e1 visible por cualquier visita.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Historias fidedignas\u00a0de tus clientes<\/strong>: Este m\u00e9todo ayuda a profundizar en la creencia que tienen tus clientes potenciales sobre lo que ofreces<\/strong>. La idea es \u00abcalcar\u00bb, de la forma m\u00e1s exacta posible, el reto que han tenido, tienen o tendr\u00e1n tus clientes<\/strong> y c\u00f3mo resolver\u00e1n ese desaf\u00edo con tu ayuda. De esta manera, otras personas que tienen un desaf\u00edo similar podr\u00e1n verse super\u00e1ndolo. Es com\u00fan usar este tipo de prueba social en una serie automatizada de correos electr\u00f3nicos, adem\u00e1s de que aportan mucho valor al dise\u00f1o de tu blog en una publicaci\u00f3n o en una p\u00e1gina de estudios de casos y testimonios.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Total de veces que se ha compartido un post o sus comentarios<\/strong>: Usar este n\u00famero har\u00e1 que tus lectores sepan si merece la pena leer ese art\u00edculo<\/strong>. Adem\u00e1s, si el contenido ya ha sido compartido o comentado por muchas personas, esto \u00abobligar\u00e1\u00bb en cierto modo a hacer click en el enlace y leerlo. Por lo tanto, es importante que muestres, de forma clara y visible, el n\u00famero total de comentarios y las veces que se ha compartido el contenido en las redes sociales<\/strong>.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Utiliza diferentes tipos de contenidos<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

Desde siempre, el blogging<\/strong> se ha concebido como un proceso de a\u00f1adir 2 o 3 p\u00e1rrafos de texto<\/strong> y una imagen<\/strong> en la esquina derecha en una publicaci\u00f3n. Pero nada m\u00e1s lejos de la verdad. No es que eso haya cambiado, es que realmente nunca ha debido ser as\u00ed. Olv\u00eddate de a\u00f1adir 2 o 3 p\u00e1rrafos, una imagen y a esperar a que lleguen las visitas. Tienes que empezar, no s\u00f3lo a a\u00f1adir m\u00e1s texto y m\u00e1s im\u00e1genes, sino a complementar tus art\u00edculos con m\u00e1s tipos de contenidos<\/strong>. Si siempre utilizas el mismo tipo de contenido, tus seguidores podr\u00edan llegar a aburrirse<\/strong>. No solo se trata de que el contenido sea de calidad, sino que tambi\u00e9n sea variado<\/strong>. Esto es algo que valorar\u00e1n positivamente\u00a0tus usuarios.<\/p>\n

Si me sigues desde hace tiempo, sabr\u00e1s que tengo predilecci\u00f3n por la listas<\/strong> (de hecho, tengo una web dedicada a las listas<\/a>). Son, simplemente, mi tipo de contenido favorito. La ventaja de realizar este tipo de contenido es que es posible hacer listas de casi cualquier cosa y tus seguidores no se aburrir\u00e1n de ellas si el contenido es de calidad y est\u00e1n bien realizadas.\u00a0Por otra parte, puede haber un inconveniente, y es que en ocasiones puede resultar complicado hacerlas bien y completas<\/strong>. Adem\u00e1s, es posible que si intentas hacerla demasiado larga, termine resultando algo tedioso.<\/p>\n

Otro recurso esencial para cualquier blog son las infograf\u00edas<\/strong>. Las infograf\u00edas son un tipo de contenido que sirven para representar, de manera visual<\/strong>, una idea incluyendo im\u00e1genes y textos resumidos. Para realizar una infograf\u00eda puedes utilizar distintos tipos de signos, tanto ling\u00fc\u00edsticos, como no ling\u00fc\u00edsticos y gr\u00e1ficos para formar descripciones. Su principal ventaja es que para los lectores de los blogs suele resultar un tipo de contenido muy ameno, \u00fatil y muy f\u00e1cil de compartir en los medios sociales<\/strong>. Sin embargo, existe el inconveniente de que no es un tipo de contenido f\u00e1cil de realizar.<\/p>\n

El v\u00eddeo<\/strong> es simplemente impresionante. A la gente le encanta verlo e interactuar con el. Adem\u00e1s, personaliza la experiencia de tu sitio web y da a los visitantes la oportunidad de consumir mucha informaci\u00f3n en un corto per\u00edodo de tiempo\u00a0<\/strong>(perfecto para \u00abengancharles\u00bb). Eso s\u00ed, no te pases. Si usas el v\u00eddeo en exceso el\u00a0v\u00eddeo puedes llegar a perder impacto y posicionamiento. Por ello, lo mejor es\u00a0incluir v\u00eddeos simples y atractivos en las p\u00e1ginas m\u00e1s importantes de tu sitio web. Por lo general, \u00e9stas ser\u00e1n las p\u00e1ginas de ventas, la p\u00e1gina de inicio, la de acerca y los posts m\u00e1s visitados.<\/p>\n

[\/fusion_text][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>: Si vas a dedicar tiempo y recursos a hacer v\u00eddeos de calidad para tu web, no cometas el error de elegir Youtube. Puede parece la mejor soluci\u00f3n al principio, pero, con el tiempo, te dar\u00e1s cuenta de que muestra poca profesionalidad y termina con fragmentos de contenido externo despu\u00e9s de que un usuario vea el v\u00eddeo (con lo que puede acabar en otro sitio). Wistia<\/a>\u00a0o Vimeo<\/a>\u00a0son alternativas mucho m\u00e1s profesionales.[\/fusion_alert][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Utiliza fragmentos en la p\u00e1gina principal<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

En la p\u00e1gina principal de tu blog, sea esta la p\u00e1gina de inicio o la p\u00e1gina del blog de un sitio web, es importante mostrar un peque\u00f1o fragmente de las entradas de blog<\/strong>. Algunos bloggers cometen un error enorme en este aspecto, ya que muestran toda la entrada, sin necesidad de hacer \u00abclick\u00bb. Lo mejor es que utilices una especia de \u00abvista previa\u00bb del art\u00edculo, que llame la atenci\u00f3n para que el usuario quiera leerlo entero<\/strong>. De todas maneras,\u00a0\u00bfCu\u00e1l es la raz\u00f3n para mostrar un fragmento en lugar de la publicaci\u00f3n completa? Te lo explico en varios puntos:<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Reduce el contenido duplicado<\/strong>: Duplicar contenidos dentro de tu sitio web puedes acabar en una penalizaci\u00f3n de Google<\/a> por una de sus algoritmos<\/a>. Si muestras, por ejemplo, una secuencia de publicaciones completas en la p\u00e1gina principal del blog (algo muy habitual en muchas bit\u00e1coras) as\u00ed como los enlaces a la publicaci\u00f3n real, esto puede ocasionarte un problema. Lo mejor es ser breve y obligar a hacer click para leer la versi\u00f3n completa<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Reduce tu tasa de rebote<\/strong>: Si un nuevo visitante llega a la p\u00e1gina principal del blog y puede leer todas tus publicaciones, no le est\u00e1s dando ninguna raz\u00f3n para hacer click en ning\u00fan otro sitio<\/strong>. En su lugar, si le \u00abobligas\u00bb\u00a0a hacer click en una publicaci\u00f3n mostrando s\u00f3lo un fragmento, esto reduce la tasa de rebote para la p\u00e1gina principal del blog<\/strong>. La tasa de rebote es un\u00a0factor SEO<\/a> que los motores de b\u00fasqueda tienen en cuenta al clasificar las p\u00e1ginas.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Permite a los lectores escanear el contenido<\/strong>: La entrada m\u00e1s reciente del blog puede no interesar a todos los usuarios. Sin embargo, pueden estar interesados \u200b\u200ben un post que hiciste hace 3 o 4 meses. Al mostrar vistas previas, puedes mostrar m\u00e1s contenido en la parte superior de la pantalla, lo que permite a los lectores buscar el contenido que deseen<\/strong>.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Haz visibles y facilita los comentarios en tu blog<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

En cualquier blog, los comentarios<\/strong> son un claro indicador del compromiso de la audiencia<\/strong>. La realidad es que este tema da para mucho, ya que son muchos los bloggers de sitios de mucho tr\u00e1fico que han decidido deshabilitar los comentarios. \u00bfPor qu\u00e9? Puedes que te suene el t\u00e9rmino spam. Puede que tambi\u00e9n sientan que les lleva\u00a0mucho tiempo responder a los comentarios (y no se equivocan), por lo que prefieren cerrarlos directamente.\u00a0Por favor, \u00a1Ni se te ocurra hacerlo!<\/p>\n

Como un \u00e1vido lector de blogs, me encanta la oportunidad de conectar con otros bloggers<\/strong> a trav\u00e9s de su secci\u00f3n de comentarios. De hecho, me atrevo a decir que ayudan al posicionamiento (aunque no existe un factor de posicionamiento que se llame \u00abn\u00famero de comentarios\u00bb). De hecho, algunos profesionales del sector de dir\u00e1n que se pierda fuerza en cuanto a densidad de palabras clave y enlaces se refiere. No se equivocan, pero si analizo mi blog, los posts con m\u00e1s tr\u00e1fico y mejor posicionados son los que m\u00e1s comentarios tienen<\/strong> (estoy seguro de que alguna relaci\u00f3n habr\u00e1).\u00a0Hay algunas cosas a considerar al dise\u00f1ar la secci\u00f3n de comentarios del blog:<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Facilita<\/strong> a tus lectores el proceso de comentar, de manera que puedan publicar un comentario en menos de 1 minuto<\/strong> (no te recomiendo forzar a que se registren).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Ofrece la posibilidad de incluir un enlace al sitio web<\/strong>\u00a0de quien comenta (este enlace est\u00e1 incrustado, normalmente, en el nombre de usuario), para animar a que comenten m\u00e1s.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Incluye el n\u00famero total de comentarios<\/strong> en los fragmentos de la p\u00e1gina principal de tu blog para propiciar la conversaci\u00f3n con otros usuarios<\/strong> y aumentar el engagement que recibe tu post.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Ten controlados tus comentarios<\/strong> en todo momento para evitar que entre spam y los pingbacks<\/strong> (Akismet<\/a>\u00a0es un plugin gratuito de WordPress que te ayudar\u00e1 a reducir el spam en tus comentarios).<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_text]<\/p>\n

Existen muchos plugins<\/a> para realizar este cometido. Entre todos ellos recomiendo el sistema de comentarios de\u00a0Disqus<\/a>, que ya he usado en el pasado en mi blog. Es visualmente atractivo para los lectores, te permite conectarte usando tus perfiles\u00a0sociales y se integra a trav\u00e9s de cualquier plantilla de WordPress<\/a>. De todas maneras, si te has fijado en lo que tengo ahora, te preguntar\u00e1s \u00bfPor qu\u00e9 has vuelto al sistema de comentarios de siempre? \u00a1Muy f\u00e1cil! Porque es m\u00e1s que sufiente y as\u00ed no te complicas la vida (cosa que te recomiendo). De todas maneras, siempre puedes a\u00f1adir comentarios de Facebook, Twitter y Google Plus, aunque tiene que saber que esos comentarios no te pertenecen<\/strong>.<\/p>\n

[\/fusion_text][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Fomenta que los usuarios compartan tu contenido en redes sociales<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

Las plataformas sociales<\/a> son uno de los ingredientes b\u00e1sicos para promocionar el contenido de tu blog<\/a>\u00a0y construir una comunidad<\/strong> fiel y duradera. Por lo tanto, uno de tus objetivos como blogger<\/a> es facilitar al m\u00e1ximo<\/strong> que cualquier persona que visite tu p\u00e1gina, sea por la raz\u00f3n que sea, pueda compartir tus contenidos en sus redes sociales favoritas<\/strong>\u00a0(normalmente las sm\u00e1s utilizadas<\/a>). De todas maneras, desde la perspectiva del dise\u00f1o web<\/strong>, te voy a dar una serie de consejos que deber\u00edas seguir al respecto.<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Utiliza plugins para agregar botones sociales<\/strong>: Si lo haces, animar\u00e1s a tus lectores a compartir tu contenido<\/strong>. Uno de los botones sociales para compartir contenido social<\/a> son los que flotan<\/strong> a medida que el lector se desplaza hacia abajo. Yo uso Easy Social Share Buttons<\/a>\u00a0en mi blog\u00a0por su versatilidad, precio y opciones (te lo recomiendo, es muy bueno, bonito y barato), pero existen muchos m\u00e1s<\/a>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Incluye bloques Click-to-Tweet dentro del texto<\/strong>:\u00a0Colocar bloques \u00abtuiteables\u00bb puede hacer que crezcan tus seguidores de Twitter<\/a> (importante para cualquier blogger), adem\u00e1s de que ayudan a tus lectores a tuitear frases preparadas que impactan en esta red de microblogging (si quieres un ejemplo, baja hasta el final del post). Si no quieres estar instalando m\u00e1s plugins (por ejemplo este<\/a>) y me has hecho caso y has comprado Easy Social Share Buttons<\/a>, este plugin incorpora esta opci\u00f3n de serie, sin necesidad de instalar m\u00e1s plugins.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Muestra tu feed de actividad de tu perfil de Twitter o Facebook<\/strong>: Puedes mostrar todo lo que haces en tus redes sociales en la barra lateral (si la tienes), para as\u00ed mostrar a tus lectores que eres activo en las redes y que puedan conectar contigo<\/strong> y puedan seguirte<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

A\u00f1ade enlaces a tus redes sociales donde creas que sean relevantes<\/strong>: Es importante mostrar enlaces a tus perfiles sociales en ciertos sitios de tu blog. Siempre puedes a\u00f1adirlos en el sidebar, el encabezado o pie de p\u00e1gina de tu p\u00e1gina web. Adem\u00e1s, como consejo, puedes a\u00f1adir botones sociales al final de los posts<\/strong> (suelen funcionar muy bien).<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Elige una tipograf\u00eda que haga f\u00e1cil de leer tu blog<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

Si quieres que las personas que visitan tu blog lean tus contenidos, es muy importante optimizar su dise\u00f1o y elegir una buena tipograf\u00eda<\/strong> que facilite la lectura<\/strong>. Piensa que cuesta mucho trabajo atraer visitas al blog (sobre todo al principio) y quieres que, cuando lleguen, se queden todo el rato posible. Si les pones una fuente ilegible o que cueste mucho leer (ten en cuenta el m\u00f3vil), vas a notar que tu tasa de rebote aumenta mucho<\/strong> (claro signo de que algo no va bien).\u00a0Aqu\u00ed te dejo algunos principios imprescindibles para aumentar la legibilidad en tu blog<\/strong>.<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Utiliza una tipograf\u00eda que sea lo suficientemente grande<\/strong>: La fuente tiene que tener un m\u00ednimo de tama\u00f1o para que tus lectores la puedan leer c\u00f3modamente. Desde el aspecto de dise\u00f1o wev, el tama\u00f1o \u00f3ptimo ser\u00eda 14 pixels<\/strong>. Algunos de los blogs m\u00e1s importantes<\/a> usan este tama\u00f1o, aunque siempre depende de la tipograf\u00eda que hayas elegido<\/strong>. En mi caso, al utilizar Raleway, tengo que llegar a los 16 pixels porque sino se ver\u00eda muy peque\u00f1a.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Divide tus art\u00edculos\u00a0con subt\u00edtulos, puntos aparte y un \u00edndice<\/strong>: Si lo haces, tus lectores podr\u00e1n escanear tu contenido en pocos segundo<\/strong>s y consumir r\u00e1pidamente los puntos clave . Hay muchos usuarios que consumen la informaci\u00f3n de esta manera, por lo que, si no lo haces, se ir\u00e1n de tu blog sin haber le\u00eddo nada m\u00e1s que el t\u00edtulo y la primera l\u00ednea.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Escribe titulares m\u00e1s grandes que el cuerpo de tu texto<\/strong>: Si escribes t\u00edtulos con un tama\u00f1o de letra mayor que el del cuerpo de texto har\u00e1s que sean m\u00e1s visibles y los diferenciaras del resto de la p\u00e1gina. Deber\u00edas usar t\u00edtulos que est\u00e9n entre 20 y 32 pixels<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Usa un fondo claro con un texto oscuro<\/strong>: La gran mayor\u00eda de blogs utilizan esta combinaci\u00f3n, ya que aumenta la capacidad de los usuarios para comprender lo que est\u00e1 escrito y ayuda al ojo a no cansarse<\/strong> (pudiendo leer mucho m\u00e1s). No te recomiendo usar fondos oscuros.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Incluye una barra lateral derecha<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

He estado mencionando el sidebar o la barra lateral derecha del blog bastantes veces durante esta gu\u00eda del dise\u00f1o web<\/strong>. Aunque yo no lo uso, la barra lateral derecha ofrece la oportunidad de incluir gran cantidad de informaci\u00f3n para tus lectores<\/strong>, sin desvirtuar el contenido principal de la p\u00e1gina (aunque puede dispersar al usuario y que pierda inter\u00e9s). Es importante que la barra lateral est\u00e9 en el lado derecho<\/strong> y el contenido principal en el lado izquierdo. Esto evita cualquier confusi\u00f3n a los lectores y les ayuda a centrarse en la prioridad. De todas maneras,\u00a0\u00bfQu\u00e9 debe incluir en la barra lateral derecha de su blog? Vamos a verlo por puntos:<\/p>\n

[\/fusion_text][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Llamadas a la acci\u00f3n (CTA)<\/strong>: El Call to Action m\u00e1s importante, sin lugar a dudas, debe estar en la parte superior del sidebar. Esto no es por conveniencia, sino porque es una de las \u00e1reas de mayor conversi\u00f3n de tu sitio web<\/strong>. Algunos CTAs comunes que podr\u00edas incluir ser\u00edan un enlace para descargar un recurso gratuito, un optin para suscribirse, botones de tus perfiles sociales y un largo etc.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Posts populares y categor\u00edas<\/strong>: Una vez que alguien est\u00e1 leyendo un art\u00edculo del tu blog, la barra lateral derecha es una gran oportunidad para que descubran m\u00e1s contenido<\/strong> (si puede ser relacionado con el que est\u00e1n leyendo<\/strong> \u00a1mucho mejor!). La forma m\u00e1s sencilla de hacerlo es incluir un widget de \u00abposts populares o recientes\u00bb y otro de las \u00abcategor\u00edas\u00bb (s\u00f3lo las m\u00e1s importantes).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Feed o actividad de tus perfiles sociales<\/strong>: Incluyendo el feed de perfiles como el de Twitter en la barra lateral derecha permitir\u00e1 a tus lectores saber qu\u00e9 tipo de contenido est\u00e1s compartiendo en tiempo real y aumentar\u00e1n las posibilidades de que te sigan<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Prueba social<\/strong>: El sidebar derecho es un buen sitio para incluir logotipos de medios y testimonios de clientes<\/strong> que aumenten tu credibilidad<\/strong>. Puedes llevar esto al siguiente nivel combinando un testimonio real con un CTA.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][fusion_text]<\/p>\n

Como ver\u00e1s, vas a necesitar un sidebar para seguir estos consejos de dise\u00f1o web<\/strong>. Te preguntar\u00e1s, \u00bfPor qu\u00e9 has eliminado el sidebar? La respuesta no es f\u00e1cil, porque es una suma de muchas cosas, pero dicho r\u00e1pido es porque he comprobado que \u00abl\u00eda\u00bb a mi lector, diluye la fuerza que env\u00edo desde los posts a otros posts (ya que aumenta el n\u00famero de enlaces\u00bb y hace que la p\u00e1gina cargue mucho m\u00e1s r\u00e1pido (piensa que a\u00f1ado muchas im\u00e1genes a cada art\u00edculo, asi que imag\u00ednate que tuviera que cargar m\u00e1s). Para ver estos consejos \u00aben acci\u00f3n\u00bb, lo mejor es que eches un vistazo a uno de mis blogs:\u00a0mustzee.com<\/a>.<\/p>\n

[\/fusion_text][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb3″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

Utiliza im\u00e1genes de encabezado creativas en todas tus publicaciones<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\"guia<\/p>\n

Como un a\u00f1adido al\u00a0dise\u00f1o, apariencia de tu blog y estilo de tu marca<\/strong>, te recomiendo incluir una imagen de cabecera creativa en cada post<\/strong>. Muy bien, pero, \u00bfPor qu\u00e9 creativa? A ver, un blog con una imagen de cabecera atrae a m\u00e1s lectores y hace que luzca mucho mejor, pero si vas un paso m\u00e1s all\u00e1 y la haces creativa te diferencias de otros blogs<\/strong>.<\/p>\n

De hecho, te recomiendo replicar esa imagen (con el tama\u00f1o adecuado) en el fragmento del art\u00edculo que muestres en la p\u00e1gina principal (en WordPress ser\u00eda simplemente a\u00f1adir una imagen destacada) y en la imagen que se comparta a la hora de compartir el contenido en las redes sociales (de nuevo, si usas\u00a0Easy Social Share Buttons<\/a>, podr\u00e1s elegir qu\u00e9 imagen se comparte en las redes sociales).<\/p>\n

La imagen de cabecera juega un papel vital en la experiencia de usuario de tus lectores<\/strong>, adem\u00e1s de que a\u00f1ade un estilo a tu marca<\/strong> y ayuda a que sea m\u00e1s perceptible<\/strong>. Con esto en mente deber\u00edas ser coherente y consistente con el tipo de im\u00e1genes que utilizas en tu blog<\/strong>. Para ello puedes utilizar im\u00e1genes de stock gratuitas<\/a>\u00a0o de pago<\/a>. La idea es que las im\u00e1genes aporten valor a tu marca y conecten con tus lectores, por lo que tienes que valorar el pagar un servicio premium (aunque puedas hacerlo totalmente gratis si lo prefieres).<\/p>\n

Es importante que elabores im\u00e1genes exclusivas y \u00fanicas<\/strong>, y que les a\u00f1adas texto<\/strong>. Para hacer esto de forma r\u00e1pida y f\u00e1cil, te recomiendo Canva<\/a>, una herramienta perfecta para este cometido por su versatilidad, aunque hay muchas m\u00e1s herramientas para retocar y editar im\u00e1genes<\/a>. Como ejemplo este mismo post, f\u00edjate en la imagen de cabecera y en las im\u00e1genes que uso en el resto del contenido. Todas siguen al pie de la letra mi branding<\/a>.<\/p>\n

[\/fusion_text][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>: Crea tus propias im\u00e1genes con fotos de calidad y a\u00f1ade textos para que sean m\u00e1s virables.[\/fusion_alert][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container][fusion_builder_container hundred_percent=\u00bbno\u00bb hundred_percent_height=\u00bbno\u00bb hundred_percent_height_scroll=\u00bbno\u00bb hundred_percent_height_center_content=\u00bbyes\u00bb equal_height_columns=\u00bbno\u00bb menu_anchor=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb status=\u00bbpublished\u00bb publish_date=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb background_color=\u00bb\u00bb background_image=\u00bb\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb enable_mobile=\u00bbno\u00bb parallax_speed=\u00bb0.3″ video_mp4=\u00bb\u00bb video_webm=\u00bb\u00bb video_ogv=\u00bb\u00bb video_url=\u00bb\u00bb video_aspect_ratio=\u00bb16:9″ video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb video_preview_image=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb type=\u00bbflex\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb2″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

<\/a>Caso pr\u00e1ctico: C\u00f3mo crear un logotipo para tu marca<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

\u00bfDespu\u00e9s de darte la chapa todav\u00eda quieres hacerlo t\u00fa mismo? \u00a1Pues espera que te quiero ayudar! Soy de los que antes hac\u00eda estas locuras, asi que no te voy a detener si prefieres dedicar tu tiempo y esfuerzo<\/strong> a crear tu propio logo<\/strong>. En este apartado quiero explicarte el proceso de dise\u00f1ar un logotipo simple con software libre<\/strong>. El truco est\u00e1 en omitir todas las partes tediosas del dise\u00f1o de un logotipo<\/strong>.<\/p>\n

Si est\u00e1 familiarizado con el principio de Pareto<\/a>, llegar\u00e1s al 80%<\/strong> de un gran logotipo invirtiendo s\u00f3lo el 20%<\/strong> del tiempo y las habilidades. De todas maneras, antes de ponerte al l\u00edo, deja que te explique qu\u00e9 vas a tener que hacer y las herramientas que vas a necesitar<\/strong>\u00a0(s\u00ed, incluso para conseguir un logo r\u00e1pido y \u00abpasable\u00bb necesitas de ciertos pasos y herramientas).<\/p>\n

[\/fusion_text][\/fusion_builder_column][fusion_builder_column type=\u00bb1_2″ layout=\u00bb1_2″ last=\u00bbfalse\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_position=\u00bball\u00bb background_blend_mode=\u00bboverlay\u00bb first=\u00bbtrue\u00bb][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Software libre de edici\u00f3n de vectores<\/strong> (te sugiero Inkscape<\/a>).<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Icono<\/strong> bien dise\u00f1ado (te sugiero estos packs de iconos<\/a>).<\/p>\n

[\/fusion_li_item][\/fusion_checklist][\/fusion_builder_column][fusion_builder_column type=\u00bb1_2″ layout=\u00bb1_2″ last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_position=\u00bball\u00bb background_blend_mode=\u00bboverlay\u00bb first=\u00bbfalse\u00bb][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Tipograf\u00eda<\/a> del logotipo.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Nombre<\/strong> del proyecto (prueba esta herramienta<\/a> para inspirarte).<\/p>\n

[\/fusion_li_item][\/fusion_checklist][\/fusion_builder_column][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_text]<\/p>\n

Una vez tienes las herramientas y tienes bien claro que quieres hacer tu propio logo<\/strong>\u00a0(desde luego hay algo que te sobra, y es tiempo<\/strong>, porque pudiendo hacerlo desde $5 no tiene mucho sentido (a menos que tu tarifa por hora sea inferior a $5) tienes que tener claro que sin conocimientos de dise\u00f1o gr\u00e1fico<\/strong>\u00a0s\u00f3lo podr\u00e1s dise\u00f1ar un logo simple y \u00abpasable\u00bb. Los objetivos que persigues en esta fase son:<\/p>\n

[\/fusion_text][\/fusion_builder_column][fusion_builder_column type=\u00bb1_2″ layout=\u00bb1_2″ last=\u00bbfalse\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_position=\u00bball\u00bb background_blend_mode=\u00bboverlay\u00bb first=\u00bbtrue\u00bb][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Tiene que ser logotipo gratis o muy barato<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Tienes que ser\u00a0un\u00a0logotipo aceptable<\/strong>.<\/p>\n

[\/fusion_li_item][\/fusion_checklist][\/fusion_builder_column][fusion_builder_column type=\u00bb1_2″ layout=\u00bb1_2″ last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_position=\u00bball\u00bb background_blend_mode=\u00bboverlay\u00bb first=\u00bbfalse\u00bb][fusion_checklist icon=\u00bbfa-arrow-right\u00bb iconcolor=\u00bb\u00bb circle=\u00bbyes\u00bb circlecolor=\u00bb\u00bb size=\u00bb16px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Tiene que poder hacerse r\u00e1pido<\/strong> y de forma flexible<\/strong>.<\/p>\n

[\/fusion_li_item][fusion_li_item icon=\u00bb\u00bb iconcolor=\u00bb\u00bb circle=\u00bb\u00bb circlecolor=\u00bb\u00bb]<\/p>\n

Tiene que poder guardarse en formato trasparente<\/strong> (.png).<\/p>\n

[\/fusion_li_item][\/fusion_checklist][\/fusion_builder_column][fusion_builder_column type=\u00bb1_1″ layout=\u00bb1_1″ background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3″ animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_alert type=\u00bbcustom\u00bb accent_color=\u00bb#fff\u00bb background_color=\u00bb#1c6979″ border_size=\u00bb4px\u00bb icon=\u00bbfa-exclamation-triangle\u00bb]Nota<\/strong>: Aunque no soy ning\u00fan gur\u00fa del dise\u00f1o gr\u00e1fico, si que moverme como pez en el agua en estos temas, y he de avisarte que este proceso no tiene nada que ver con el trabajo realizado por dise\u00f1adores de logotipos profesionales<\/strong>. En un proceso \u00abtradicional\u00bb del dise\u00f1o de un logotipo tienen lugar muchas hora de investigaci\u00f3n, bocetos, iteraciones y retroalimentaci\u00f3n entre cliente y dise\u00f1ador (lo que en \u00faltima instancia justifica un\u00a0precio superior<\/strong>).[\/fusion_alert][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200″ highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9″ highlight_top_margin=\u00bb0″ before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb class=\u00bb\u00bb id=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb4″ font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb margin_top=\u00bb\u00bb margin_bottom=\u00bb\u00bb margin_top_mobile=\u00bb\u00bb margin_bottom_mobile=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb margin_top_small=\u00bb\u00bb margin_bottom_small=\u00bb\u00bb]<\/p>\n

# 1 Instala y conoce un poco m\u00e1s Inkscape<\/p>\n

[\/fusion_title][fusion_text]<\/p>\n

Se que tienes unas ganas locas de empezar a crear los primeros bocetos de tu logo, pero antes necesita conocer un poco m\u00e1s el software libre que te estoy recomendando. He elegido Inkscape<\/a>\u00a0porque es muy popular, multiplataforma y, lo mejor de todo, 100% gratis<\/strong>. Siempre puedes usar cualquier otra herramienta de edici\u00f3n vectorial con la que est\u00e9s familiarizado, como Adobe Illustrator o Sketch App, o incluso codificarlo todo en CSS con un poco de ayuda (esto ser\u00eda un poquito m\u00e1s pro).<\/p>\n

De cualquier manera, primero aseg\u00farate de que tienes tu espacio de trabajo listo<\/strong>.\u00a0De todas las\u00a0funciones que tiene este programa, s\u00f3lo vas a utilizar para crear tu logotipo unas pocas. Realmente necesitas aprender sobre trayectorias, herramienta de escritura y movimiento, c\u00f3mo cambiar los colores y las fuentes. Puesto que no tiene sentido repetir lo que otros ya han explicado perfectamente, sugiero que eches un vistazo a este tutorial<\/strong> si no est\u00e1s familiarizado con Inkscape.<\/p>\n