{"id":1957,"date":"2018-06-16T15:30:53","date_gmt":"2018-06-16T15:30:53","guid":{"rendered":"http:\/\/www.memecon.info\/?p=1957"},"modified":"2022-02-24T13:21:07","modified_gmt":"2022-02-24T13:21:07","slug":"mechanisms-of-design","status":"publish","type":"post","link":"https:\/\/www.memecon.info\/?p=1957","title":{"rendered":"Mechanisms of Design"},"content":{"rendered":"<p>Everybody, who is competing for people&#8217;s attention, is looking for starting points that let them stand out from the rush of sensual stimuli. For this purpose we all can rely on basic patterns &#8211; Gestalt principles or Gestalt laws. These are mechanisms that can direct, guide and seduce perception.<\/p>\n<p><a href=\"https:\/\/www.memecon.info\/wp-content\/uploads\/2018\/05\/Gestaltprinzipien-scribble.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-1910\" src=\"https:\/\/www.memecon.info\/wp-content\/uploads\/2018\/05\/Gestaltprinzipien-scribble.jpg\" alt=\"\" width=\"835\" height=\"641\" srcset=\"https:\/\/www.memecon.info\/wp-content\/uploads\/2018\/05\/Gestaltprinzipien-scribble.jpg 835w, https:\/\/www.memecon.info\/wp-content\/uploads\/2018\/05\/Gestaltprinzipien-scribble-300x230.jpg 300w, https:\/\/www.memecon.info\/wp-content\/uploads\/2018\/05\/Gestaltprinzipien-scribble-768x590.jpg 768w, https:\/\/www.memecon.info\/wp-content\/uploads\/2018\/05\/Gestaltprinzipien-scribble-624x479.jpg 624w\" sizes=\"auto, (max-width: 835px) 100vw, 835px\" \/><\/a><\/p>\n<p>The media has used for a long time these mechanisms, which are also treated in Gestalt psychology. The following mechanisms describe some basic principles.<\/p>\n<ul>\n<li><strong>Mechanism<\/strong><strong> of the figure-ground (1)<br \/>\n<\/strong>The perception happens quasi-automatically, without deliberately parsing a scene. Thus the attention subconsciously lands in an image on the central object, the figure placed in front of a background. In rare cases, the background comes to the fore and distracts from the actual foreground.<br \/>\nIn order to pack a message easily recognizable, the content should stand out clearly from the background.<\/li>\n<li><strong>Mechanism of proximity (2)<br \/>\n<\/strong>If several things are close to each other, then we perceive them as a group. That way, extensive representations can be divided into smaller areas. Good examples are newspapers in which paragraphs in the print space are delimited from each other by a corresponding white space.<br \/>\nIn order to make the outline of something easier to recognize, related parts should be closer to, with a noticeable distance from each other.<\/li>\n<li><strong>Mechanism of continuity (3)<br \/>\n<\/strong>If things are in line and follow a path that consistently continues across borders, we assume that they belong together. This can be found on maps where lines often cross one another. The observers are able to detect the continuation of a line when ambiguous intersections are avoided.<br \/>\nRelated elements should be arranged in a line and other groups should be clearly differentiated.<\/li>\n<li><strong>Mechanism of closure (4)<br \/>\n<\/strong>If individual elements form a closed form, then we no longer regard the individual building blocks as noteworthy, but rather the resulting form. The meaning then arises from the resulting group.<br \/>\nGroups can be made visible through an according arrangement of certain elements into a formation.<\/li>\n<li><strong>Mechanism of similarity (5,10)<br \/>\n<\/strong>The same shape or color is a strong indication that they are similar things. In situations that consist of many individual parts, we are able to identify the groups because of the similarity of the elements. In moving constellations groups can also be distinguished due to the same direction of movement.<br \/>\nThings that belong together should have common features, e.g. shape, color or size. The elements that do not belong should be clearly set off.<\/li>\n<li><strong>Mechanism of the common region (6,7,9)<br \/>\n<\/strong>If individual elements are found in areas separated by a border, we perceive the individual parts in different zones as related. The individual areas result from recognizable borders or areas of different colors, surfaces or shapes. The common regions may result from a simple pattern, such as a chessboard, or from an organic figure.<br \/>\nThrough forming areas by drawing boundaries or designing areas, the respective building blocks can be presented as a group.<\/li>\n<li><strong>Mechanism of personal experience (8)<br \/>\n<\/strong>An important mechanism is the personal experience of the observers. If they already know certain constellations, they recognize the corresponding groups. This becomes understandable, for example, when you learn a new writing system (for example Japanese Hiragana, Katakana and Kanji). Without the familiar types of strokes, non-Asians find it hard to learn the scriptures. Since everyone provides a unique set of experiences, teams recognize more structures than individuals.<br \/>\nDifferent people should be involved for detecting groups, since more experience will lead to better creation of groups.<\/li>\n<\/ul>\n<p>Bottom line: The presented mechanisms are sometimes are called Gestalt principles or Gestalt laws. However, this does not imply that these mechanisms will always work. But our pattern recognition influences the observation of objects like pictures, texts, films, web pages, etc. Our perception is guided through the content by the mechanisms figure-ground, closeness, continuity, closeness, similarity, common region and personal experience- whether we want it or not. The conscious use of the Gestalt principles, the Gestalt laws or the mechanisms of design ensures that we do not send ambiguous messages.<\/p>\n<div class=\"shariff shariff-align-left shariff-widget-align-left\"><ul class=\"shariff-buttons theme-round orientation-horizontal buttonsize-medium\"><li class=\"shariff-button xing shariff-nocustomcolor\" style=\"background-color:#29888a\"><a href=\"https:\/\/www.xing.com\/spi\/shares\/new?url=https%3A%2F%2Fwww.memecon.info%2F%3Fp%3D1957\" title=\"Bei XING teilen\" aria-label=\"Bei XING teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#126567; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 25 32\"><path fill=\"#126567\" d=\"M10.7 11.9q-0.2 0.3-4.6 8.2-0.5 0.8-1.2 0.8h-4.3q-0.4 0-0.5-0.3t0-0.6l4.5-8q0 0 0 0l-2.9-5q-0.2-0.4 0-0.7 0.2-0.3 0.5-0.3h4.3q0.7 0 1.2 0.8zM25.1 0.4q0.2 0.3 0 0.7l-9.4 16.7 6 11q0.2 0.4 0 0.6-0.2 0.3-0.6 0.3h-4.3q-0.7 0-1.2-0.8l-6-11.1q0.3-0.6 9.5-16.8 0.4-0.8 1.2-0.8h4.3q0.4 0 0.5 0.3z\"\/><\/svg><\/span><\/a><\/li><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.memecon.info%2F%3Fp%3D1957\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><\/a><\/li><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.memecon.info%2F%3Fp%3D1957\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><\/a><\/li><li class=\"shariff-button flipboard shariff-nocustomcolor\" style=\"background-color:#373737\"><a href=\"https:\/\/share.flipboard.com\/bookmarklet\/popout?v=2&title=Mechanisms%20of%20Design&url=https%3A%2F%2Fwww.memecon.info%2F%3Fp%3D1957\" title=\"Bei Flipboard teilen\" aria-label=\"Bei Flipboard teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#f52828; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"24px\" height=\"24px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path fill=\"#f52828\" d=\"M0 0h8v24H0V0zm9 9h7v7H9V9zm0-9h15v8H9V0z\"\/><\/svg><\/span><\/a><\/li><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#595959\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.memecon.info%2F%3Fp%3D1957&text=Mechanisms%20of%20Design\" title=\"Bei X teilen\" aria-label=\"Bei X teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path fill=\"#000\" d=\"M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0\"\/><\/svg><\/span><\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Everybody, who is competing for people&#8217;s attention, is looking for starting points that let them stand out from the rush of sensual stimuli. For this purpose we all can rely on basic patterns &#8211; Gestalt principles or Gestalt laws. These are mechanisms that can direct, guide and seduce perception. The media has used for a long time these mechanisms, which are also treated in Gestalt psychology. The following mechanisms describe some basic principles. Mechanism of the figure-ground (1) The perception happens quasi-automatically, without deliberately parsing a scene. Thus the attention subconsciously lands in an image on the central object, the figure placed in front of a background. In rare cases, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_crdt_document":"","footnotes":""},"categories":[4,12],"tags":[1986,1988,2006,105,1983,1998,1984,1987],"class_list":["post-1957","post","type-post","status-publish","format-standard","hentry","category-english","category-meaning-design","tag-closure","tag-common-region","tag-continuity","tag-design","tag-figure-ground","tag-personal-experience","tag-proximity","tag-similarity"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.memecon.info\/index.php?rest_route=\/wp\/v2\/posts\/1957","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.memecon.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.memecon.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.memecon.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.memecon.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1957"}],"version-history":[{"count":0,"href":"https:\/\/www.memecon.info\/index.php?rest_route=\/wp\/v2\/posts\/1957\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.memecon.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1957"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.memecon.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1957"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.memecon.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1957"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}