{"id":19756,"date":"2019-04-23T11:25:09","date_gmt":"2019-04-23T11:25:09","guid":{"rendered":"https:\/\/codewebbarcelona.com\/diseno-publicacion-interactiva-indesign-y-button\/"},"modified":"2026-04-20T22:10:46","modified_gmt":"2026-04-20T22:10:46","slug":"publication-design-indesign-button","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/","title":{"rendered":"Publication Design with Indesign and B\u00fctton"},"content":{"rendered":"<p>In this course, you&#8217;ll get all the tools you need to create a digital magazine, portfolio, or catalog for iPad and iPhone.<\/p>\n<p>Indesign is Adobe\u2019s page layout software, designed especially for <strong>professional designers<\/strong>.<\/p>\n<p>B\u00fctton, on the other hand, is made for creating and developing interactive publications.<\/p>\n<h2>Publication Design with Indesign and B\u00fctton<\/h2>\n<p>&nbsp;<\/p>\n<p>In the <a href=\"https:\/\/www.domestika.org\/es\/courses\/109-diseno-de-una-publicacion-interactiva-con-indesign-y-button\/course?atag=424b94&amp;utm_medium=affiliates&amp;utm_source=codebarcelona_424b94\" target=\"_blank\" rel=\"noopener\">Publication Design with Indesign and B\u00fctton course<\/a>, you\u2019ll gain all the knowledge you need to become a professional or to enhance your creative skills.<\/p>\n<p><iframe src=\"https:\/\/player.vimeo.com\/video\/159056297\" width=\"980\" height=\"570\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><span data-mce-type=\"bookmark\" style=\"display: inline-block; width: 0px; overflow: hidden; line-height: 0;\" class=\"mce_SELRES_start\">\ufeff<\/span><\/iframe><\/p>\n<p>What do you think?<\/p>\n<h3>What will I learn in the Publication Design with Indesign and B\u00fctton course?<\/h3>\n<p>In the <a href=\"https:\/\/www.domestika.org\/es\/courses\/109-diseno-de-una-publicacion-interactiva-con-indesign-y-button\/course?atag=424b94&amp;utm_medium=affiliates&amp;utm_source=codebarcelona_424b94\" target=\"_blank\" rel=\"noopener\">Publication Design with Indesign and B\u00fctton course<\/a>, you\u2019ll learn how to add videos, music, links, buttons, sounds, image galleries, text and page transitions, and countless effects to make reading your publication a unique, simple, and intuitive experience.<\/p>\n<p>No programming or coding required\u2014just imagine how easy it is and the results you can achieve.<\/p>\n<h3>How does it work?<\/h3>\n<p>The course is divided into sections for easy learning. First, you\u2019ll meet Sergio, discover his work and influences.<\/p>\n<p>Next, you\u2019ll move beyond traditional print editorial design and dive into the specifics of digital navigation, UI and UX, and using <strong>typefaces<\/strong> tailored for devices.<\/p>\n<p>Then you\u2019ll get hands-on with Indesign and the free B\u00fctton plugin, learning how to manage your workflow and organize files and images across your devices.<\/p>\n<p>Once you\u2019ve mastered the basics, you\u2019ll explore the tools in depth\u2014customizing your project, adding pages, <strong>animation<\/strong> effects, interactive actions, image galleries, sound, and extras like links and maps.<\/p>\n<p>Finally, we\u2019ll show you how to export your project and explain the differences between Single App and kiosk formats.<\/p>\n<p>By the end, you\u2019ll have completed the <a href=\"https:\/\/www.domestika.org\/es\/courses\/109-diseno-de-una-publicacion-interactiva-con-indesign-y-button\/course?atag=424b94&amp;utm_medium=affiliates&amp;utm_source=codebarcelona_424b94\" target=\"_blank\" rel=\"noopener\">Publication Design with Indesign and B\u00fctton course<\/a>.<\/p>\n<h3>What do I need to take the course?<\/h3>\n<p>To get the most out of the course, you should have basic knowledge of Indesign CS6 or later, and download the free B\u00fctton plugin to create interactive publications.<\/p>\n<p>You\u2019ll also need an iPad 2 or newer, or an iPhone 5 or newer, plus a computer.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3329\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/04\/dddd.jpg\" alt=\"\" width=\"1080\" height=\"916\" \/><\/p>\n<h3>Who is the instructor?<\/h3>\n<p>Your guide is Sergio Ortiz \u2013 <strong>Graphic Designer, Creator, and Director<\/strong> of Muster Magazine \u2013 a passionate <strong>designer<\/strong>.<\/p>\n<p>Born in Barcelona, he\u2019s always striving to make his work innovative and impactful.<\/p>\n<p><a href=\"https:\/\/www.domestika.org\/es\/courses\/109-diseno-de-una-publicacion-interactiva-con-indesign-y-button\/course?atag=424b94&amp;utm_medium=affiliates&amp;utm_source=codebarcelona_424b94\" target=\"_blank\" rel=\"noopener\">Sign up now for the Publication Design with Indesign and B\u00fctton course<\/a>.<\/p>\n<h3>About Domestika<\/h3>\n<p>Being a PRO member on Domestika comes with many benefits, including joining a community of people eager to learn and grow with the best professionals in the industry.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this course, you&#8217;ll get all the tools you need to create a digital magazine, portfolio, or catalog for iPad and iPhone. Indesign is Adobe\u2019s page layout software, designed especially for professional designers. B\u00fctton, on the other hand, is made for creating and developing interactive publications. Publication Design with Indesign and B\u00fctton &nbsp; In the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":12950,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,210,134],"class_list":["post-19756","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-inspiracio","category-disseny-grafic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Dise\u00f1o de publicaci\u00f3n interactiva con Indesign y B\u00fctton - Code Barcelona<\/title>\n<meta name=\"description\" content=\"Aprende las claves para saber dise\u00f1ar y desarrollar publicaciones inteactivas, haz que tus presentaciones sean m\u00e1s atractivas, da el salto del papel al digital.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Dise\u00f1o de publicaci\u00f3n interactiva con Indesign y B\u00fctton - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Aprende las claves para saber dise\u00f1ar y desarrollar publicaciones inteactivas, haz que tus presentaciones sean m\u00e1s atractivas, da el salto del papel al digital.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-23T11:25:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-20T22:10:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/04\/diseno-de-publicacion-con-indesign-y-button-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"896\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Publication Design with Indesign and B\u00fctton\",\"datePublished\":\"2019-04-23T11:25:09+00:00\",\"dateModified\":\"2026-04-20T22:10:46+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/\"},\"wordCount\":441,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/04\/diseno-de-publicacion-con-indesign-y-button-featured.jpg\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Inspiraci\u00f3\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/\",\"name\":\"Dise\u00f1o de publicaci\u00f3n interactiva con Indesign y B\u00fctton - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/04\/diseno-de-publicacion-con-indesign-y-button-featured.jpg\",\"datePublished\":\"2019-04-23T11:25:09+00:00\",\"dateModified\":\"2026-04-20T22:10:46+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Aprende las claves para saber dise\u00f1ar y desarrollar publicaciones inteactivas, haz que tus presentaciones sean m\u00e1s atractivas, da el salto del papel al digital.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/04\/diseno-de-publicacion-con-indesign-y-button-featured.jpg\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/04\/diseno-de-publicacion-con-indesign-y-button-featured.jpg\",\"width\":2560,\"height\":896},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Dise\u00f1o de publicaci\u00f3n interactiva con Indesign y B\u00fctton - Code Barcelona","description":"Aprende las claves para saber dise\u00f1ar y desarrollar publicaciones inteactivas, haz que tus presentaciones sean m\u00e1s atractivas, da el salto del papel al digital.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/","og_locale":"en_US","og_type":"article","og_title":"Dise\u00f1o de publicaci\u00f3n interactiva con Indesign y B\u00fctton - Code Barcelona","og_description":"Aprende las claves para saber dise\u00f1ar y desarrollar publicaciones inteactivas, haz que tus presentaciones sean m\u00e1s atractivas, da el salto del papel al digital.","og_url":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/","og_site_name":"Code Barcelona","article_published_time":"2019-04-23T11:25:09+00:00","article_modified_time":"2026-04-20T22:10:46+00:00","og_image":[{"width":2560,"height":896,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/04\/diseno-de-publicacion-con-indesign-y-button-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Publication Design with Indesign and B\u00fctton","datePublished":"2019-04-23T11:25:09+00:00","dateModified":"2026-04-20T22:10:46+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/"},"wordCount":441,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/04\/diseno-de-publicacion-con-indesign-y-button-featured.jpg","articleSection":["Disseny i desenvolupament web","Inspiraci\u00f3","Dise\u00f1o gr\u00e1fico"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/","name":"Dise\u00f1o de publicaci\u00f3n interactiva con Indesign y B\u00fctton - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/04\/diseno-de-publicacion-con-indesign-y-button-featured.jpg","datePublished":"2019-04-23T11:25:09+00:00","dateModified":"2026-04-20T22:10:46+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Aprende las claves para saber dise\u00f1ar y desarrollar publicaciones inteactivas, haz que tus presentaciones sean m\u00e1s atractivas, da el salto del papel al digital.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/publication-design-indesign-button\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/04\/diseno-de-publicacion-con-indesign-y-button-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2019\/04\/diseno-de-publicacion-con-indesign-y-button-featured.jpg","width":2560,"height":896},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/19756","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=19756"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/19756\/revisions"}],"predecessor-version":[{"id":19760,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/19756\/revisions\/19760"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/12950"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=19756"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=19756"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}