Tasarımı Kırmadan Izgarayı Kırmak
Simetri güvenlidir. Rahat, tehdit edici ve estetik açıdan hoş. Ayrıca çok sıkıcı olabilir. 'Asimetrik denge' kullanmak, işleri sıraya koymak için hala bir ızgaraya yapışırken işleri daha ilginç hale getirebilir. Tasarımda, diğer pek çok şeyde olduğu gibi, riskler ne kadar yüksek olursa potansiyel ödüller de o kadar büyük olur.
Simetri uzun zamandır iyi bir şey olarak düşünülmüştü çünkü estetik açıdan göze hitap eden ve göze çarpmayan bir şeydi. Kelime simetrisi, 'ölçüme' dönüştüren Yunan bileşenlerinden türetilmiştir; simetri, orantılı ve dengeye, aynı aynılığa karşı kalitatif benzerliktir. Asimetri bu nedenle bir denge veya oran eksikliği, bir eşitsizlik olurdu.
Bununla birlikte, görsel bir bağlamda, çoğumuz, temel geometri derslerini almayı hatırlayamasak bile (içimizde olanı boşver) simetriyi daha sınırlı bir tanımla düşünün.
Eğer bir şey simetrik [simetri] ise , bir yarısı diğerinin ayna görüntüsü olması dışında, tam olarak aynı olan iki yarıya sahiptir.
Mükemmel simetriye çok ünlü bir örnek Rorschach Test kartlarıdır. Onların bilateral simetrisi, görünüşlerinin kasıtlı ve önemli bir yönü idi: Hermann Rorschach, birçok hastanın asimetrik görüntüleri reddettiğini söyledi. Bunun nedenleri kendi içinde ilginç bir çalışma alanı olsa da, bu tamamen başka bir yazı. Tek bilmemiz gereken: Simetri rahat; Asimetri çok rahat değil.
Tek bilmemiz gereken: Simetri rahat; Asimetri çok rahat değil
Görsel tasarım bağlamında asimetrik denge, bir düzlemin her iki tarafındaki iki veya daha fazla öğenin farklı olduğu, ancak aynı görsel ağırlığa sahip olduğu yerdir. Basit bir örnek, bir tarafta bir diğerinde, birbirini dengelemek için boyutlandırılmış ve biçimlendirilmiş bir metin bloğu ile bir görüntü olabilir.
Bir tasarımda simetri ve asimetrik denge oluşturmak için kullandığımız iki araç, ızgara ve gözümüzdür. Bildiğimiz şekliyle, ızgara, 20. yüzyılın ortalarındaki bir icattır, ama aynı şekilde, bir elma, Isaac Newton'un kafasına bir elma düşmeden çoktan önce var olmuştu, bu yüzden, hayatta kalan en eski bazılarında, grid tabanlı düzenin kanıtlarını görebiliriz. Elimizdeki el yazmaları: Ölü Deniz Kaydırmaları, düzenli kenar boşlukları ve başlıkları olan sütunlarda bile yazılır; 8. yüzyıla ait Kells Kitabı gibi erken ortaçağ elyazmalarında illüstrasyon ve metnin konumlandırılması üzerine alınan özen, bir şebekenin kullanımını göstermektedir.
Izgara, modern grafik tasarımın temelini oluşturuyor ve yüzyıllar boyunca bir şekilde ya da başka bir şekilde, tasarlanan grafik teriminden önce çok uzun zamandır var. Izgara, “sayfa” ı eşit veya orantılı bölümlere ayırarak bir tasarımda dengeyi sağlar.
Izgara nesnel olsa da, kesin matematiksel oranlara göre alanı bölmek, insan gözü özneldir. Cihaz büyüklüğüne, okunabilir renk kontrastına, tüm kapakların biraz agresif olmasına ve buna benzer şekilde, x karakterlerinin çizgi uzunluğu gibi büyük çoğunluk için geçerli olan bazı kurallar veya kurallar vardır. Ancak belirli bir tasarımın nasıl görüldüğü ve alındığı büyük ölçüde farklılık gösterebilir.
Bu varyasyonlar, büyük (dünyadaki renklerin farklı anlamları gibi) kişisel zevklerin bireysel farklılıklarına kadar değişir.
Bu, bir tasarımcının güvene ihtiyacı olduğu yerdir; Herkesin yaptığınız her tasarımı sevmeyeceğini ve işe yaradığı için bunu yapmaya cesaret edeceğini gösterme cesareti. Bilgi ve deneyim yardımı, bir şeyin neden işe yaramadığını anlama, onu nasıl düzelteceğinizi anlamanız anlamına gelir.
ızgara, bize yardımcı olan bir araçtır, ancak buna bağlı olmak zorunda değiliz
Bazen, bir öğenin doğru bir şekilde konumlandırıldığını biliyor olsanız da ya da bazı öncüleriniz kılavuzunuza göre orantılı olarak doğru olsa bile, bir şekilde yanlış görünüyor. Yani bunu gözle halledersin. Doğru görünene kadar ayarlamalar yaparsınız, doğru olana kadar.
Tasarıma anında yanıt vermemiz duygusal, entelektüel ve analitik cevapları takip ediyor. Bu yüzden, kılavuzun bize yardımcı olan bir araç olduğunu hatırlamamız gerekiyor, ancak buna bağlı olmak zorunda değiliz.
Peki, tutarlı bir tasarım sürdürürken, ızgarayı nasıl kırabiliriz?
Duvar Kağıdını Kullanma
Muhtemelen en sık kullanılan teknik, Pinterest tarafından popüler hale getirilen bir duvar düzenidir. Sayfa yatay düzlem boyunca düzenli sütunlara bölünmüştür, ancak bu sütunlardaki içerik blokları farklı yüksekliklere sahiptir. Bazen sütunlar çift hatta çift genişlikte olabilir veya tek bir öğe iki veya daha fazla sütun genişliğine sahip olabilir, ancak her zaman tek sütun genişliği tarafından bölünebilir.
Bu teknik, diğer uzunluklarda, farklı yükseklikteki içerik blokları, normal yükseklik sıralarına yerleştirilmiş olarak uygulanabilir, ancak daha yaygın olarak sütunlar şeklinde yapılır. Bir duvar düzeni, elbette, tamamen düzenli olabilir. Dikey düzlem eşit yükseklikte satırlara bölünmüşse ve her içerik bloğunun yüksekliği bu satır yüksekliğinin bir katıysa, ızgaraya yapışan bir duvar düzeniniz vardır.
Öğeler arasındaki dikey boşluk her zaman aynıdır ve sütunlar arasındaki yatay boşlukla eşleşir. İçerik bloklarınız metin içeriyorsa, blok yüksekliğinin başlangıç çizginizle tutarlı olduğundan emin olun, görsel tutarlılık konusunda yardımcı olabilir.
İttifak Grafiği Uluslararası
İttifak Grafiği Uluslararası bir duvar düzeninin klasik bir örneğidir. Resimler eşit genişliktedir, ancak görüntüler arasındaki dikey kenar boşlukları sütun oluklarıyla eşleşirken farklı yüksekliklere sahiptir. Tüm görüntüler, tek bir sütun genişliğini doldurur ve bu da güzel bir şekilde yanıt verir. Eklenen bir dokunuş, siz görüntüleri aşağı doğru kaydırırken rasgele olarak yüklenir.
L'eloi
L'eloi Düzeninin iki katı genişliğe sahip içeriği vardır ve her ikisi de rasgelelik izlenimini artıran daha büyük bir oluk boyutu kullanır. Öğeler arasındaki daha büyük boşluk, yükseklikleri ve dikey konumları arasındaki farkı vurgular.
Grafik
Grafik Düzeninin düzeni bazı şeyleri tekrar ele alıyor. Önceki iki örnekte olduğu gibi, sayfa eşit sütunlara bölünür, sütunların sayısı görünümün genişliğine bağlıdır. Ancak, öğeler arasında tanımlanmış yatay veya dikey boşluk yoktur ve resimlerin tamamı tam bir sütun genişliğini doldurmak için boyutlandırılmaz. Sütun genişlikleri aynıdır, ancak her sütundaki öğeler arasındaki yatay boşluk, öğelerin boyutuna ve tarayıcı penceresinin boyutuna bağlıdır. Sonuç, ilginç ve rastgele hissettirirken, aynı zamanda bilinçaltında farkında olduğumuz güven verici bir düzene sahip olur.
Ek olarak, bir resmin üzerine gelmek, makale başlığı ve bir çok durumda bitişik görüntülerle çakışan bir alıntıyı getirir.
Düzensiz Desen Tekrarı
Başka bir teknik, düzensiz yerleştirilmiş elemanların tekrarlanan bir modelini oluşturmaktır. İnsan gözü desenlere çekilir ve beyinlerimizin etrafımızdaki desenleri tanımak için doğal bir eğilimi vardır. İçgüdüsel olarak desenleri araştırırız çünkü öngörülebilirlikleri bizi rahatlatır.
Tom Dixon
Tom Dixon Düzenleme grupları, aralarında değişen yatay ve dikey boşluğa sahip birkaç farklı büyüklükte öğeyi bir araya getirir. Kesin düzenleme, farklı boyutlarda görüntüler ölçeği olarak ekran boyutuna bağlı olarak değişir. Bu 'alt' düzen daha sonra daha fazla içerikle tekrarlanır. Bize düzensiz aralık ve yanlış hizalama tarafından yaratılan görsel ilgiyi verir, ancak onu yinelenen bir modelin güven verici simetrisi ile birleştirir.
Anne bak, (Neredeyse) Kılavuz yok!
Tabi ki geriye dönük olarak hemen hemen her tasarıma bir kılavuz uygulayabilirsiniz. Ve hatta grid tabanlı görünmeyen tasarımlar bile, neredeyse her zaman, özellikle tipografileri için temeldeki bir ızgarayı kullanırlar. Bununla birlikte, elemanların etrafındaki beyaz boşluk büyüdükçe, ızgara görsel olarak daha az ve daha az baskın hale gelir.
Izgara tabanlı bir yerleşimin hendelenmesi tamamen risklidir, ancak doğru ellerde çalışabilir. İşleri minimal ve temiz tutmak, ızgara geometrisini önlemek için daha kolay bir seçenektir. Bu düzen düzeni, tüm resimlerle veya en azından baskın olarak resimlerle en iyi şekilde çalışır.
Sojournal
Sojournal Başlık ve alt başlık içeren bir resmi eşler. Görüntülerin sol ve sağ yerleştirme arasında değişmesi için hafif bir desen vardır. Ancak görüntüler farklı boyutlarda ve oranlardadır ve tam yerleştirme resimden resme değişir. Tanımlanmış sütun yok ve öğeler arasındaki dikey boşluk değişir.
Görüntülerin boyutu, bir seferde pencerede ikiden fazla görünmeyecek anlamına gelir. Bu çok temiz, ferah bir duygu düzeni ve görüntülerin düzensiz konumlandırılması her biri sırayla dikkati odaklar.
Kara koyun
Çünkü resimler Kara koyun Düzeninin hepsi birbiriyle benzer - oldukça küçük - boyuttadır ve aynı konudaki temada yer alırlar, hatta bazı yerlerde birbirleriyle örtüşürler. Çakmalar diğer yerlerde daha geniş alanlarla dengelenir.
Hollie Fernando Fotoğrafçılık
İçin Hollie Fernando kullanıcısının portföyü Daha küçük görüntüler, birbirine yakın olarak yerleştirilirken, daha büyük görüntüler, etraflarında daha fazla yer kaplar. Önceki iki örnekte olduğu gibi, buradaki görüntüler dikkatlice seçilmiş ve gruplandırılmıştır. İçerik iyileştirme, herhangi bir site için her zaman önemlidir, ancak başarılı bir ızgarasız mizanpajın hayati bir parçasıdır.
