Please, enter a valid email!
00 days
00 hours
00 minutes
00 seconds

Law of Common Fate in Templates’ Design [Die Gestalt im Design]

Enjoy our series of posts covering the theme of theoretical application of Gestalt psychology in web design. We’ve already described three principles: Symmetry, Similarity, and Proximity. This article is dedicated to the law of Common fate in web design, the fourth principle of Gestalt classification.

The common fate law is vital to our perception of how things around us are or aren't related to one another. We use this principle in every aspect of our lives, not even noticing it. Without our perception and reliance on this principle, we could lose our lives at any moment (here sounds dramatic music).

The common fate is one of six visual perception laws that are theorized by Gestalt psychology. Paul Martin Lester, the author of Visual Communication, gave the following definition to this law:

The fourth law of Gestalt psychology is the law of common fate. A viewer mentally groups five arrows or five raised hands pointing to the sky because they all point in the same direction.

An arrow or a hand pointed in the opposite direction will create tension because the viewer will not see it as part of the upwardly directed whole.

Outlining this definition, we can say that people can group objects in the same moving direction as a collective unit. In web design, moving objects are created with JS, HTML5, and CSS technologies.

Due to our nature, we can perceive dynamic objects better than static ones because moving objects are very conspicuous, that's why they are better noted.

Some examples to visualize the essence of this principle.

Style Vision - Interior Design Multipurpose Modern Elementor WordPress Theme

Demo | Download | Hosting

Marketing Financial Advisor Design Icon 3 Logo Template


Common Fate in Drop-down Menus

The common fate principle presumes that the relations between objects start to develop as soon as the movement is noted. A good example is a drop-down menu that can be seen almost on every website. How sub-menu items move into visibility shows us that the grouped links are related (within each group).

Hitech - HTML5 eCommerce Website Template

Demo | Download | Hosting

Common Fate in Tooltips

Tooltips are the next thing that forms an important relationship. Tooltips always contain secondary information that gives a clue to the user about any functions of the website. It won’t take long for a site user to put together (subconsciously) the relationship between moving/hovering the cursor and bringing up new information results in the following statement - pointer plus information all moving together is a good association.

Directions and Shapes

In general, the common fate principle is a pretty simple concept; it usually refers to the directional lines in the layout's design. For example, two doctors are shaking hands on this video template, which creates the directional line of common fate; together, they have a common fate or destiny.

Doctors Or Scientists In Hazamat Suits Stock Video


Other examples of groups of similar shapes that are aimed in the same direction. On this template, you can see a set of brushes pointing in the same direction.

Artiforia - Art Store Shopify Theme

Demo | Download

Let's have a look at some more examples. Have you ever noticed how cars and other vehicles are being pictured? If a car drives to the right, the law of common fate says that the directional line points to the right and vise versa. In the example below, the car heads to the right, the image should be placed on the left side of the layout because we read from left to right. This pattern applies to anything else.

Carcare - Car Rent Service Landing Page Template

Demo | Download | Hosting

The Importance of Common Fate Law

You may be wondering why common fate can be important for the designer. This is pretty simple: if two objects are pointed in the same direction, the directional lines become dominant in the layout, so if an item is moving or is aimed in the same direction, the designer puts the needed message at the point of the destination. This method is successively used in hero areas of all websites.

Here we can see a plumber pointing with his wrench at the phone number of the plumbing company.

PipeMaster - Plumbing Services WordPress Theme

Demo | Download | Hosting

This template has a similar function as a fan-gate; here, we can see a man pointing with his eyes at the website's title and slogan.

Speaker - Event Planner Multipage Creative HTML Website Template

Demo | Download | Hosting

Here we can see a man pointing with a paper plane in the title of the website.

Financial Advisor Website Template

Demo | Download | Hosting

As every rule has an exception, there are sometimes created designer decisions where the common fate principle is used not exactly as it is supposed to, leading to visual collisions and user frustration. Intense layouts might cause this.

Humans tend to perceive elements moving in the same direction as being more related than stationary elements or moving in different directions.

For sure, the design is a result of creativity. When you start "creating," you can get inspiration from the recognized visual rules studied by expert psychologists, which would help build your methodology. Gestalt psychology and design's basic principles are very similar - the ideal design decision should contain a balance, visual proportion, and color dominance. These three will make a difference in the final result of your design.

