{"id":293810,"date":"2025-01-16T03:10:01","date_gmt":"2025-01-16T11:10:01","guid":{"rendered":"https:\/\/sftarticles.wpenginepowered.com\/es\/?p=346509"},"modified":"2025-07-01T15:33:37","modified_gmt":"2025-07-01T22:33:37","slug":"graphic-design-trends-for-2025-inclusive-designs-from-your-idea-to-reality","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/graphic-design-trends-for-2025-inclusive-designs-from-your-idea-to-reality\/","title":{"rendered":"Graphic Design Trends for 2025: Inclusive designs: From your idea to reality"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Being <strong>inclusive<\/strong> when designing a project in Adobe InDesign goes far beyond what you might initially think. In addition to facilitating reading for those with vision problems, creating more readable documents will ensure that we <strong>reach a larger number of people<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here we break down some <strong>keys<\/strong> that will help you create more <strong>accessible<\/strong> designs <strong>for all types of users<\/strong> with the help of <strong>Adobe InDesign<\/strong>.<\/p>\n\n\n<div class=\"sc-card-program\">\r\n  <div class=\"sc-card-program__body\">\r\n    <div class=\"sc-card-program__row clearfix\">\r\n      <div class=\"sc-card-program__col-logo\">\r\n        <img decoding=\"async\" class=\"sc-card-program__img\" src=\"https:\/\/images.sftcdn.net\/images\/t_app-icon-m\/p\/3b1b32da-96d2-11e6-b9f4-00163ed833e7\/2551636004\/adobe-indesign-Screenshot_1.png\" alt=\"Adobe InDesign\" width=\"100px\" height=\"100px\">\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-title\">\r\n        <span class=\"sc-card-program__title\">Adobe InDesign<\/span>\r\n        <a class=\"sc-card-program__button sc-card-program-internal\" href=\"https:\/\/adobe.prf.hn\/click\/camref:1101lr4vs\/pubref:sponsoredinformativearticlejan25\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">DOWNLOAD<\/a>\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-rating\">\r\n        <svg class=\"rating-score__content\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" x=\"0\" y=\"0\" viewbox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" xml:space=\"preserve\"><path class=\"rating-score__background rating-score--good\" fill=\"none\" stroke-width=\"6\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><path class=\"rating-score__value rating-score__value--0\" fill=\"none\" stroke-width=\"6\" stroke-dashoffset=\"0\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><text class=\"rating-score__number\" content=\"\" text-anchor=\"middle\" transform=\"matrix(1 0 0 1 25 31.0837)\" data-auto=\"app-user-score\"><\/text><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <span class=\"sc-card-program__description\"><\/span>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <img decoding=\"async\" class=\"sc-card-program__bigpic\" src=\"\" onerror=\"this.style.display='none'\">\r\n    <\/div>\r\n    <a class=\"sc-card-program__link track-link sc-card-program-sponsored\" href=\"https:\/\/adobe.prf.hn\/click\/camref:1101lr4vs\/pubref:sponsoredinformativearticlejan25\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><\/a>\r\n  <\/div>\r\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Use accessible fonts<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">When we talk about <strong>accessible fonts<\/strong>, we refer to those that help facilitate reading for people with visual or cognitive disabilities. This means that the letters must be clear, legible, and also able to function in many different media (paper, social networks, etc.). The points you should consider are:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Appropriate size<\/strong>: The smaller the letters, the less distinguishable they will be. Fonts with a proportional size will facilitate reading. <\/li>\n\n\n\n<li><strong>Good contrast<\/strong>: The shapes of the letters should be distinct enough to be easily differentiated. <\/li>\n\n\n\n<li><strong>Versatile<\/strong>: An accessible font should be readable even if we change its size and colors. <\/li>\n\n\n\n<li><strong>Adjust letter spacing<\/strong>: If the spaces are too tight or too open, the words will not be easily distinguishable from each other. As a general rule, it is advised that <strong>the line spacing be maintained between 120% and 150% of the font size<\/strong>. For example, for <strong>a 12 pt font<\/strong> the line spacing should be between <strong>14 pt and 18 pt. <\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Adobe InDesign has a large catalog of fonts and typefaces that you can freely use in your projects. However, this can also make choosing one among so many a real <strong>odyssey<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To save time, you can <strong>select any text from your document<\/strong> and <strong>preview the fonts in real time.<\/strong> To do this, you just need to <strong>hover over any font<\/strong> available from the <strong>Character<\/strong> panel. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2025\/01\/adobe-indesign-sostenible2.jpg\" alt=\"\" class=\"wp-image-346540\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to activate additional fonts, follow these steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to the <strong>Character<\/strong> panel and click on <strong>Find More<\/strong>. <\/li>\n\n\n\n<li>Select the font you want to add. <\/li>\n\n\n\n<li>Click on the <strong><b>Activate<\/b><\/strong> icon. It is located to the right of the font. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2025\/01\/adobe-indesign-sostenible3.jpg\" alt=\"\" class=\"wp-image-346541\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">InDesign also incorporates a series of <strong>filters<\/strong> to display fonts according to their <strong>classification<\/strong> (Serif, Script, etc.), the <strong>recently added<\/strong>, the <strong>activated Adobe Fonts<\/strong>, and your <strong>favorites<\/strong>. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Organize your content to look its best<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Using a <strong>clear hierarchical structure<\/strong> will be essential for the audience to understand what they are seeing or reading more easily. In the case of texts, defining the <strong>heading levels<\/strong> will make them much clearer visually. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In this case, the <strong>Paragraph styles<\/strong> tool will be very useful to facilitate the <strong>understanding<\/strong> of texts, add consistency, and save time. Here&#8217;s how you can do it: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Prepare a text for each heading level. Use <strong>size and weight variations<\/strong> to clearly differentiate each level. <\/li>\n\n\n\n<li>Once you have it, select the text and go to <strong>Type &gt; Paragraph Styles<\/strong> to open the panel.<\/li>\n\n\n\n<li>Click on <strong>Create a New Style<\/strong> to create a new style with the format of the text you had selected. <\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2025\/01\/adobe-indesign-sostenible4.jpg\" alt=\"\" class=\"wp-image-346542\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">If you double-click on your new paragraph style, you will open the <strong>Paragraph Style Options<\/strong> panel. Here you can rename it and configure every <strong>detail<\/strong> of the style (font, line spacing, size, etc.) <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Keep the <strong>Preview<\/strong> box checked so that the <strong>changes<\/strong> you make are reflected in <strong>real time<\/strong> within the paragraph. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Add inclusive visual elements<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">It is often said that <strong>a picture is worth a thousand words<\/strong>, and there&#8217;s truth to that. Adding visual resources like illustrations or photos will <strong>enhance<\/strong> the message of your project, making it more <strong>clear<\/strong> and <strong>appealing<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We can add images to our project in several ways. This is one of them: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Go to <strong>File &gt; Place. <\/strong><\/li>\n\n\n\n<li>Search on your computer for the image you want to import.<\/li>\n\n\n\n<li>Then, you can do the following: \n<ul class=\"wp-block-list\">\n<li>Click on the page to place the image at its original size. <\/li>\n\n\n\n<li>Hold down the left mouse button and drag over the page until you get the size you want. <\/li>\n\n\n\n<li>Hold down the left mouse button while holding <strong>Shift<\/strong>. This will help you <strong>place the image in a frame with different proportions<\/strong> than the original ones.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Use colors well<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Using well <strong>contrasted<\/strong> colors will make our texts much easier to read. However, DO NOT rely solely on color; use other elements to highlight information, such as <strong>bold<\/strong>. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In the case that you incorporate graphics or diagrams, for example, also use <strong>patterns<\/strong> or <strong>labels<\/strong> to convey the information. In the case of <strong>backgrounds<\/strong>, avoid making them too busy. Backgrounds with <strong>solid<\/strong> and <strong>simple<\/strong> colors will greatly facilitate reading and prevent users from experiencing visual fatigue. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" src=\"https:\/\/articles-img.sftcdn.net\/auto-mapping-folder\/sites\/2\/2025\/01\/adobe-indesign-sostenible5.jpg\" alt=\"\" class=\"wp-image-346543\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Additionally, Adobe has a tool that will be very useful for creating good color combinations, <a href=\"https:\/\/color.adobe.com\/es\/\" target=\"_blank\" rel=\"noopener nofollow\" title=\"Adobe Color.\"><strong>Adobe Color<\/strong>.<\/a> From there, you can create <strong>themes<\/strong>, <strong>gradients<\/strong>, and use <strong>palettes created by the community.<\/strong> <\/p>\n\n\n<div class=\"sc-card-program\">\r\n  <div class=\"sc-card-program__body\">\r\n    <div class=\"sc-card-program__row clearfix\">\r\n      <div class=\"sc-card-program__col-logo\">\r\n        <img decoding=\"async\" class=\"sc-card-program__img\" src=\"https:\/\/images.sftcdn.net\/images\/t_app-icon-m\/p\/3b1b32da-96d2-11e6-b9f4-00163ed833e7\/2551636004\/adobe-indesign-Screenshot_1.png\" alt=\"Adobe InDesign\" width=\"100px\" height=\"100px\">\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-title\">\r\n        <span class=\"sc-card-program__title\">Adobe InDesign<\/span>\r\n        <a class=\"sc-card-program__button sc-card-program-internal\" href=\"https:\/\/adobe.prf.hn\/click\/camref:1101lr4vs\/pubref:sponsoredinformativearticlejan25\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">DOWNLOAD<\/a>\r\n      <\/div>\r\n      <div class=\"sc-card-program__col-rating\">\r\n        <svg class=\"rating-score__content\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" version=\"1.1\" x=\"0\" y=\"0\" viewbox=\"0 0 50 50\" enable-background=\"new 0 0 50 50\" xml:space=\"preserve\"><path class=\"rating-score__background rating-score--good\" fill=\"none\" stroke-width=\"6\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><path class=\"rating-score__value rating-score__value--0\" fill=\"none\" stroke-width=\"6\" stroke-dashoffset=\"0\" stroke-miterlimit=\"10\" d=\"M40 40c8.3-8.3 8.3-21.7 0-30s-21.7-8.3-30 0 -8.3 21.7 0 30\"><\/path><text class=\"rating-score__number\" content=\"\" text-anchor=\"middle\" transform=\"matrix(1 0 0 1 25 31.0837)\" data-auto=\"app-user-score\"><\/text><\/svg>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <span class=\"sc-card-program__description\"><\/span>\r\n    <\/div>\r\n    <div class=\"sc-card-program__row\">\r\n      <img decoding=\"async\" class=\"sc-card-program__bigpic\" src=\"\" onerror=\"this.style.display='none'\">\r\n    <\/div>\r\n    <a class=\"sc-card-program__link track-link sc-card-program-sponsored\" href=\"https:\/\/adobe.prf.hn\/click\/camref:1101lr4vs\/pubref:sponsoredinformativearticlejan25\" target=\"_blank\" rel=\"noopener noreferrer nofollow\"><\/a>\r\n  <\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Being inclusive when designing a project in Adobe InDesign goes far beyond what you might initially think. In addition to making reading easier for those with vision problems, creating more readable documents will allow us to reach a larger number of people. Here we break down some key points that will help you create more accessible designs for all types of users with Adobe InDesign. Use accessible fonts When we talk about accessible fonts, we refer to those that help facilitate reading for people with visual or cognitive disabilities. This implies [&hellip;]<\/p>\n","protected":false},"author":9211,"featured_media":293811,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","wpcf-pageviews":2},"categories":[1015],"tags":[],"usertag":[],"vertical":[],"content-category":[6461],"class_list":["post-293810","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","content-category-graphic-design"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/293810","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/users\/9211"}],"replies":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/comments?post=293810"}],"version-history":[{"count":1,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/293810\/revisions"}],"predecessor-version":[{"id":310233,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/posts\/293810\/revisions\/310233"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media\/293811"}],"wp:attachment":[{"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/media?parent=293810"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/categories?post=293810"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/tags?post=293810"},{"taxonomy":"usertag","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/usertag?post=293810"},{"taxonomy":"vertical","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/vertical?post=293810"},{"taxonomy":"content-category","embeddable":true,"href":"https:\/\/cms-articles.softonic.io\/en\/wp-json\/wp\/v2\/content-category?post=293810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}