Tasarım İlkeleri ve Önemi

Bu makalenin sesli sürümünü dinleyin

Tasarım ilkeleri hakkında konuşmanın en zor kısımlarından biri, gerçekte kaç tane ilke olduğunu bulmaktır (beş mi? Yedi mi? 10?). Ve bu bir kez anlaşıldıktan sonra, bu varsayılan tasarım temellerinden hangisi dahil edilmelidir?

"Tasarım ilkeleri" için arama yapın ve Google, beş ila bir düzineden fazla bireysel ilkeyi içeren makalelerin sonuçlarını döndürecektir. Rakam üzerinde anlaşmaya varan makaleler bile, hangilerinin o sayıya dahil edilmesi gerektiği konusunda mutlaka anlaşmaya varmıyor.

Gerçekte, yeni başlayan ve uzman tasarımcıların projeleri üzerinde çalışırken akıllarında tutmaları gereken kabaca bir düzine temel tasarım ilkesi vardır. Ek olarak, bazen temel olarak dahil edilen bir düzine kadar "ikincil" tasarım ilkesi vardır (örneğin, Gestalt İlkeleri, tipografi, renk ve çerçeveleme). Ana tasarım ilkeleri aşağıda açıklanmış ve gösterilmiştir.

Temel Tasarım İlkeleri

Daha önce de belirtildiği gibi, tasarım camiasında tasarımın ana ilkelerinin gerçekte ne olduğu konusunda gerçek bir fikir birliği yoktur. Bununla birlikte, aşağıdaki on iki ilke, konuyla ilgili makalelerde ve kitaplarda en sık bahsedilenlerdir.

Zıtlık

Tasarımcıların müşteri geri bildirimleriyle ilgili en yaygın şikayetlerinden biri, genellikle bir tasarımın daha fazla "açılması" gerektiğini söyleyen müşteriler etrafında döner. Bu tamamen keyfi bir terim gibi görünse de, müşterinin genel olarak kastettiği şey, tasarımın daha fazla kontrasta ihtiyaç duymasıdır.

Kontrast, bir tasarımdaki farklı öğelerin, özellikle de bitişik öğelerin ne kadar farklı olduğunu ifade eder. Bu farklılıklar çeşitli unsurları öne çıkarmaktadır. Kontrast da erişilebilir tasarımlar oluşturmanın çok önemli bir yönüdür. Yetersiz kontrast, özellikle görme bozukluğu olan kişiler için metin içeriğinin okunmasını çok zorlaştırabilir.

Denge

Bir tasarımın her öğesi – tipografi, renkler, resimler, şekiller, desenler vb. – görsel bir ağırlık taşır. Bazı elementler ağırdır ve göze hitap ederken, diğer elementler daha hafiftir. Bu öğelerin bir sayfada düzenlenme şekli bir denge hissi yaratmalıdır.

İki temel denge türü vardır: simetrik ve asimetrik. Simetrik tasarımlar, hayali bir merkez çizgisinin her iki tarafında eşit ağırlıkta yerleşim elemanları. Asimetrik denge, genellikle genel tasarım içinde ortalanmayan bir çizgiye göre düzenlenmiş, farklı ağırlıktaki öğeleri kullanır.

Vurgu

Vurgu, bir tasarımın öne çıkması amaçlanan bölümleriyle ilgilenir. Çoğu durumda bu, tasarımın iletmek istediği en önemli bilgi anlamına gelir.

Vurgu, belirli bilgilerin etkisini azaltmak için de kullanılabilir. Bu, bir tasarımda yardımcı bilgiler için "ince baskı"nın kullanıldığı durumlarda en belirgindir. Bir sayfanın altına gizlenmiş küçük tipografi, bir tasarımdaki hemen hemen her şeyden çok daha az ağırlık taşır ve bu nedenle vurgulanmaz.

Oran

Oran, anlaşılması daha kolay tasarım ilkelerinden biridir. Basitçe söylemek gerekirse, öğelerin birbirine göre boyutudur. Oran, bir tasarımda neyin önemli olduğunu ve neyin olmadığını gösterir. Daha büyük öğeler daha önemlidir, daha küçük öğeler daha az önemlidir.

hiyerarşi

Hiyerarşi, bir web sitesini kullanan kişiler tarafından içeriğin ne kadar iyi işlenebileceğiyle doğrudan ilgili olan başka bir tasarım ilkesidir. Bir tasarımdaki öğelerin önemini ifade eder. En önemli unsurlar (veya içerik) en önemli olarak görünmelidir .

Hiyerarşi, bir tasarımda başlıkların ve başlıkların kullanılmasıyla en kolay şekilde gösterilir. Bir sayfanın başlığına en fazla önem verilmeli ve bu nedenle bir sayfadaki en önemli unsur olarak hemen tanınabilir olmalıdır. Başlıklar ve alt başlıklar, başlık ve metin metninin yanı sıra birbirleriyle ilgili olarak da önemlerini gösterecek şekilde biçimlendirilmelidir.

Tekrarlama

