Kompozisyon yoluyla akış ve ritim nasıl oluşturulur


11

Kompozisyon, izleyicilerin gözüne rehberlik etmek ve onları içeriğinizde yönlendirmek için görsel bir akış veya ritim oluşturmak için harika bir araçtır. Kullanıcılarınızın içeriğinizle etkileşime girmesini istediğiniz yolu düşünmek önemlidir; örneğin, kullanıcıların "Şimdi Satın Al" düğmenizi görmeden önce onları ürününüzü satın almaya ikna eden metni okumasını istersiniz.

Görsel bir akış yaratmaya yardımcı olan bazı belirgin öğeler okları, çizgileri ve perspektifi içerir. Görsel bir akış ve ritim oluşturmak için ağırlık, konumlandırma, aralık ve renk de kullanılabilir.

Tasarımda görsel akış ve ritim oluştururken hangi hususlar göz önünde bulundurulmalı ve hangi spesifik teknikler kullanılabilir?


Bazı örnekler:

Kağıt Hamuru Parmakları

m1-Tasarım

Yeni Fırsat Festivali

resim açıklamasını buraya girin

resim açıklamasını buraya girin

resim açıklamasını buraya girin




1
İlk soruyu görmedim - ama bu soru neden bu sorunun nasıl olduğu .
Cai

Yanıtlar:


7

Bu sorunun cevabı bir yüksek lisans tezi olabilir, bu yüzden lütfen cevabımı teknik bir cevaptan daha fazla bir fikir olarak düşünün.

Tasarımlar, reklamlar, posterler, kitap kapakları vb.İle geldiğinde, bir tasarım kompozisyonuna sarılmış doğrudan mesajlardır. Tüm kompozisyonlar arasındaki ortak unsurlar tipografi, görsel dil, yazı dili ve yönüdür. Tipografik dil söz konusu olduğunda, "yol tarifleri" hakkında zımni konuşuyoruz ve yol tarifleri bize "anlar" veriyor. Herhangi bir tipografik tasarımda gözün soldan sağa ve yukarıdan aşağıya hareket edeceğini varsayarız. Bu, herhangi bir görsel tipografik kompozisyon için temel göz anıdır ve bazıları buna "Okuma Deseni" adını verdi.

Böylece zaten izleyicilerimizin doğal olarak izlediği "Okuma Deseni" ne dayalı kompozisyonumuzda bir başlangıç ​​yaptık. Metin ve bazı grafikler bizi en üst / soldan başlayıp alt / sağda bitirmemize yol açacaktır. Ayrıca bu cevapta, sanki gazete sütunları okuyormuşum gibi, TL / RB kuralı veya Temel Okuma Kalıbı diyeceğim. Bu çok temel bir yön.

Bazı stil, renk ve görsel tasarım öğelerine sahip kompozisyonlar, yazı tipi ağırlıkları, renkler, stil, oklar, oranlar vb. Gibi kuralı kırabilir. Bahsettiğiniz tüm olası kompozisyonlar bir kural kesicidir, ancak her biri kuraldan başlar. Demek istediğim, TL / RB kuralını (Temel okuma düzeni) bazı stillerle kırmak istediğimizde, aslında izleyiciye teslim etmek istediğimiz tüm mesaj içinde küçük "cümleler" oluşturuyoruz. Başka bir deyişle, kompozisyonumuza tasarımdaki herhangi bir konumdan başlıyoruz ve izleyiciye kendi yolculuğunu veriyoruz ve tüm mesajımızı kompozisyonumuza göre ve izleyicinin "kültürüne" dayanarak anlıyoruz.

Kullanıcının gözünü yakalamaya ve onu tasarımımızla istediğimiz şekilde yönlendirmeye karar verdiğimizde, aslında izleyicinin vicdanıyla konuşan bir görsel dil oluşturuyor ve onlara temel ve varsayılan TL / RB kuralı ve kültürlerine göre.

Kullanıcının tasarımımda yolculuğuna nereden başlayacağını söylemek zor, ancak onu bazı göz alıcı stillerle yönlendirebilirim. Bu kolay değil çünkü onunla görsel bir dille konuşuyorum ve tasarımımla ne söylemek istediğimi, hangi mesajın nerede, nereden başlayacağı ve nerede biteceğini ve tasarımımı nasıl anlayabildiğini varsayıyorum. Bu dil doğrudan bir yazı dili değildir, yani doğrudan anlaşılabilecek ortak bir dil değildir. Bu yüzden buna "tasarım felsefesi" diyoruz. Hem tasarımcı hem de izleyici kültürüne bağlı olarak ortak bir görsel dili yansıtabilir veya yansıtmayabilir.

