Tasarımcılar, izleyicinin algılaması için doğru mesajı iletmek için görsel denge kavramında ustalaşmanın önemini biliyor. Çoğu zaman, dengenin yalnızca nesneler simetri içinde olduğunda veya tasarımın her iki tarafında eşit ağırlığa sahip olduğunda elde edildiği düşünülür. Bu doğru değil; dengeyi başka yollarla da sağlayabilirsiniz. Bunun için öncelikle tasarımda dengenin ne anlama geldiğini anlamalıyız. Tasarım öğelerinin dağılımı olarak bilinir. Tasarımdaki yerçekiminin görsel bir yorumudur. Büyük, yoğun nesneler daha ağır görünürken küçük öğeler daha hafif görünür. Tasarımda dengeyi sağlamanın farklı yolları vardır. Yaygın olarak kullanılan iki yöntemi tartışacağız: Simetrik ve Asimetrik tasarım.
İçindekiler gizle
Simetri nedir?
1. Yansıma Simetrisi:
2. Dönme Simetrisi:
3. Translasyonel Simetri:
4. Renk Simetrisi:
Asimetri Nedir?
1. Şekil ve Değere Göre Düzenleme:
2. Doku kullanan bir aranjman:
3. Renge Göre Düzenleme: Pim
4. Göz Yönüne Göre Düzenleme:
Simetri nedir?
Toplu iğne
Simetri, bir görüntünün bir eksen boyunca, bir yol veya bir merkez boyunca yinelenen bölümlerinin görsel kalitesini ifade eder. Her iki tarafta da aynı olan ve her zaman dengeli görünen unsurlar ve kompozisyonlar. Simetri kavramını anlamak için doğadan alınabilecek en iyi referans kelebektir. Tüm zıt şekiller birbirinin karşılığıdır ve mükemmel orantılıdır. Böyle mükemmel bir Simetri, görsel olarak hoş görünen ve dolayısıyla genellikle çok iyi algılanan bir uyum duygusu yaratır.
Farklı türlerde Simetri elde etmenin çeşitli yöntemleri vardır. Bunlardan birkaçını tartışalım:
1. Yansıma Simetrisi:
Toplu iğne
İkili Simetri olarak da bilinen Yansıma Simetrisi, Simetrinin en yaygın ve popüler şeklidir. Bu Simetride merkezi eksen, Simetriyi hiçbir şekilde etkilemeden yatay veya dikey olarak konumlandırılabilir. Yalnızca dikey ve yatay eksenler değil, bu tür Simetri birden çok köşegen eksende de bulunabilir. Örneğin, merkezi ekseni nereye koyarsanız koyun simetrik olan bir kar tanesi alın. Bu Simetride merkez eksenin her iki tarafında da varyasyon olmadığından, Saf Simetri olarak da adlandırılır.
Web tasarımımıza Yansıma Simetrisini aşıladığımızda, bunu düzende yapabiliriz. Temel ilkeler aynı kalır. Ancak, bu tür uygulamalardan ilham almanız ve orantısal olarak benzer olmaları koşuluyla, merkezi eksenin her iki tarafındaki öğelerin nasıl göründüğünden biraz uzaklaşmaktan çekinmemeniz gerektiğini belirtmek gerekir. Bu uygulama, yukarıdaki web sitesi örneğinde görüldüğü gibi, zaman zaman yüksek kontrast oluşturmaya yardımcı olur.
2. Dönme Simetrisi:
Toplu iğne
Dönme Simetrisi, Radyal Simetri olarak da bilinir. Bir tasarıma hareket eklemek için kullanılır. Temel fikir, bir öğeyi, yer değiştirme ve hıza işaret eden iki veya daha fazla farklı açıda görüntüleyerek tasarımdaki o öğenin hareketini tasvir etmeye yardımcı olacak belirli bir dereceye kadar döndürmektir. Dinamik bir eylem taşır. Dönel Simetride olmaları için görsel nesnelerin aynı mesafede, sıklıkta ve açıda olmaları gerekir. Doğadan ilham alırsak Dönme Simetrisinin en güzel örneği ayçiçeğinin taç yapraklarıdır.
Web tasarımı veya logo tasarımı hakkında konuştuğumuzda Rotasyon Simetrisinin en iyi kullanımı Mitsubishi'nin logo tasarımında görülebilir. Aynı desen, merkezde birbirine bağlı üç farklı açıda döndürülür, bu bir çiçek tasarımını andırır ve dönme simetrisini kullanır ve bir hareket hissi yaratır.
3. Translasyonel Simetri:
Toplu iğne
Translasyonel Simetri, bir nesnenin genel veya kesin yönelimini korurken başka bir konuma yeniden konumlandırılmasıyla elde edilir. Genellikle, düz bir yüzey veya iki boyutlu bir yüzey üzerinde karmaşık desenleri "hatta" tutmak için bordürler için kullanılır. Bu, tüm öğelerin aynı boyutta olmasını gerektirmez. Aynı yönelimde yinelenen desenin boyutunu birçok kez değiştirmek, mesafeyi, hareketi veya yakınlığı göstermek için de kullanılabilir. Tasarımınızda hız, ses ve aksiyon yaratmanın ideal yoludur.
Web tasarımı söz konusu olduğunda, tasarımcılar genellikle web sitesinin tamamını bu şekilde tasarlamak yerine web sayfasının tek bir öğesini kullanırlar. Ayrıca logo tasarlamak için mükemmel bir uygulamadır. Public Broadcasting Service logosu, logolarında kontrastı göstermek için monokrom ile kaynaşmış geçiş Simetrisinden mükemmel bir şekilde yararlanır.
4. Renk Simetrisi:
Toplu iğne
Simetri genellikle sadece şekiller ve düzenlemeleri olarak düşünülür ve konuşulur, ancak aynı zamanda renk açısından da uygulanabilir. Renk tekerleğinin kendisi o kadar mükemmel bir Simetridedir ki, her gölge, her renk, akıllı Simetriye yol açan rahatlatıcı bir zıt renge sahiptir. Bireysel bir tasarım öğesi olarak renklerin kendisi, web sitesinin görsel estetiği ve dili üzerinde önemli bir etkiye sahiptir. Bu nedenle, bir web sitesinde renk simetrisi oluşturmak, kullanıcı deneyimini yatıştırıcı ve göze rahat hissettirmek için çok önemlidir. Ayrıca tasarımcıların ilgi noktaları, benzersizlik ve karakter gibi çeşitli unsurlar arasında ideal bir denge kurmasına yardımcı olabilir.
Apple, web sitesi tasarımında en popüler ve klasik siyah beyaz veya monokrom kombinasyonunu kullanarak başarılı bir renk simetrisi elde ediyor. Renklerdeki kontrast, genel web sitesi deneyiminin yanı sıra bireysel öğelere nefes alma alanı sağlar. Bilgiler çok organize ve yapılandırılmış göründüğü için kullanıcılar sitede gezinirken kendilerini rahat hissediyorlar.
Artık simetrik denge çeşitlerini bildiğimize göre, bunları tasarımda kullanmanın avantajlarını tartışabiliriz.
Güven duygusu iletin: Simetrik düzen, güven duygusu iletmek isteyen tasarımcılar için harika çalışıyor. Aynı zamanda bir istikrar duygusu verir; dolayısıyla bir banka için çalışıyorsanız; simetrik tasarım doğru seçim olabilir.
Tek bir etkileşim nesnesine sahip sayfalar için: Simetrik denge, tek bir etkileşimli nesneye sahip sayfalar için en iyi sonucu verir. Genellikle giriş/kayıt sayfalarında böyle bir sayfa bulunur. Merkezde bir ana etkileşim nesnesi veya kritik mesaj kullanarak, merkezi bir odak noktasına sahip olabilirsiniz.
Bir sayfanın seçebileceği iki veya daha fazla temel seçeneği olduğunda: Asimetrik dengeyi kullanmak, ziyaretçinin web sitesinin tüm sayfalarına eşit olarak odaklanmasını sağlar. Bunun faydalı olabileceği en iyi yerlerden biri, hem erkekler hem de kadınlar için ürünler içeren bir alışveriş sitesidir. Bu nedenle, sayfanın bir bölümü erkek bölümü ve diğer kadın bölümü görüntülenebilir.
Şimdi çeşitli Simetri dengelerini ve farklı tasarımcıların bunları tasarıma nasıl dahil ettiğini tartıştığımıza göre, şimdi Asimetrik tasarımın ne olduğunu anlayalım.
Asimetri Nedir?
Toplu iğne
Simetrisi olmayan denge, asimetrik denge olarak bilinir. Kaotik bir kompozisyon tarzı gibi görünen şey, birbirinin görüntüsünü yansıtmayan farklı ağırlıklardaki unsurların kullanılmasına rağmen tasarımda bir şekilde hala mevcut olan bir denge hissine sahip kasıtlı bir kompozisyondur. Birçok yöntem bunu başarabilir. Örneğin, tuvalin bir ucuna ağır öğeler koyabilir ve tasarımın karşı tarafına daha hafif nesnelerle dengeleyebilirsiniz. Bu tür uygulamalar tasarımın daha dinamik ve modern görünmesini sağlıyor. Ayrıca, mesajınızı daha önemli bir etkiyle iletmenize yardımcı olabilir.
Daha koyu ve daha büyük nesnelerin her zaman küçük ve daha hafif nesnelerden daha ağır olduğu unutulmamalıdır. Asimetrik tasarımlar, kompozisyonlarını oluşturmak için iki veya daha fazla öğe arasındaki karmaşık ilişkileri kullandıkları için daha fazla dikkat çekebilir. Simetrik denge kullanılarak elde edilen uyumlu bir denge vardır, ancak bazen biraz pasif hale gelir. Asimetrik dengeyi doğru kullanan tasarımcıların, simetrik tasarımlardan daha fazla hikaye anlatımı kapsamı olduğu için izleyicilerinin dikkatini çekme konusunda endişelenmelerine gerek yoktur.
Ünlü ressam Vincent Van Gogh, Asimetrik dengenin harika bir örneği olan “Yıldızlı Gece” adlı ünlü tablosunu yaptı. Kompozisyonun sağ üst köşesindeki parlak ay, resmin sol alt tarafındaki koyu renkli ağaçlarla dengelenmiş ve tamamlanmıştır.
Asimetrik tasarımlar size esneklik, öngörülemezlik ve hikaye anlatma özgürlüğü verir. Bu tür tasarımlar daha gelişigüzel ve kaotik görünse de, yapılmasının kolay olduğu düşünülmemelidir. Böyle kaotik bir tasarım sürecinde bir denge oluşturmak daha zor olabilir.
Farklı türlerde asimetri elde etmenin çeşitli yöntemleri vardır. Bunlardan birkaçını tartışalım:
1. Şekil ve Değere Göre Düzenleme:
Toplu iğne
Açık renkli ve küçük boyutlu görsel nesneler, daha büyük ve daha koyu görsel nesnelerden daha az ağırlığa sahiptir. Bu, tasarımın diğer tarafındaki daha büyük bir nesneye kıyasla tasarımın bir tarafında birkaç daha küçük öğe kullanarak bir tasarımı dengelemeyi mümkün kılar. Ayrıca, bir kompozisyonun büyük boş alanları daha küçük karmaşık ayrıntılarla tamamlanabilir.
2. Doku kullanan bir aranjman:
Toplu iğne
Doku, çekici ve gerçekçi bir tasarım yaratmak için kullanılan en güçlü tekniklerden biridir. Bir nesnenin yüzey kalitesi veya hissi olarak bilinir. Pamuk, yün ve jüt gibi farklı malzemelerin cildinizde nasıl hissettirdiğini bilirsiniz. Bu, o malzemenin Dokusu olarak bilinir. Pratik dünyada dokular, iki unsuru görsel olarak ve fiziksel olarak hissedilen malzeme farkıyla ayırt eder. Ancak, web tasarımında, tasarım dijital olduğu için Doku dokunarak hissedilmez, ancak görsel ince ayarlarla tasvir edilebilir. Rengin Dokusu, pürüzsüz, sert veya benzeri diğer efektlere göre değiştirilebilir. Farklı dokuların kullanıldığı bir alan ile doku varyasyonlarının olmadığı başka bir alan arasında keskin bir kontrast göstererek bir denge hissi bulunabilir.
3. Renge Göre Düzenleme:Toplu iğne
Renkleri tanımlamanın birçok yolu vardır. Ana renkler, ara renkler vardır, ayrıca daha canlandırıcı renkler ve daha sıcak renk tonları da vardır. Bazı renkler çok canlı, bazıları oldukça mat, bazıları ise nötr olarak arada kalıyor. Bu konuda doğru bilgiye sahip olmak, tasarımcıların çekiciliğini artırmak için tasarımlarında ilgili renkleri seçmelerine yardımcı olabilir. Asimetrik tasarımda, tasarımcılar genellikle tasarımın geniş alanları için nötr renkler kullanır ve daha küçük alanların parlak ve canlı renkleri ile kontrast oluşturur.
4. Göz Yönüne Göre Düzenleme:
Toplu iğne
Tasarım hakkında konuştuğumuzda, genel olarak, birçok unsur izleyicinin takip etmesi ve tasarımcının önce neyi görmek istediğini görmesi için görsel bir rehber sağlayabilir ve ardından ikinci olarak bu şekilde devam edebilir. Üçgen şekiller genellikle oklar veya işaretçiler olarak çalışır ve insanların önce bu tür ipuçlarını bulmaya ve ardından tasarımın geri kalanına bakmalarına dikkat edilir. Ayrıca, tasarım öğesi bir şeyi işaret ederken, izleyicinin dikkatini işaret ettiği yere yönlendirir. İzleyiciyi meraklandırıyor ve bu nedenle asimetrik denge için tasarım öğelerinin ayrılmaz bir parçası.
Artık asimetrik denge çeşitlerini bildiğimize göre, bunları tasarımda kullanmanın avantajlarını tartışabiliriz:
Düzeni öne çıkarmak için: Asimetri tasarımı hikaye anlatma özelliğine sahiptir ve bu nedenle diğerlerinden sıyrılır ve müşterilerin zihninde kalıcı bir izlenim bırakır.
Dinamizmi göstermek için: Dinamik tasarım, tüm öğeleri bir olarak görmek yerine, izleyicinin gözlerinin tasarım düzeni boyunca hareket ettiği bir tasarımdır. Asimetrik tasarımlar hareket hissi uyandırır. Bu nedenle birçok spor markası logolarında ve düzenlerinde asimetrik tasarım kullanır.
Dikkat çekmek için: Asimetri tasarımı dikkat çeker. Ziyaretçiyi otomatik olarak odak noktasına yönlendirir ve bakış ilk önce tasarımın en kritik yönüne yerleşir. Tasarımcı, bir sayfanın öğelerini ayarlayarak ve konumlandırarak, izleyicinin gözünü farklı alanlara yönlendirebilir.
Her iki tasarım uygulaması da benzersizdir ve çıkarımları ve avantajları olsa da, sınırlamaları da vardır. Estetik tasarım düzenleri oluşturmak için hem Simetri hem de Asimetri tasarımının ilkelerini birleştirebilirsiniz. Bunu yapmanın bir yolu, ilgi noktaları oluşturmak ve benzer öğelerden oluşan bir grup içinde görsel hiyerarşiyi organize etmek için genel bir simetrik yerleşime ve yerleşimin bir bölgesinde asimetrik bölgelere veya öğelere sahip olmaktır.
Bu nedenle, her iki disiplinin becerilerine hakim olmak, ziyaretçiler için benzersiz ve akılda kalıcı, ilgi çekici ve alakalı bir düzen ile harika bir web sitesi tasarlamanıza yardımcı olacaktır.
