Her tasarımcının bilmesi gereken 20 tasarım öğesi ve ilkesi

Tasarımın çok kontrollü olduğu bir zaman vardı. Fazla desenli. Çok güvenli.

Ancak evrim kaçınılmazdır ve tasarımcılar biraz daha deney yapmaya başladılar.

Oradan tasarımlar daha cesur ve daha iyi hale geldi. Tasarımcılar, izleyicilerinin davranışlarının ardındaki bilimi derinlemesine incelemeye başladılar ve bu da onların pazarın talep ettiğine göre esnek olmalarını sağladı.

“Bugün tasarım, kalıplardan ve trendlerden daha fazlası haline geldi. Bir yaşam tarzı haline geldi. ” Her insan tepkisine ve rutinine dikkatle işlenmiş bir şey. Ve bu yaşam tarzının getirdiği inceliklerin altında, bu dünyayı yaşamak için daha yaratıcı ve güzel bir yer haline getiren 20 farklı tasarım ilkesi yatıyor.

Gelin bu ilkelere ve bunları tasarımlarınızda kullanmak için ipuçlarına bir göz atalım.

çizgiler

Etrafınızda herhangi bir yere bakın ve çizgiler göreceksiniz. Bilgisayar ekranınızın kenarları. Klavyenizdeki her tuşun kenarları. Hatta o tuşların üzerindeki harfler de çizgilerden oluşuyor, kimisi düz, kimisi eğri, kimisi eğik.

Çizgiler tam da bu kadar önemli. Onlar olmadan, her şey sonsuz bir şekilde birbirine karışarak dünyayı tek bir damla haline getirirdi.

Çizgileri daha da şaşırtıcı yapan şey, her şeyin biçimini tanımlamaları bir yana, aynı zamanda eşdeğer tepkiler isteyen duygu ve fikirlere de dönüşmeleridir. Örneğin, düz bir dikey çizginin yanına dalgalı bir çizgi koyun ve bir yanda düzen ve güç, diğer yanda kaos ve karışıklık düşünmeye başlayacaksınız. Kitlenizden belirli harekete geçirici mesajlara yanıt vermesini istiyorsanız bu çok yararlı olabilir. Ruh halleri ve duyguları belirlendiği anda, harekete geçirici mesajınız arasında gezinmek daha kolay.

Çizgilerin web tasarımında oynadığı bir diğer rol, izleyicilerin gözlerini her sayfanın odak noktalarına yönlendirmeleridir. Örneğin, diğer daha küçük metinlerden oluşan bir denizde marka adının altındaki güçlü satırlar, o ismin öne çıkmasına yardımcı olacaktır.

Ölçek

Ölçek, farklı öğeleri tek bir tasarımda nasıl boyutlandıracağınızı tanımlar. Temelde mantığı bir parçaya getirir veya onu alır. Örneğin, bir köpeğin hemen yanına bir karınca çizecek olsaydınız, köpeği karıncadan çok daha büyük yapmanız mantıklı olurdu (tasarım gerçeklikten uzaklaşmanızı gerektirmedikçe).

Ölçek aynı zamanda drama yaratmanın en iyi yoludur. Yukarıda belirtildiği gibi, gerçekçilikten uzaklaşmanız ve bazı öğeleri diğerlerinden önemli ölçüde daha küçük veya daha büyük boyutlandırarak çarpıcı efektler oluşturmanız gereken durumlar olacaktır.

Ölçekleme aynı zamanda hiyerarşiyi vurgulamanın harika bir yoludur. Örneğin film afişlerini ele alalım. Büyük rollere sahip aktörlerin resimleri genellikle diğer oyunculardan daha uzun ya da daha büyük oldukları için değil, karakterleri daha önemli olduğu için diğerlerinin üzerinde durur.

Şimdi, çok fazla metin içeren ve çok fazla resim içermeyen bir şey üzerinde çalıştığınızı varsayalım. Ölçekleme, bazı ayrıntıları diğerlerinden daha fazla vurgulamanız için hala en iyi yol olduğunu kanıtlıyor. Örneğin istatistikler, izleyicilerin gözlerini doğrudan bu veri parçasına çekmek için önemli ölçüde büyütülebilir.

Renk

Renklerin her şey üzerinde ne kadar etkili olduğu inanılmaz. Rengin sadece kişinin ruh hali ve duyguları üzerinde değil, aynı zamanda tepkileri ve satın alma kararları üzerindeki etkileri üzerine ardı ardına araştırmalar yapıldı.

