Karmaşık Gradyanlar Tasarlarken Yapılması ve Yapılmaması Gerekenler

Yayınlanan: 2019-01-28

Degradeler, farklı renklerin karıştırılmasının bir sonucudur. Bu renk geçişleri, aksi takdirde düz görünecek tasarımlara derinlik katabilir. Düz renkler sınırlıdır ve degradelerle aynı etkiyi yaratmaz. Tasarımcılar renkleri karıştırarak benzersiz ve canlandırıcı bir renk yaratabilirler. Bu şema, bir web sitesinin tonunu ayarlamak ve tasarımlarının havasını yükseltmek için kullanılabilir. Dijital ürün tasarımında da uzmanlaşmış bir yazılım geliştirme şirketi olan 7ninjas.com'daki ekip, gradyanların spektrumun karşıt taraflarındaki renkleri karıştırarak veya sadece benzer veya tek renkli renkler seçerek oluşturulabileceğini söylüyor. Bu renk şemaları, bir kompozisyon üzerinde bir odak noktası oluşturmak için kullanılabilir. Her iki durumda da sonuç, farklı görünen ve hissettiren bir renk kombinasyonudur. Bu göz alıcı ve canlı renk geçişleri, herhangi bir tasarımı yükseltmeye yardımcı olabilir.

İçindekiler gizle
Renk Aranjmanı
Tamamlayıcı Renklerle Degrade Tasarlama
Doğal Işık Gradyanı
3 kademeli bir eğim tasarlarken göz önünde bulundurulması gerekenler
Kullanıcıları bir arayüzde yönlendirmek için gradyanları kullanma
Degrade için Renkleri Seçme
Gradyan Yerleşimi
Çizimler ve logolar için Gradyanlar

Düzenli olarak gradyan kullanan tasarımcılar için, gradyanı kullanılabilir kılan temel ilkeleri bilmek yardımcı olur. Tasarımcıların düz bir tasarıma derinlik katmaya yardımcı olmak için benzersiz renk geçişlerini nasıl oluşturduklarını öğrenmek için bu makaleyi okuyun. Lütfen bu yapılması ve yapılmaması gerekenlerin renkleri karıştırmak için sayısız saatler harcayan tasarımcılardan toplandığını unutmayın, bu nedenle bu tekniklerde ustalaşmak için kendinize biraz zaman verin.

Renk Aranjmanı

Toplu iğne

Yumuşak bir palet oluşturmak istiyorsanız, daha yumuşak bir gradyan için iki veya üç nötr ton kullanmak en iyisidir. Oysa eğlenceli, korkak bir tasarım, cesur renkleri karıştırmanızı ve birkaç ekstra renk ve renk durağı eklemenizi gerektirir. Hangi düzenlemeyi seçerseniz seçin, tasarımınızın amacını anlamak, aksi takdirde sıkıcı bir tasarıma doğru tonu ayarlayabilecek uyumlu bir palet oluşturmanıza yardımcı olacaktır.

Renkleri karıştırırken göz önünde bulundurmanız gereken birkaç önemli nokta.

  • Pürüzsüz bir degrade oluşturmak için iki veya üç renge yapıştırın
  • Degrade sekmesini 3'ten fazla renkle aşırı yüklememeye çalışın.
  • Belirli bir zamanda 3'ten az renk durağı kullanın
  • Renk geçişlerine dikkat edin

Tamamlayıcı Renklerle Degrade Tasarlama

Toplu iğne

Degradeler tasarlarken, birlikte iyi çalışan renklerle çalışmanız önerilir. Bu nedenle, tamamlayıcı renklerle çalışırken, renk teorisi hakkında biraz bilgi edinmek yardımcı olacaktır. Tamamlayıcı renkleri karıştırmak hoş bir kontrast oluşturabilir. Ancak çoğu zaman, bu renk geçişlerini oluştururken, tasarımcılar genellikle tuvalin ortasında hoş olmayan bir gri alana yol açan yalnızca iki renk durağı kullanır. Bu, bir uyumsuzluk hissi yaratabilir ve degradeyi göz için tatsız hale getirebilir. Renk tekerleğinden bir renk durağı kullanarak bu sorunu çözebilirsiniz. Tamamlayıcı renklerle çalışırken göz önünde bulundurulması gereken birkaç nokta.

  • Hoş bir kontrast oluşturan renklerle çalışın.
  • Merkezdeki grimsi alanı önlemek için üçten fazla renk kullanın.
  • Renk tekerleğinden bir renk seçerek bir renk durağı ekleyin.

