{"id":3289,"date":"2022-07-11T14:32:14","date_gmt":"2022-07-11T12:32:14","guid":{"rendered":"https:\/\/lm-kommunikation.de\/?p=3289"},"modified":"2022-07-11T17:36:55","modified_gmt":"2022-07-11T15:36:55","slug":"enwie-gute-gestaltung-informationen-leichter-erfassbar-macht","status":"publish","type":"post","link":"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/","title":{"rendered":"How good design makes information easier to grasp"},"content":{"rendered":"\n

About structuring content, developing grid systems and the importance of white spaces. As a basis for design whether in print projects or digital applications.<\/span><\/p>\n\n\n\n\n\n

We are used to living in and with structures \u2013 <\/span>
in architecture, cities and open spaces, in industry, on the internet, a chess board, even on toilet paper \u2013 ultimately in nature, in every cell.\u00a0 <\/span>
Structures are natural and constantly changing through new influences. This is also transferable to visual design. Visual structures give us orientation. They organise the mass of information that affects us and change according to format and zeitgeist. These structures help us find our way around and act more effectively. <\/span>

My experience has shown me that a profound visual structure originates in its content \u2013 the conceptual structure. The conceptual structure of a project should be researched in detail, broadly based and flexible in order to have a good foundation for any design. For this, we need the content first and foremost.<\/span><\/p>\n\n\n\n

How do we build a visual structure?<\/h1>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Collect content and order it <\/strong><\/span>
One of the first things we designers learn is to visually order information so that it is readable and distinguishable. We filter out the most important information from a pile of disordered information and structure all the remaining elements proportionally.<\/span>
To get specific information, the \u201dsoft factors\u201c (Lexikon<\/a>) or also \u201dhuman factors\u201c (Wiki<\/a>) of a company, an institution or a project are the decisive ones for me. These \u201dsoft factors\u201c determine how loud, fast or colourful the structure becomes. (Read also \u201dProjekt Briefing<\/a>\u201c) <\/span>
Basically, we develop these content structures to understand what it is all about. To orient ourselves, to organise ourselves and to prepare the next steps.<\/span><\/span><\/p>\n\n\n\n

<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Building structure systematically<\/strong>
In the next steps, design structures are derived from the ordered content. Especially in the case of extensive projects where different media are to be designed, it is necessary to develop visual structure systems, also called grid systems. In order to ultimately have a tool to efficiently organise space, texts, colours, images and all other elements to be designed and to scale them to all formats. <\/p>\n\n\n\n

Grid systems thus promote the handling of proportion, rhythm and consistency within a project to be designed. It helps to develop relationships and hierarchies between the elements and leads to more clarity. It is also about developing an exciting rhythm of elements and yet remaining consistent over a spatial or temporal span so that the theme of the design remains recognisable. <\/p>\n\n\n\n

A grid system could be seen as an invisible glue that holds a design together. Even if the elements are physically separated from each other, something invisible binds them together.
Wether a grid system works is depending on how much structure should become visible in the design. Because too much of it looks boring or monotonous. Too little, makes you disoriented.<\/p>\n\n\n\n




<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Giving the structure a rhythm<\/strong>
Creating a design is similar to composing music, only not with sounds, but with visual elements. There is loud and quiet, narrow and wide, black, grey and colourful \u2013 all together in an exciting rhythm. For these shaping elements, we need the discussed grid structure in the background. How we order them defines the tonality of the design. If you place elements close together on the grid, use bright colours or design with a lot of space \u2013 each single move has its own effect. This effect should be coherent with the content of the texts and images.<\/p>\n\n\n\n

In addition to the common design elements such as typography, colour, shape, image, there is one element that is often not mentioned \u2013 the white space between the elements. This has a great effect on all other elements. By using a lot or little space, you set focal points and thus also control the flow of reading. The white space gives the content more weight or highlight. It guides the eye and lets it perceive the presented content in a structured way through “visual pauses”.


<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Ultimately, all these visual structures are about human perceptions (Wiki<\/a>) \u2013 \u2013 in particular, vision. We “understand” seen information more easily by perceiving it in “bits” and not all at once in equal strength. Building up a structure in terms of content and design therefore promotes communication between sender and receiver. The more specifically structured by the sender, the better “readable” by the receiver. Because with the increasing flood of different media and formats in which we move, it would be a pity if the content is “missed”.<\/p>\n","protected":false},"excerpt":{"rendered":"

About structuring content, developing grid systems and the importance of white spaces. As a basis for design whether […]<\/p>\n","protected":false},"author":1,"featured_media":3049,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"yoast_head":"\nHow good design makes information easier to grasp -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How good design makes information easier to grasp -\" \/>\n<meta property=\"og:description\" content=\"About structuring content, developing grid systems and the importance of white spaces. As a basis for design whether […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-07-11T12:32:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-11T15:36:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/lm-kommunikation.de\/wp-content\/uploads\/2021\/09\/lmk_blog_strukturgeberin.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"netfrei\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"netfrei\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/\"},\"author\":{\"name\":\"netfrei\",\"@id\":\"https:\/\/lm-kommunikation.de\/#\/schema\/person\/b1a512047688a5db2c0c26d82c74ff7f\"},\"headline\":\"How good design makes information easier to grasp\",\"datePublished\":\"2022-07-11T12:32:14+00:00\",\"dateModified\":\"2022-07-11T15:36:55+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/\"},\"wordCount\":747,\"publisher\":{\"@id\":\"https:\/\/lm-kommunikation.de\/#\/schema\/person\/70880efef482d41ece9e5b219060bd1b\"},\"articleSection\":[\"Blog\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/\",\"url\":\"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/\",\"name\":\"How good design makes information easier to grasp -\",\"isPartOf\":{\"@id\":\"https:\/\/lm-kommunikation.de\/#website\"},\"datePublished\":\"2022-07-11T12:32:14+00:00\",\"dateModified\":\"2022-07-11T15:36:55+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\/\/lm-kommunikation.de\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How good design makes information easier to grasp\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/lm-kommunikation.de\/#website\",\"url\":\"https:\/\/lm-kommunikation.de\/\",\"name\":\"LMK B\u00fcro f\u00fcr Kommunikationsdesign\",\"description\":\"B\u00fcro f\u00fcr Kommunikationsdesign\",\"publisher\":{\"@id\":\"https:\/\/lm-kommunikation.de\/#\/schema\/person\/70880efef482d41ece9e5b219060bd1b\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/lm-kommunikation.de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/lm-kommunikation.de\/#\/schema\/person\/70880efef482d41ece9e5b219060bd1b\",\"name\":\"Tanja Lemke-Mahadvi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/lm-kommunikation.de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/lm-kommunikation.de\/wp-content\/uploads\/2023\/09\/LMK_Logo_ohneText-scaled.jpg\",\"contentUrl\":\"https:\/\/lm-kommunikation.de\/wp-content\/uploads\/2023\/09\/LMK_Logo_ohneText-scaled.jpg\",\"width\":2560,\"height\":2560,\"caption\":\"Tanja Lemke-Mahadvi\"},\"logo\":{\"@id\":\"https:\/\/lm-kommunikation.de\/#\/schema\/person\/image\/\"},\"sameAs\":[\"http:\/\/lm-kommunikation.de\",\"https:\/\/www.instagram.com\/lmk_kommunikationsdesign\/\",\"@lmkburofurkommunikationsde8919\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/lm-kommunikation.de\/#\/schema\/person\/b1a512047688a5db2c0c26d82c74ff7f\",\"name\":\"netfrei\",\"url\":\"https:\/\/lm-kommunikation.de\/en\/author\/netfrei\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How good design makes information easier to grasp -","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:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/","og_locale":"en_US","og_type":"article","og_title":"How good design makes information easier to grasp -","og_description":"About structuring content, developing grid systems and the importance of white spaces. As a basis for design whether […]","og_url":"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/","article_published_time":"2022-07-11T12:32:14+00:00","article_modified_time":"2022-07-11T15:36:55+00:00","og_image":[{"width":300,"height":300,"url":"https:\/\/lm-kommunikation.de\/wp-content\/uploads\/2021\/09\/lmk_blog_strukturgeberin.jpg","type":"image\/jpeg"}],"author":"netfrei","twitter_card":"summary_large_image","twitter_misc":{"Written by":"netfrei","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/#article","isPartOf":{"@id":"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/"},"author":{"name":"netfrei","@id":"https:\/\/lm-kommunikation.de\/#\/schema\/person\/b1a512047688a5db2c0c26d82c74ff7f"},"headline":"How good design makes information easier to grasp","datePublished":"2022-07-11T12:32:14+00:00","dateModified":"2022-07-11T15:36:55+00:00","mainEntityOfPage":{"@id":"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/"},"wordCount":747,"publisher":{"@id":"https:\/\/lm-kommunikation.de\/#\/schema\/person\/70880efef482d41ece9e5b219060bd1b"},"articleSection":["Blog"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/","url":"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/","name":"How good design makes information easier to grasp -","isPartOf":{"@id":"https:\/\/lm-kommunikation.de\/#website"},"datePublished":"2022-07-11T12:32:14+00:00","dateModified":"2022-07-11T15:36:55+00:00","breadcrumb":{"@id":"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lm-kommunikation.de\/en\/enwie-gute-gestaltung-informationen-leichter-erfassbar-macht\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/lm-kommunikation.de\/en\/"},{"@type":"ListItem","position":2,"name":"How good design makes information easier to grasp"}]},{"@type":"WebSite","@id":"https:\/\/lm-kommunikation.de\/#website","url":"https:\/\/lm-kommunikation.de\/","name":"LMK B\u00fcro f\u00fcr Kommunikationsdesign","description":"B\u00fcro f\u00fcr Kommunikationsdesign","publisher":{"@id":"https:\/\/lm-kommunikation.de\/#\/schema\/person\/70880efef482d41ece9e5b219060bd1b"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lm-kommunikation.de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/lm-kommunikation.de\/#\/schema\/person\/70880efef482d41ece9e5b219060bd1b","name":"Tanja Lemke-Mahadvi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/lm-kommunikation.de\/#\/schema\/person\/image\/","url":"https:\/\/lm-kommunikation.de\/wp-content\/uploads\/2023\/09\/LMK_Logo_ohneText-scaled.jpg","contentUrl":"https:\/\/lm-kommunikation.de\/wp-content\/uploads\/2023\/09\/LMK_Logo_ohneText-scaled.jpg","width":2560,"height":2560,"caption":"Tanja Lemke-Mahadvi"},"logo":{"@id":"https:\/\/lm-kommunikation.de\/#\/schema\/person\/image\/"},"sameAs":["http:\/\/lm-kommunikation.de","https:\/\/www.instagram.com\/lmk_kommunikationsdesign\/","@lmkburofurkommunikationsde8919"]},{"@type":"Person","@id":"https:\/\/lm-kommunikation.de\/#\/schema\/person\/b1a512047688a5db2c0c26d82c74ff7f","name":"netfrei","url":"https:\/\/lm-kommunikation.de\/en\/author\/netfrei\/"}]}},"jetpack_featured_media_url":"https:\/\/lm-kommunikation.de\/wp-content\/uploads\/2021\/09\/lmk_blog_strukturgeberin.jpg","jetpack_shortlink":"https:\/\/wp.me\/p9zsa1-R3","jetpack-related-posts":[{"id":2230,"url":"https:\/\/lm-kommunikation.de\/en\/strategische-webentwicklung\/","url_meta":{"origin":3289,"position":0},"title":"Well prepared for web development","date":"16. April 2018","format":false,"excerpt":"You should be well prepared for the development of your website. Particularly thorough considerations of structure, design and address are very helpful for the realisation of the design. What is to be considered?","rel":"","context":"In "Blog"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lm-kommunikation.de\/wp-content\/uploads\/2018\/04\/lmk_blog_webstruktur-3.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2595,"url":"https:\/\/lm-kommunikation.de\/en\/neue-formate-zur-kommunikation-von-daten\/","url_meta":{"origin":3289,"position":1},"title":"New formats for data communication","date":"2. May 2020","format":false,"excerpt":"In the era of \u201cbig data\u201c, discussions about transparent communication and structured visualisation of data are essential. In the scientific field it's all about, on the one hand, the collection, preparation and provision of research data using FAIR Principles. On the other hand, the extraction of new knowledge using existing\u2026","rel":"","context":"In "Blog"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lm-kommunikation.de\/wp-content\/uploads\/2020\/03\/lmk_blog_data_communikation-2.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2591,"url":"https:\/\/lm-kommunikation.de\/en\/kreativitaet-als-prozess\/","url_meta":{"origin":3289,"position":2},"title":"Creativity as an ongoing process","date":"2. May 2020","format":false,"excerpt":"As a designer I approach creativity in a discerning way and differentiate between creative processes and results. In my younger years it was mainly the results that I aimed to make as creative as possible. These days I'm particularly fascinated by the process itself and it has long become clear\u2026","rel":"","context":"In "Blog"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lm-kommunikation.de\/wp-content\/uploads\/2020\/04\/lmk_blog_creativity.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2424,"url":"https:\/\/lm-kommunikation.de\/en\/gleichzeitig-inhalte-als-buch-und-online-publizieren-wie-funktioniert-das\/","url_meta":{"origin":3289,"position":3},"title":"Scientific publishing","date":"17. February 2020","format":false,"excerpt":"Together with the German Archaeological Institute, we have completely rethought a traditional journal and developed it into a modern scientific publication. The \u201cArch\u00e4ologische Anzeiger\u201d (AA) is one of the significant journals in the field of archaeology, published by the German Archaeological Institute since 1889. Nowadays a large amount of archaeological\u2026","rel":"","context":"In "Blog"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lm-kommunikation.de\/wp-content\/uploads\/2020\/01\/lmk_blog_digital_publishing.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2229,"url":"https:\/\/lm-kommunikation.de\/en\/strategische-logoentwicklung\/","url_meta":{"origin":3289,"position":4},"title":"Strategic logo design","date":"24. April 2018","format":false,"excerpt":"A logo should embody the core of an identity in a few characters as simply as possible. The process of development has not changed until today, but the use of logos has: They need to be digital for every application and flexible in use. In addition to the traditional print\u2026","rel":"","context":"In "Blog"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lm-kommunikation.de\/wp-content\/uploads\/2018\/04\/lmk_block_logo.jpg?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]},{"id":2228,"url":"https:\/\/lm-kommunikation.de\/en\/identitaet-in-der-markenkommunikation\/","url_meta":{"origin":3289,"position":5},"title":"What does identity actually mean in brand development?","date":"18. May 2018","format":false,"excerpt":"Identity refers to the sum of the characteristics and values that characterise a person, a product or a company. Identity answers the central question \"who are we?\" and \"Why do we do that?\" and defines the core of an issue. It's about values, visions and competencies. The perception and definition\u2026","rel":"","context":"In "Blog"","img":{"alt_text":"","src":"https:\/\/i0.wp.com\/lm-kommunikation.de\/wp-content\/uploads\/2018\/05\/lmk_identity_block-1.gif?resize=350%2C200&ssl=1","width":350,"height":200},"classes":[]}],"_links":{"self":[{"href":"https:\/\/lm-kommunikation.de\/en\/wp-json\/wp\/v2\/posts\/3289"}],"collection":[{"href":"https:\/\/lm-kommunikation.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lm-kommunikation.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lm-kommunikation.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lm-kommunikation.de\/en\/wp-json\/wp\/v2\/comments?post=3289"}],"version-history":[{"count":18,"href":"https:\/\/lm-kommunikation.de\/en\/wp-json\/wp\/v2\/posts\/3289\/revisions"}],"predecessor-version":[{"id":3327,"href":"https:\/\/lm-kommunikation.de\/en\/wp-json\/wp\/v2\/posts\/3289\/revisions\/3327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lm-kommunikation.de\/en\/wp-json\/wp\/v2\/media\/3049"}],"wp:attachment":[{"href":"https:\/\/lm-kommunikation.de\/en\/wp-json\/wp\/v2\/media?parent=3289"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lm-kommunikation.de\/en\/wp-json\/wp\/v2\/categories?post=3289"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lm-kommunikation.de\/en\/wp-json\/wp\/v2\/tags?post=3289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}