Markaları için siyah beyazdan başka bir şey kullanmayan bir çevreci şirket görebiliyor musunuz? Veya parlak neon renkler kullanarak profesyonel bir hava ve geleneksel değerler yaymak isteyen bir işletme mi? Sanırım bu, rengin tasarımda oynadığı rolü gösteren yeterli açıklama.

Tutarlılık

Coca-Cola'yı düşündüğünüzde, renkleri yeşil mi yoksa mavi mi hayal ediyorsunuz? Muhtemelen hayır - zihniniz otomatik olarak kırmızı renge atlar.

İşte tutarlılık budur.

Bir marka için tasarım yapmak tamamen tutarlılıkla ilgilidir. Her şey tamamen aynı renk tonlarını, tonlarını ve renk tonlarını ve aynı yazı tipi türlerini kullanmakla ilgilidir. Ofis raporları, reklam panoları, afiş reklamları – markayla ilgili her şey her zaman tutarlı olmalıdır. Ne de olsa Coca-Cola her yıl renk düzenini değiştirse, sence şu anda sahip olduğu aynı marka hatırlanmasını sağlar mı? Bence değil.

Beyaz boşluk

Frame Inc. Kartvizitler

Beyaz boşluk mutlaka beyaz olduğu anlamına gelmez, ancak hangi renk olursa olsun her zaman aynı anlama gelir. Öğeleriniz arasındaki kullanılmayan boşluk, birçok tasarımcının çıldırdığı o negatif boşluk.

Bazılarına, kullanılmayan tüm alan çok büyük bir israf gibi görünüyor. Ancak stratejik olarak boş bırakarak o alanı kendi yararınıza kullanana kadar bekleyin. Kitlenizin aklını başından alacak yepyeni bir yaratıcılık düzeyi açabilirsiniz.

Bana inanmıyor musun? MC Escher's Sky and Water'a bakın, tam olarak ne demek istediğimi anlayacaksınız.

Simetri

Garrett Godsey'den Ares Yaması

Gözlerinizin doğal olarak simetrik olan her şeye çekildiğini biliyor muydunuz? Bu, Target ve Chanel gibi markaların logolarını inanılmaz derecede akılda kalıcı hale getirerek yararlandığı konsepttir.

Simetri, herhangi bir tasarıma denge ve düzen duygusu getiren bir şeydir. Bazen o kadar bariz olmayabilir, ancak her harika sanat eseri, göze hoş gelen bir simetri oluşturmanın benzersiz bir yolunu sunar.

opaklık

Bir tasarım öğesinin opaklığı, onun ne kadar 'içten göründüğünü' gösterir. Her şeyin ne kadar şeffaf olduğunu belirler. Daha düşük opaklığa sahip her şey temelde daha hafiftir, daha yüksek opaklığa sahip öğeler ise göze daha sağlam gelir.

Opaklık, alttakilerin varlığını tamamen ortadan kaldırmadan farklı öğeleri üst üste koymanıza yardımcı olabilir. Ayrıca bir görüntüye hareket hissi eklemek için kullanılır.

Doku

Doku olmadan, herhangi bir tasarım boş ve sade görünebilir. İçine biraz doku ekleyin ve tasarım canlanarak ekrandan veya üzerine yazdırıldığı yüzeyden fırlamaya hazır gibi görünsün.

Bu, her tasarım parçasının doku gerektirdiği anlamına gelmez. Temiz ve keskin olduklarında daha iyi görünecek tasarım projeleri her zaman olacaktır. Bununla birlikte, küçük bir dokunun zarar görmeyeceği durumlar da olacaktır.

Yüzeye derinlik katan bir arka plan ekleyerek tasarımınızın dokusunu canlandırabilirsiniz. Bazı öğeleri kabartmayı da deneyebilirsiniz.

Denge

Eddie Lobanovskiy tarafından dokunun

Denge bazen simetri ile karıştırılabilir ama aslında ikisi farklı şeylerdir. İşler simetrik olduğunda, her öğe aynı kenar boşluğunda bitebilir veya sayfanın her iki tarafında aynı sayıda öğe olabilir. Bu genellikle bir denge hissi ile sonuçlanırken, bu hissi simetrik bir tasarım kullanmadan da elde edebilirsiniz.

Örneğin, biraz metin ve resim içeren bir hakkında sayfası tasarlamak istediğinizi varsayalım. Metin görüntüyle aynı öğe olmasa da iki sütunlu bir düzen ile bir denge duygusu bulabilirsiniz.