Doğal Işık Gradyanı

Toplu iğne

Doğal ışık gradyanlarını tasarlarken, benzer bir renk paletine bağlı kalmak en iyisidir. Bir geçiş oluşturmak için ana rengi seçin ve daha açık bir renge kaydırın. Bu sonucu elde etmek için ana rengi seçebilir ve ardından doğal bir ışık efekti oluşturmak için rengi daha açık bir gölgeye veya daha açık sarı bir tona çevirebilirsiniz. Renk farkını küçük tuttuğunuzdan emin olun, aksi takdirde rahatsız edici veya doğal görünmeyebilir.

3 kademeli bir eğim tasarlarken göz önünde bulundurulması gerekenler

Toplu iğne

Saydam renk gradyanına monoton veya düz bir düz renk gradyanı tasarlarken, her iki uç nokta için de aynı rengi seçtiğinizden emin olun - ve orta noktadaki geçiş aşaması rengi %50 opaklığa ayarlanabilir.

Kullanıcıları bir arayüzde yönlendirmek için gradyanları kullanma

Degradeler, bir uygulamadaki veya web sitesindeki kullanıcı akışını kontrol etmek için kullanılabilir. Kullanıcıların gözü, ekrandaki daha parlak renklere yönelme eğilimindedir. Böylece onları belirli şekillerde yerleştirerek ekran içinde bir hareket hissi yaratabilir.

Degrade için Renkleri Seçme

Toplu iğne

Renkleri seçerken, daha yumuşak bir degrade için birbirine yakın renkler seçtiğinizden emin olun. Spektrumun karşı tarafında olan renklere yönelirseniz, genellikle birbirlerinin parlaklığını iptal ederler. Degradeler tasarlarken akılda tutulması gereken bir başka ipucu da, parlak renklerin genellikle nötr/koyu tonlardan daha belirgin olmasıdır. Bu nedenle, kullanıcıların görmesini istediğiniz yerlerde daha parlak tonlar ve bir şekil veya gölge hissi yaratmak için koyu geçişler kullanın.

Gradyan Yerleşimi

Toplu iğne

Degradelerin etkili olması için, bir tuval veya ekran içinde doğru bir şekilde yerleştirilmeleri gerekir. Gradyanlar genellikle güçlü bir varlığa sahiptir, bu nedenle tasarımınızda bunları kullanırken sağduyunuzu kullanın.

Çizimler ve logolar için Gradyanlar

Toplu iğne

Çizimlerde degradeleri kullanırken dikkatli olmalısınız. Çizgi çalışması ve degrade kaplamalar birlikte gitmez. Genellikle yersiz görünürler ve uyumlu bir kaplama oluşturmazlar. Ancak, bunları doldurulmuş veya izometrik çizimde kullanmak, ona 3D bir görünüm ve his verebilir.

B2C veya B2B markaları için degradeler kullanırken, markayı temsil eden renkleri seçtiğinizden emin olun. Gradyan, markanın değerlerini temsil etmeli ve farklı platformlar ve cihazlarda çalışmalıdır.

Bu küçük kılavuzun, daha iyi gradyanları kullanma ve tasarlama yolculuğunuzda size yardımcı olacağını umuyoruz. Burada toplanan ipuçları, sektördeki farklı tasarımcılardan denenmiş ve test edilmiş fikirlerin bir koleksiyonudur. Önemli bir numarayı veya fikri kaçırdığımızı düşünüyorsanız, lütfen bize yazın, burada paylaşmaktan mutluluk duyarız.