SHHH!Bok tasarımı prensibi hakkında bunun içindeki sırlarını paylaşmayın
Bok tasarım ilkelerini kullanmak, etkili bir görsel tasarım yaratmanın olağanüstü bir yoludur. “NE?!” Hepiniz diyorsunuz, değil mi? Daha önce hiç saçmalık duymadıysanız, bu kesinlikle bir sürpriz. Bilgisayarlarla ilgili birçok kitap yazan büyük bir Amerikalı yazar olan Robin Patricia Williams, Designer’ın Indesign Book adlı kitabında bir dizi grafik tasarım ilkesini açıkladı. Buna saçmalık dedi. (Onunla burada kısa bir röportaj okuyabilirsiniz).
İçerik Tablosu
Peki, saçmalık nedir? Tabii ki bildiklerimiz değil!
Renk
Boyut
Biçim
yazı tipi
Kurallar 3 saniye
Bağ
Çözüm
Peki, saçmalık nedir? Tabii ki bildiklerimiz değil! Şimdi, etkili bir tasarım ve göz alıcı yaratmak için tutarlı olmalıyız. Tutarlılık, her zaman ihtiyaç duyulan temel ve temel bilgileri uygulayarak gelir. Bu temeller her tasarımcı tarafından her zaman dikkate alınması gereken en temel şeylerdir.
Bir grafik tasarımcı olarak işiniz, web sitesinden ayrılamayacakları şekilde çarpıcı izleyiciler üretmektir. İzleyiciler, sürükleyici grafik tasarımınızla sandalyelerine sabitlenmeli ve bunun için bir saçmalık gelmelidir. Bok, kontrast, tekrarlama, hizalama ve yakınlığın kısaltılmasıdır.
Zıtlık
Kontrast oluşturmak için renk farklılıklarını kullanabilirsiniz. World Wide Web Konsorsiyumu (W3C), metin ve arka planı arasında gereken minimum kontrast hakkında yönergeler yapmıştır. Yüksek bir kontrast sahibi olmak metin ve arka plan açısından bir zorunluluk olsa da, farklı unsurlar hakkında konuştuğumuzda bu doğru değildir. Farklı unsurlar arasında yüksek bir kontrast olması, kullanıcının gözlerini gerebilir. Optimal kontrastın kullanılıp kullanılmadığını görmek için tasarımınızın gri ölçekli versiyonunu görebilirsiniz. Pratik bir kural olarak, gözü yormanın iyi bir uygulama olabileceği yüksek kontrast oluşturmayan tamamlayıcı renklerin nüanslarını kullanmak. Boyut
Elementlerdeki farklılıklar, özellikle metin açısından, bir kontrast kaynağı olabilir. Elementin boyutunu korumak, etrafındaki diğerlerinden önemli ölçüde daha büyüktür. Davet düğmesi hareketleri (CTA) bu daha büyük boyuttan da yararlanabilir. İzleyicileriniz onlara daha fazla dikkat edecek ve CRO’nuzda size yardımcı olacaklar. Ayrıca, CRO stratejinizle ilgili daha fazla yardıma ihtiyacınız varsa, bu kılavuza bakın. Farklı bir form oluşturmak, aradığınız kontrastı üretebilir. Kontrastı Infographics’te kullanılan formda etkili bir şekilde görebilirsiniz. Birbirine ek olarak farklı formların kullanılması, okuyucunun zihnini çekmeye yardımcı olabilir. Dikdörtgen şekle yuvarlak bir açı ekleyerek veya yuvarlak bir elementle birlikte bir kare eleman kullanma, bir daire de şekildeki kontrast örneği olabilir. yazı tipi Yazı tiplerini farklı gruplar halinde sınıflandırabiliriz. Serif, sans-serif, script, monospace ve ekran TypeScript’in temel sınıflandırmasıdır. Farklı bir yazı tipi grubu kullanmak, işaretlemek istediğimiz metin için kontrast oluşturabilir. Buna ek olarak, farklı bir yazı tipi ağırlığı (kalın veya sıradan), yazı tipi kuvveti (italik, bulanık veya normal) ve yazı tipi dekorasyonu (alt çizgiler, çekirdek, vb.) Kullanarak oyununuzu bir sonraki seviyeye getirebilir.
Tekrarlama İnsanlar olarak, zihinlerimiz beğenme kalıpları olarak programlanır; Onları her yerde arıyoruz. Desenler ne yarattı? Tekrarlama! Ayrıca, şeylerin tekrarlanmasıyla karşılaştığımızda bir kimlik duygusu yaratırız. Ana teması tekrarlanmayan bir müzik çalışması düşünün. Kayıp hissedeceksin.
Aynı şey tasarımda da oldu. Tasarım ve bir tür kimlik sağlamak için tasarımımızdaki renkleri, şekilleri, dokuları, boyutları ve diğer özellikleri tekrarlamamız gerekiyor. Ayrıca, şirketler marka bilinirliği oluşturmak için tasarımda tekrarlar kullanıyor. Farklı platformlara ve kanallara tutarlılık sunmak için bir dizi önceden belirlenmiş renk ve yazı tiplerini tekrarlarlar. Tasarımda tekrarlama, bok tasarımının dört ilkesinde bir başka önemli ilkedir. Kullanıcıların kendilerini güvende hissetmesi, kaybolmaması gerekir. Bu, web sitenizin UX’i optimize etmeye yardımcı olur.
Hizalama, bok tasarımı ilkesinde bir başka önemli faktör olarak, tasarımdaki elemanların konumunu belirleyin. Bir tasarıma uyum ve düzen duygusu veren şey budur. Elemanlar açısından, onu kenara veya merkeze göre uyumlu hale getirebilirsiniz. Ancak, metin sol, sağ, orta veya kolayca düzleştirilebilir. Kullanılan metnin diline bağlı olarak, sol ve sağ seviyelendirme, LTR veya RTL olmak en popüler olanıdır. Orta seviyeyi kısa metin aralığı için kullanabiliriz (ancak daha uzun bir metinde okunması zor). Gerekçe, uzun çizgi uzunluğu, küçük yazı tipi boyutu ve daha kısa kelimeler olduğunda iyi bir seçimdir (uzun kelimelerden oluşan dar bir satırda kullanarak okunabilirliği azaltır).Her tasarımın yatay bir hizalama kılavuzu görevi gören birkaç dikey çizgiye sahip olması gerekir. Sayfanın her yerinde yüzen metin yalnızca izleyicilerinizi karıştırır. İzleyicileriniz birbirlerinin her sayfasının ilişkisini gerçekleştirebilmelidir.
Yakınlık Son olarak, yakınlık, bok tasarımında önemli bir rol oynayan başka bir ilkedir. Tasarımdaki yakınlık, birbiriyle ilişkili ve birbirleriyle yakından ilişkili olan unsurları koymamız gerektiğini belirtir. Mantıklı, değil mi? Navbar’da okuduğunuz makalelerle ilgili bağlantılar bulmak istemiyorsunuz, değil mi? Buna ek olarak, sayfalar boyunca eşit olarak dağıtılmış alan öğeleri tasarımı takip etmeyi zorlaştırır. İzleyicilerin istenen bilgileri bulmasını kolaylaştırmak için ilgili öğeleri mümkün olduğunca grup. 3 saniye “Ayarların aşık olması sadece 3 saniye sürer.” Böylece, bok tasarımınızın mükemmel olup olmadığını görmek için yapabileceğiniz son test, 3 saniye içinde etkili olup olmadığını kontrol etmektir. Zihninizi temizleyerek ve uzağa bakarak, sonra tekrar tekrar yapabilirsiniz. Ayrıca 3 saniye sonra arkadaşların veya akrabaların görüşünü de isteyebilirsiniz. İlginç bir şey olup olmadığına ve 3 saniye içinde devam etmek isteyip istemediğimize karar verdik. İlişkimiz bu ilkeleri ayrı olarak kullanmamalıdır. Tekrarlama ve hizalama, kontrast üretmek için bir metnin şeklini veya konumunu değiştirmenizi sağlayan “normal” bir durum sağlamak için birlikte çalışır. Ayrıca, tekrarlama ve yakınlık, madeni para listesi gibi etkili bir format üretmek için birlikte çalışır – tekrarlama noktaları noktanın yakınlığına vurgu yapmaktadır.