Tekrarlama, bir fikri pekiştirmenin harika bir yoludur. Aynı zamanda birçok farklı unsuru bir araya getiren bir tasarımı birleştirmenin harika bir yolu. Tekrarlama çeşitli şekillerde yapılabilir: aynı renkleri, yazı tiplerini, şekilleri veya bir tasarımın diğer öğelerini tekrar ederek.

Bu makale, örneğin, başlık biçiminde tekrar kullanır. Her tasarım ilkesi, bu bölümdeki diğerleriyle aynı şekilde biçimlendirilir ve okuyuculara hepsinin eşit öneme sahip olduğunu ve hepsinin birbiriyle ilişkili olduğunu gösterir. Tutarlı başlıklar, bu öğeleri sayfa boyunca birleştirir.

Ritim

Yinelenen öğeler arasındaki boşluklar, bir müzik bestesindeki notalar arasındaki boşluğun bir ritim oluşturmasına benzer şekilde bir ritim duygusunun oluşmasına neden olabilir. Tasarımcıların oluşturabileceği beş temel görsel ritim türü vardır: rastgele, düzenli, değişken, akıcı ve aşamalı.

Rastgele ritimlerin ayırt edilebilir bir kalıbı yoktur. Düzenli ritimler, her öğe arasında hiçbir değişiklik olmaksızın aynı aralığı takip eder. Alternatif ritimler, tekrar eden bir dizi düzeni izler, ancak gerçek öğeler arasında farklılık vardır (1-2-3-1-2-3 düzeni gibi). Akan ritimler, kum tepelerinin dalgalanmasına veya dalgaların akmasına benzer şekilde kıvrımları ve eğrileri takip eder. Aşamalı ritimler, ilerledikçe değişir ve her değişiklik önceki yinelemelere eklenir.

Ritimler bir dizi duygu yaratmak için kullanılabilir. Heyecan yaratabilirler (özellikle akıcı ve ilerleyen ritimler) veya güvence ve tutarlılık yaratabilirler. Her şey bunların uygulanma şekline bağlıdır.

Desen

Desenler, birlikte çalışan birden çok tasarım öğesinin tekrarından başka bir şey değildir. Duvar kağıdı desenleri, hemen hemen herkesin aşina olduğu desenlerin en yaygın örneğidir.

Bununla birlikte, tasarımda desenler, belirli öğelerin nasıl tasarlandığına ilişkin belirlenmiş standartları da ifade edebilir. Örneğin, üst gezinme, internet kullanıcılarının çoğunluğunun etkileşimde bulunduğu bir tasarım kalıbıdır.

Beyaz boşluk

Beyaz boşluk - aynı zamanda "negatif boşluk" olarak da anılır - bir tasarımın herhangi bir tasarım öğesi içermeyen alanlarıdır. Alan, etkili bir şekilde boştur.

Birçok acemi tasarımcı, her pikseli bir tür “tasarım” ile paketleme ihtiyacı hissediyor ve beyaz alanın değerini gözden kaçırıyor. Ancak beyaz alan, bir tasarımda birçok önemli amaca hizmet eder, en başta tasarım odasının öğelerinin nefes almasını sağlar. Negatif alan, belirli içeriğin veya bir tasarımın belirli bölümlerinin vurgulanmasına da yardımcı olabilir.

Ayrıca bir tasarımın öğelerini ayırt etmeyi kolaylaştırabilir. Bu nedenle tipografi büyük ve küçük harfler kullanıldığında daha okunaklı olur, çünkü küçük harflerin etrafındaki negatif boşluk daha çeşitlidir ve bu da insanların onları daha hızlı yorumlamasını sağlar.

Bazı durumlarda, izleyiciye hemen görünmeyebilecek ikincil görüntüler oluşturmak için negatif boşluk kullanılır. Bu, müşterileri memnun edebilecek markalaşmanın değerli bir parçası olabilir. Sadece bir örnek için FedEx logosundaki gizli oku alın.

Hareket

Hareket, gözün bir tasarım üzerinde hareket etme şeklini ifade eder. En önemli unsur, bir sonraki en önemli unsura yol açmalıdır vb. Bu, konumlandırma (göz doğal olarak önce tasarımın belirli alanlarına düşer), vurgu ve daha önce bahsedilen diğer tasarım öğeleri aracılığıyla yapılır.

Çeşitlilik

Tasarımda çeşitlilik, görsel ilgi yaratmak için kullanılır. Çeşitlilik olmadan, bir tasarım çok hızlı bir şekilde monoton hale gelebilir ve kullanıcının ilgisini kaybetmesine neden olabilir. Çeşitlilik, renk, tipografi, resimler, şekiller ve hemen hemen tüm diğer tasarım öğeleri aracılığıyla çeşitli şekillerde oluşturulabilir.

Ancak, çeşitlilik uğruna çeşitlilik anlamsızdır. Çeşitlilik, bir tasarımın diğer unsurlarını güçlendirmeli ve kullanıcının deneyimini iyileştiren daha ilginç ve estetik açıdan hoş bir sonuç yaratmak için onlarla birlikte kullanılmalıdır.

Birlik