Denge, bir tasarımın tamamlanmış görünmesini sağlayan bir şeydir. Bir görüntü dengesiz olduğunda, yarı pişmiş veya daha da kötüsü, yavan görünebilir.

hiyerarşi

Melanie Taube tarafından Hiyerarşi

Hiyerarşi, hangi öğelerin diğer her şeyden daha önemli olduğunu gösterir. Bu, hiyerarşinin sonundaki öğelerin (deyim yerindeyse alt besleyiciler) onsuz yapabileceğiniz şeyler olduğu anlamına gelmez. Sonuçta, hiyerarşinin diğer ucundaki unsurlar olmadan, hedeflediğiniz etki miktarını elde edemezsiniz.

Hiyerarşi, ölçeklendirme dışında pek çok farklı şekilde ifade edilebilir. Besin zincirinin tepesindekiler için daha parlak renkler kullanabilirsiniz, aşağı indikçe renk daha da açılır.

Zıtlık

Zıtlık, karşıtların kuralıdır. Temelde ışığı karanlıktan, büyükten küçüğünden ayırır. Tasarımlarından her zaman bir veya iki öğeyi öne çıkarmayı hedefleyen tasarımcılar için kontrast genellikle kullandıkları yaklaşımlardan biridir.

Ancak kontrast, estetikten çok daha derine iner. Kontrast ayrıca okunabilirliği de etkiler. Metin ve arka plan için neredeyse aynı olan iki renk kullanın ve muhtemelen metnin ne dediğini okumaya çalışırken gözlerinizi çizeceksiniz. Yüksek kontrastlı iki renk kullanarak gözleriniz görmesi gerekeni hemen görecektir.

çerçeveleme

Sean McCabe'den en iyi kamera yanınızdaki kameradır.

Bir çerçevenin, içine koyduğunuz resimlerin etrafına nasıl bir sınır koyduğunu gördünüz mü? Çerçeveleme tam olarak bunun içindir. Temel olarak size neyin resmin parçası olması ve neyin olmaması gerektiğini gösterir.

Kutu anahatları, kenar boşlukları – bunların hepsi çerçeveleme biçimleridir. Ayrıca, metinle dolu bir sayfanın ortasındaki tek bir alıntı gibi, belirli öğeleri diğerleri üzerinde vurgulamanıza olanak tanır.

Ayrıca yaratıcı olabilir ve çerçeveniz için olağan çizgiler ve kenar boşluklarından başka şeyler kullanabilirsiniz. Örneğin, plaj temalı bir poster, metni etkili bir şekilde çerçevelemek için etrafına dizilmiş kabukları kullanabilir.

Kafes

İşleri boş bir alanda hizalamaya çalışmak zor olabilir, bu nedenle ızgaralar tasarımda çok önemlidir.

Izgaralar, tasarımcıların öğeleri hizalamasına ve düzenlemesine yardımcı olur. Buna mükemmel bir örnek, bir dergi sayfasındaki veya bir gazetedeki sütunlar olabilir. Tüm bu metnin bir ızgaranın rehberliği olmadan rastgele yerleştirildiğini hayal edebiliyor musunuz? Bir anlam çıkarmaya çalışmak bir felaket olurdu.

Öte yandan, biraz daha az katı bir tasarım için gidiyorsanız, ızgarayı kırmak anında bir kaos duygusu yaratmanın harika bir yoludur. Gözlerimiz doğal olarak bir tasarımın düzenini ve ızgarasını arama eğilimindedir, bu nedenle bu yapının dışına çıkmak bir düzensizlik duygusu yaratmaya yardımcı olacaktır.

kendiliğindenlik

Tabi tabi. Dengeye ihtiyacımız var. Simetriye ihtiyacımız var. Izgarayı takip edin. Çerçevelemek için çizgileri kullanın. Ancak tüm bunlar, her şeyin kılavuza göre yapılması gerektiği anlamına gelmez. Bazen, harika bir tasarım yaratmak için biraz çılgınlık da gereklidir.

Sütunlar ve satırlar arasında zaten net bir bölünmeye sahip olmanız, mevcut çerçeveleri izlemeden aniden ortaya bir alıntı yapamayacağınız anlamına gelmez. Bu çizginin öne çıkması için en iyi yol buysa, öyle olsun.

Tasarlarken, "kurallarınızdan" bir mola verin ve biraz kendiliğindenliğe yer bulun - beklenmedik bir şey. Bu, tasarımınızın ihtiyaç duyduğu şey olabilir.

Yön

Allan Peters tarafından Spiral Artcrank Tasarımı