In the end, we would like to say that the law of common fate is very important and needs to be used in all kinds of mass media, including television and advertising. When used right, the common fate law will make the user read and understand the information correctly, and the designer or writer or any other creator will benefit from it.

And one more, as well as other Gestalt principles, we automatically use the common fate, not even noticing its functions. Try to quantify this principle in your life and find out how it affects you. The more you understand how this principle works, the better you'll be able to use it in your work.

Don’t miss out these all-time favourites

  1. The best hosting for a WordPress website. Tap our link to get the best price on the market with 30% off. If Bluehost didn’t impress you check out other alternatives.
  2. Website Installation service - to get your template up and running within just 6 hours without hassle. No minute is wasted and the work is going.
  3. ONE Membership - to download unlimited number of WordPress themes, plugins, ppt and other products within one license. Since bigger is always better.
  4. Ready-to-Use Website service is the ultimate solution that includes full template installation & configuration, content integration, implementation of must-have plugins, security features and Extended on-page SEO optimization. A team of developers will do all the work for you.
  5. Must-Have WordPress Plugins - to get the most essential plugins for your website in one bundle. All plugins will be installed, activated and checked for proper functioning. 
  6. Finest Stock Images for Websites - to create amazing visuals. You’ll get access to to choose 15 images with unlimited topic and size selection.
  7. SSL Certificate Creation service - to get the absolute trust of your website visitors. Comodo Certificate is the most reliable https protocol that ensures users data safety against cyber attacks. 
  8. Website speed optimization service - to increase UX of your site and get a better Google PageSpeed score.

Alex Bulat

Writing a blog post or building a micro niche WordPress website is something Alex can do bare-handed. You're welcome to contact him via Telegram, Facebook, or LinkedIn.

Get more to your email

Subscribe to our newsletter and access exclusive content and offers available only to MonsterPost subscribers.

From was successfully send!
Server error. Please, try again later.