Herkes, birlikte nasıl çalıştıklarına bakılmaksızın, yalnızca bir sayfaya öğeler atıyor gibi görünen bir web sitesi veya başka bir tasarım gördü. Hemen akla on farklı yazı tipinin kullanıldığı gazete reklamları geliyor.

Birlik, bir tasarımın öğelerinin birlikte ne kadar iyi çalıştığını ifade eder. Bir tasarımda görsel öğelerin birbirleriyle açık ilişkileri olmalıdır. Unity ayrıca kavramların açık ve uyumlu bir şekilde iletilmesini sağlamaya yardımcı olur. İyi bir bütünlüğe sahip tasarımlar, aynı zamanda, zayıf birliğe sahip tasarımlardan daha organize ve daha yüksek kalite ve otoriteye sahip görünmektedir.

Tasarımın Diğer İlkeleri

Konuyla ilgili çeşitli makalelerde tasarımın diğer ilkelerine de değinilmiştir. Bunlar tipografi, renk, Gestalt İlkeleri, ızgara ve hizalama, çerçeveleme ve şekli içerir. Bazıları kesinlikle "ilkeler" tanımına uyarken, diğerleri daha çok tasarım öğeleri gibidir.

Tipografi, metnin bir tasarımda düzenlenme şeklini ifade eder. Bu, kullanılan yazı tiplerini, bunların aralığını, boyutunu ve ağırlığını ve farklı metin öğelerinin birbiriyle ilişki biçimini içerir. İyi tipografik tasarım, bu makalenin önceki bölümlerinde bahsedilen diğer tüm tasarım ilkelerinden büyük ölçüde etkilenir.

Tasarımda renk kullanımı, tasarımın psikolojik olarak en önemli kısımlarından biridir ve kullanıcı deneyimi üzerinde büyük etkisi vardır. Renk psikolojisi ve teorisi, daha önce bahsedilen diğer ilkelerin bazılarını büyük ölçüde etkiler.

Gestalt İlkeleri benzerlik, devam, kapatma, yakınlık, şekil/zemin ve simetri ve düzeni (pragnanz olarak da adlandırılır) içerir. Bu ilkelerin bazıları yukarıda bahsedilen ilkelerle yakından ilişkilidir.

Izgara ve hizalama, denge ile yakından ilişkilidir ve sayfadaki görünmez bir ızgaraya göre öğelerin düzenlenme şeklini ifade eder.

Çerçeveleme, bir tasarımın ana konusunun sayfadaki diğer öğelere göre nasıl yerleştirildiğini ifade eder. Bir görüntünün ana odağının genel görüntünün içine nasıl yerleştirildiği ile ilgili olarak en sık sinematografi veya fotoğrafçılıkta bahsedilir. Ancak ilke, tasarıma taşınır.

Şekil, hem tasarım içinde öğeler olarak kullanılan belirli şekiller hem de tasarımın kendisinin genel şekli açısından herhangi bir tasarımın önemli bir parçasıdır. Farklı şekiller farklı duygular uyandırabilir, yani daireler organik ve akışkan iken kareler daha katı ve resmidir ve üçgenler bir enerji veya hareket hissi verir.

Bu tasarım "ilkeleri" veya öğeleri, iyi tasarımın önemli yönleridir ve en iyi kullanıcı deneyimlerini yaratmak için diğer temel ilkelerle birlikte düşünülmelidir.

Çözüm

Tasarımın “temel” ilkelerini neyin oluşturduğu kesinlikle tartışmaya açıktır. Ancak yukarıda kapsanan ilkeleri anlamak ve uygulamak, herhangi bir tasarım projesinin başarısı için hayati önem taşır.

Tasarımcılar, bu tasarım ilkelerinin her birinin işlerini gerçekten nasıl etkilediğini anlamayı hedeflemelidir. Diğer tasarımcıların kendi tasarımlarını yapılandırmak için bu fikirleri nasıl uyguladıklarını incelemek, daha iyi tasarımlar oluşturmayı öğrenmede inanılmaz derecede değerli bir araçtır.

Bu unsurları ve tasarım ilkelerini tam olarak anlamadan iyi bir tasarım yaratmak tamamen mümkündür. Ancak, genellikle "tasarımcının sezgisi" ile yapılır ve gerçekten iyi görünen ve optimum kullanıcı deneyimi yaratan bir şey yaratmak için çok fazla deneme yanılma gerektirebilir. Tasarımcılar, tartıştığımız ilkeleri ikinci doğa haline gelene kadar uygulayarak çok fazla zaman ve enerji tasarrufu sağlayabilirler.

Toptal Tasarım Blogunda daha fazla okuma:

• Tasarım İlkeleri: Hiyerarşiye Giriş
• Bu Başarılı Etkileşim Tasarım İlkeleri ile UX'inizi Güçlendirin
• Tasarımın Gestalt İlkelerini Keşfetmek
• İkna Edici Tasarım: İleri Psikolojiyi Etkili Kullanmak
• Ultimate UX Hook – UX'te Öngörülü, İkna Edici ve Duygusal Tasarım