Bu aynı zamanda görsel veya grafik ipuçları olarak da ifade edilebilir. Harekete geçirici mesaj düğmenizi işaret eden birinin resmini yerleştirin ve hemen hemen her okuyucunun gözleri hemen o düğmeye gidecektir.

Tabii ki, gözler de bir sayfaya bakarken belirli kalıpları takip ediyor. Araştırmalar, örneğin, gözlerin takip ettiği en yaygın modellerin E, F veya Z şekli olduğunu gösteriyor. Bu nedenle, en önemli içeriği sayfanın sol üst köşesine yerleştirmek en iyisidir, çünkü gözlerin doğal içgüdüsü önce sol üstten sağ üste geçmek olacaktır.

Tüzük

Evet, yaratıcılık genellikle kendiliğinden olmasına rağmen, hala uymanız gereken birçok tasarım kuralı vardır. Ama yine de, bu kuralları sık sık çiğnemek sizi şaşırtıcı derecede güzel parçalar yaratmaya itecektir.

Peki kurallara ne zaman uyacağınızı ve ne zaman çiğneyeceğinizi nasıl bileceksiniz?

İlk olarak, tam olarak neyi kırdığınızı bilmeniz için temel bilgiler konusunda bilgili olmalısınız. Ardından, kuralları çiğnemenin yapmaya çalıştığınız noktaya karşılık geldiğinden emin olun.

Hareket

Basılı tasarımda hareket yaratmak için sihire ihtiyacınız yok. Bir görüntünün hareket ettiği izlenimini vermenize izin verecek, kullanabileceğiniz pek çok efekt vardır.

Örneğin, bisiklete binen bir çocuğun görüntüsünde, yanından geçtiği her şeyle vızıldadığını göstermek için etrafındaki görüntünün geri kalanını bulanıklaştırabilirsiniz. Dalga efektlerinin yanı sıra hareket çizgilerini de kullanabilirsiniz. Yukarıda Vladimir Mirzoyan tarafından tasarlanan bu logoda olduğu gibi, optik hareket yanılsaması vermek için opaklığı da kullanabilirsiniz.

Derinlik

Elbette, düz tasarımlar birkaç yıldır çok revaçta. Bazı tasarımlarınıza derinlik katmanın hala daha iyi uyduğunu kabul etmelisiniz. Sonuçta, fiziksel olarak iki boyutlu bir şeyin bir sayfadan fırlıyormuş gibi görünmesi ne kadar şaşırtıcı?

Tasarımlarınızda derinlik yaratmak için kullanabileceğiniz birkaç teknik vardır, örneğin:

• gölgeler
• örtüşen
• Perspektifle oynamak (3D efektiyle sonuçlanır)

Tasarımınız biraz can alabilir gibi görünüyorsa, bu yaklaşımlardan herhangi birini deneyin ve yüzeyinden yükselmeden önce görüntüyü görün.

tipografi

Tasarımınızın tüm resimlerine, dokularına, arka planlarına ve diğer öğelerine sahip olabilirsiniz, ancak tipografiniz biraz çalışma gerektiriyorsa, tüm tasarımınız tehlikeye girer. Tipografi, sadece yazı tipi stilleri ve yazı tipi boyutlarından daha fazlasıdır. Ayrıca ölçekleme, aralık, renk ve diğer birçok temel tasarım konseptiyle de ilgisi vardır.

Tipografi çok fazla alanı kapsadığından, tipografinizi nasıl daha iyi hale getirebileceğinizle ilgili bu kitapları okursanız muhtemelen daha aydınlanırsınız.

Kompozisyon

Dalgalar Romain Rdb tarafından

Kompozisyon, tek başına duran bir unsur olmak yerine, aslında daha önce tartıştığımız bazı unsurların birleşimidir. Ölçek, hiyerarşi, derinlik – tüm bunlar ve çok daha fazlası, tasarımın genel kompozisyonuna katkıda bulunur.

Kompozisyon, en temel anlamıyla, tasarımınızın her bir unsurunun genel düzenlemesini kapsar. Sadece tartıştığımız tüm unsurları hayal edin – birlikte karıştırıldığında, sonuç işe yarıyor mu, yaramıyor mu? Kompozisyonu böyle ölçersiniz.

20 farklı unsur, bir tasarımı yapmanın veya bozmanın 20 farklı yolu. Çalışırken her zaman bu öğelerin bir listesini yanınızda bulundurun ve bir sonraki tasarım projenizi tamamlamanın getirdiği zorlukları aşmaya çalışırken rehberiniz olmasına izin verin.