92 responses to “Law of Common Fate in Templates’ Design [Die Gestalt im Design]”

  1. ThomasSew says: online pharmacy australia

  2. Steveartes says:

    best ed treatment medicine for erectile

  3. Ninjava says:

    londra baskenti

  4. Williamtic says:

    lasix dosage lasix

  5. Yasal bahis siteleri: İlgili bahis şirketinin sosyal medya hesaplarından duyurmaktadır. Fakat bugünkü casino siteleri arayışında tespit edilen kullanıcılar lisanslı ve meşru olarak hizmet veren bahis sitelerinin içersinde derhal derhal tüm canlı bahis siteleri listesinin her vakit en yüksek oranlı iddaa kuponları ve bedava oyunlar oynayabiliyorsunuz. Balıkesirspor bu sezon Ukrayna Liginde görkemli bir bahis sitesidir. Bu kampanya kapsamında 500 TLye kadar adaxbet giriş ilk üyelik bonusu kazanarak etkinlik göstermeye başlayabilirisiniz. Yabancı sitelerdeki gibi, canlı casinoda, canlı kurpiyerlerle birlikte, rulet, blackjack, poker, bahis tahmin, bahisŞüphesiz bugün Türkiye piyasasında bahis severler genelde yüksek miktar ve bahis keyfinin esas adreslerinden biri tayin edilen firmaya girerken her hafta değişik domainler kullanılacaktır. Hem de lisanslı olarak etkinlik gösteren hiç bir koşul sunulmayan bonuslara çevrim koşulsun bonusunuz hemen hesabınıza para aktarmanız dahi mümkündür. Çünkü cepbank programları bir banka hesaplarınız yoksa şayet hiç tereddüt yaşamadan ve aynı vakitte bahis siteleri arasında yer alan tüm işlemler gibi mekan ya da yolculukta Android ve iOS mobil programı ve masaüstü VPN Yazılımını siz kıymetli bahis severlerin tüketimine sunulduğundan beri büyük beğeni topladı. Bahis yönünden yapılan hizmetler ile ismini Avrupa bahis siteleri İddaa sistemi ile korumaktadır. Banka yolu ile para çekmek istedikleri vakitler bu üç liralık rakamı daha da tanınmış kuponlar bölümünden başka oyuncuların karşısında fark yaratmasıdır. Yasal bahis siteleri bonus

  6. RaymondCeani says: metformin medicine in india

  7. Birçok sitede, müşteriler canlı sohbet personelinden daha çok bilgiye sahiptir ve problemleri çözemezler. gobahis Canlı destek personeli bilgili, çözüm odaklı, sabırlı ve kibar olmalıdır. Canlı desteğin yanı sıra değişik yöntemler kullanılarak firma ile etkileşim kurulabilmelidir. Bu çerçevede hizmet e-posta, telefon ya da whatsapp destek hattı ile sağlanabilir. Bu yöntemlerden rastgele birini kullanan bir müşteri, işlemleri süratli bir şekilde yönetebilmelidir.

  8. Bahis sitelerine son zamanlarda ilgi hayli artmış görünüyor. Tüm dünyayı sarsan ve halen devam eden Covid 19 salgını sonrası birçok ülkede ekonomik sıkıntılar ortaya çıktı ve insanlar artık yeni kazanç kapıları arama içine girdiler. Kolay para kazanma yollarının başında ise bahis ve şans oyunları yer alıyor. Dünya üzerinde milyonlarca insan bahis sitelerine giriş yapıyor ve buralara paralar yatırarak yüksek paralar kazanmak için uğraşıyorlar. Bahis siteleri arasında son yılların en çok kazandıran ve en yüksek bahis oranları bulunan bahis sitesi olan favorisen tüm dünyada yaygın bir şekilde kullanılmaktadır.

  9. Bahis oynarken yapmış olduğunuz bakiye yüklemesinin yanı sıra bahis siteleri doğrulusunda sunulan bonusların detaylılığı de ehemmiyet taşımaktadır. Şimdilik ilk defa bahis yapar iken elde edeceğiniz promosyon fırsatlarını tam anlamıyla kullanarak bahis tadını üst civarlara çıkarabilirsiniz. Şuan fazlası bahis sitesinde tespit edilen deneme bonusu ise yeni kullanıcıların dikkatini bir hayli çekmekte. Hem bahis firmaları hemde oyuncular doğrulusunda cazip bir bonus türü olan deneme bonusu bir başka ismiyle yeni üye olanlara verilen bir nevi test hedefli bonus ismidir. Şimdi ayrıntılı olarak deneme bonusu nedir bunu inceleyelim aynı vakitte deneme bonusu veren siteler ile ilgili kapsamlı bulgular sunalım.

  10. RaymondCeani says:

    buy generic doxycycline doxycycline 75 mg price

  11. Stevensip says: pain meds without written prescription

  12. ChesterJat says: stromectol coronavirus

  13. RalphSig says:

    cialis payment with paypal tadalafil

  14. RalphSig says:

    cialis online australia generic tadalafil 20mg india

  15. istanbul antalya evden eve nakliyat

  16. Dogu anadolu tarafında VİP transferde bir numara.

  17. drill says:

    You are invited to my blog that I created and manageblog

  18. Drill Bit says:

    With the most up-to-date and lively information.

  19. is a rigid scope required for bladder botox

  20. bladder pain after botox injections

  21. botox in bladder procedure male

  22. bladder botox and constipation

  23. Parça eşya taşıma işlemi Özel eşyalarınızın özel paketleme yöntemleri ile başka bir şehre ulaşmasını mı istiyorsunuz? Kaliteli şehirler arası nakliyat süreçleri için Öz Filo Şehir İçi Nakliyat ile çalışın.

  24. Parça eşya taşıma işlemi! Özel eşyalarınızın özel paketleme yöntemleri ile başka bir şehre ulaşmasını mı istiyorsunuz? Kaliteli şehirler arası nakliyat süreçleri için Öz Filo Şehir İçi Nakliyat ile çalışın.

  25. hırsız alarm sistemleri

  26. seo analiz google sıralama yarışması

  27. how safe is botox for overactive bladder

  28. botox says:

    botox botox near me botox before and after

  29. download instagram videos online from tablet

  30. instagram android photo download

  31. iphone quality instagram reels download

  32. herramienta de descarga de instagram hd igtv

Leave a Reply

Your email address will not be published. Required fields are marked *