Sadece görsel dilimle tasarımım üzerinden kullanıcılarla konuşmuyorum, ancak kullanıcının kültürüne göre de anlaşılabileceği görsel bir Dil konuşuyorum. Tasarımım ve kültürü ilk izlenimde bir araya gelmeli.

Bu benim kavramım ve daha fazla konuşabilirdim, ama dediğim gibi bir yüksek lisans tezi olabilir.


daha fazla bilgi
hsawires

6

'F' Deseni

Okuyucuların sayfayı yukarıdan aşağıya ve soldan sağa tarayacakları, sağdan kabaca 'F' şeklinde daha fazla dikkat gösterecekleri 'F' deseninin iyi bilinen bir etkisi vardır . Bu araştırma ve bir dizi bilimsel çalışma ile desteklenmektedir.

Bu temel olarak minimum grafik öğeleri olan ağır metin sayfaları için geçerlidir. Gövde metninin büyük parçalarını kaldırır ve odak öğeleri ekler eklemez, desen kaybolur. Ancak akılda tutulması gereken bir şeydir.

Akış Yaratma Teknikleri

Tasarımınızdaki akış ve hareket, tüm süreç boyunca akılda tutulması gereken bir şeydir. İlk olarak neyi başarmaya çalıştığınızı anlamanız gerekir —Tüm zaman boyunca tasarım boyunca açık bir hareket yoluna sahip olun ve ilgili öğeleri gruplayarak ve farklı bir görsel hiyerarşi oluşturarak başlayın. Daha sonra akışı tasarıma yönlendirmek için görsel ipuçlarını kullanabilirsiniz. Görsel ipuçları olarak yaygın olarak kullanılan bazı öğeler arasında çizgiler, şekiller, oklar, ölçek, perspektif ve görüntüler bulunur.

Çizgiler ve Şekiller

Çizgiler hareketi çeşitli şekillerde yönlendirmek için kullanılabilir. Hareket yönüne dik çizgiler, bir bariyer görevi görecek, yönü değiştirecek veya hareketi hep birlikte durduracaktır. Yönlü veya hareket eden çizgiler ve şekiller hareket ve akış oluşturabilir.

Bu düzenleri farklı satır kullanımlarıyla karşılaştırın:

Çizgiler

Akışı yönlendirmek için daha karmaşık şekiller de kullanılabilir:

Şekiller

Oklar hareket anlamına gelir ve gözleriniz doğal olarak okun yönünü izler, bu nedenle okların birinin görünmesini istediğiniz yere işaret etmesi mantıklıdır. Bu okları, oradan içeriğe doğru işaret ederek karşılaştırın:

Uzak ok

İşaret eden ok

Görsel Ağırlık ve Hiyerarşi

Daha büyük elemanlar doğal olarak göze çarpar. Boyut ve ölçek kullanımı, gözü tasarım boyunca yönlendirecek görsel bir hiyerarşi oluşturmanın önemli bir parçasıdır. Kontrastlı yazı tipleri, ağırlıklar ve renkler kullanarak ilgili öğeleri gruplandırmak ve algılanan bir görsel ağırlık oluşturmak en önemli bilgileri önceliklendirmeye yardımcı olur.

resim açıklamasını buraya girin

Perspektif

Algılanan bir perspektif, diyagonal çizgiler ve ölçek kullanılarak veya perspektif, imgelerin kullanımı yoluyla başka bir tekniktir.

resim açıklamasını buraya girin

Gözler

İnsan beyni yüzleri tanımak için yapılır. Etkili bir teknik, odak noktanıza yönlendiren görüş çizgisi ile bir konunun fotoğrafını veya resmini kullanmaktır.

resim açıklamasını buraya girin


Gözleri metninize odaklanmış gibi görünmüyor ama daha yakın mı?
joojaa

1
Çok hızlı bir örnekti ve bulduğum ilk resim ...
Cai

Bunu bir nedenden ötürü ödüllendirdi - "Önce neyi başarmaya çalıştığını anlamalısın." Amaç akışı nasıl tanımladığınızdır. İnsanlar çok geniş düşünerek "Neyi başarmaya çalışıyorsunuz" dediğinde ... hayır, oradasınız, işte bu, cevap bu!
Ryan

Teşekkürler @ Ryan yeh teknikleri harika, ama ne için kullandığınızı bilmeden işe yaramaz!
Cai
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.