Tasarımın temelleri: markanızı ve sitenizi oluşturmak

Bir tasarımcıysanız, muhtemelen şu an ortalıkta dolaşacaksınız, ancak değilseniz, o zaman yolculuğa devam edin ve tasarımın temelleri hakkında her şeyi öğrenin.

Tasarım sadece bir şeylerin güzel görünmesini sağlamakla ilgili değildir. Bu gerçekten kullanıcıya web sitenizi nasıl kullanacağını manipüle etmek ve öğretmekle ilgilidir. Bir tasarımcının rolü, bir kullanıcının ihtiyaçlarını karşılayabilmesi ve herkesin mutlu olması için izlemesi gereken yolu belirlemektir.

Çoğu zaman, bir kullanıcı bunun olduğunu fark etmez bile. Bunun nedeni, tasarımın, yaşamımız boyunca yüzlerce web sitesini ziyaret etmekten doğal olarak öğrendiğimiz bir dizi kuralı izlemesidir.

Kompozisyon

Bir sayfada gördüğünüz her şeyin bir nedeni vardır ve iyi tasarım, Gestalt tasarım ilkeleri olarak adlandırılan bir dizi kuralı izleyecektir.

İnsan beyni, bir görüntünün boşluklarını, üzerinde bilinçli olarak düşünmek zorunda kalmadan doldurabilmesi bakımından harikadır. Cansız bir nesnede bir yüz gördüyseniz, bunu yapan beyninizdir.

Gestalt ilkeleri temel olarak beynimizin nasıl çalıştığına dayanır. Siz gününüze devam ederken, beyniniz çılgınca her saniye bir dizi karmaşık görüntüyü basitleştirmeye ve düzenlemeye çalışıyor - hem de sadece kahvenizi yudumlarken!

Baktığımız her şeyde kalıplar ve yapı aramak için inşa edildik, bilinçaltında her şeyi zihnimizde organize bir sistem halinde düzenledik. Tasarımcılar daha sonra bu bilgiyi aşağıdaki ilkeleri kullanarak bilinçaltı için tasarım yapmak için kullanırlar:

Şekil/zemin

Şekil/zemin, negatif boşluk ve kontrast kavramını kullanır. Beyin, öğeleri ön planda ve arka planda olduğunu düşündüğü öğelere ayıracaktır. Görüntünün bir bölümünü alacak ve ona bir 'odak noktası' rolü atayacak ve görüntünün daha geniş alanını figürün üzerine oturduğu arka plan olarak görecektir.

Bu genellikle optik illüzyonlarda görülür, ancak logolara ve web sitelerine uygulanabilir. Örneğin, FedEx logosu, içinde gizlenmiş bir ok yanılsaması yaratmak için logoda negatif boşluk kullanır.

“E” ve “x” arasındaki negatif boşluk, orada bir ok varmış gibi görünmesini sağlar.

yakınlık

Bu ilke, beynin şeyleri bir arada gruplandırmaya çalıştığı fikrine odaklanır. Birbirine yakın olan nesneler bir ailenin parçası gibi görünür. Şekiller aynı olsa bile, konumları, kullanıcının öğelerin bir grubun parçası olduğunu varsaymasını sağlayan şeydir.

Renk, şekil ve boyut aynı olsa da beynimiz bize bunların üç ayrı grup olduğunu söyler:

Tek tip bağlantı

Bu, tasarımcıların kullanıcıya web sitesini nasıl kullanacaklarını “öğrettikleri” temel yollardan biridir. Bu renk, boyut ve şekil yoluyla yapılabilir. Örneğin dairelerde sağlanan bilgilerin benzer nitelikte olduğunu ve örneğin karelerde sağlanan bilgilerin dairelerden farklı nitelikte olduğunu varsaymak güvenlidir.

devam

Devam veya hizalama, insan gözünün bir sayfadaki en basit yolu izleyeceği fikrine dayanır. Bu nedenle, herhangi bir önemli bilgi, kullanıcının bakacağı ilk yer olduğu için bu satıra girmelidir.

Çizgiler izleyicinin gözünü ya gerçek çizgilerle ya da doğal olarak bir çizgiye düşen şekillerle yönlendirdiği için çok ince bir şekilde yapılabilir. Bu, tipik olarak akış şemalarında ve bilgi grafiklerinde ve aynı zamanda ilgili ürünleri gösteren yatay kaydırıcılardaki e-Ticaret sitelerinde de görülebilir.

Izgaralar bu hizalamanın büyük bir parçasıdır. Basitlik fikrinden yola çıkarak, 20. yüzyılın başlarında Almanya'da ortaya çıkan Bauhaus sanat akımı, ızgaralar kavramını başlattı.

Renk

Renk, marka bilinirliği için açıkça önemlidir. McDonald's'ın parlak altın kemerlerini kırmızı bir arka plan üzerinde gördüğümüz anda ne olduğunu anlarız. Bu renkler rastgele seçilmedi, arkasında biraz bilim var.

Örneğin, McDonald's'ın kırmızı ve sarı tercihi, kalp atış hızını artıran ve bu nedenle sizi daha acıktıran ve gıda ürünlerini satın alma olasılığını artıran sıcak renkler oldukları için kullanılır.

Renk, duyguyla çok ilgilidir. Hedef kitlenizin kim olduğunu ve markanızın hangi duygularla ilişkilendirilmesini istediğinizi düşünmelisiniz.

Sarı

Genellikle mutluluk ve güvenle ilişkilendirilir. Sıcak renkleri, iştahı artırabileceği için gıda endüstrisinde kullanılmasını sağlar. Ancak, dikkate alınması gereken yaş faktörleri vardır. Sarı, bebekleri ağlamaya daha yatkın hale getirebilir, ancak gençler ve genç yetişkinler sarı renk konusunda daha iyimser hissederler. Bu, daha sonra sarıyı korkuyla ilişkilendiren daha yaşlı demografiye ulaştıkça tekrar değişir.

Mavi

Genellikle tıbbi ortamlarda ve teknoloji için kullanılır. Daha sakin, dingin bir kalitesi var ve daha profesyonel görünebilir. Ayrıca iştah üzerinde tam tersi bir etkiye sahiptir ve aslında onu daha fazla bastırır.

Mor

Mor zenginlik, güç ve başarı ile ilişkilidir. Bu, kralların kumaş boyaması en zor pigmentlerden biri olduğu için zenginlik göstergesi olarak mor giymelerinden kaynaklanmaktadır - o renkte kıyafet elde etmek için çok zengin olmanız gerekiyordu. Bu, bilinçaltımıza taşındı ve yüzlerce yıl önce olduğu gibi mora aynı çağrışımları veriyor.

Pembe

Pembe sakinleştirici özellikleriyle bilinir. Etkileri o kadar güçlü ki, hapishanelerde mahkumları sakinleştirmek için renkler kullanılıyor. Ayrıca aşk ve romantizm gibi daha basmakalıp çağrışımlara da sahiptir.

Portakal

Sıcak bir renk olduğu için sarıya benzer şekilde turuncu, coşku ve heyecan duygularını taşır. Daha cana yakın ve arkadaş canlısı olduğu için sarının daha nazik bir versiyonu olarak kullanılabilir. Parlak renkleri ayrıca, örneğin kırmızı kadar sert olmadan dikkat çekmek veya dikkat çekmek için işaretler için kullanılabileceği anlamına gelir.

bir araya toplamak

Bu sadece tasarıma giriş. Gördüğünüz gibi, ilk bakışta nispeten basit görünebilecek bir şeyin arkasına geçebilecek birçok unsur ve çok fazla düşünce var. Ancak her marka ve web sitesi, anında tanımayı öğrendiğiniz markaları ve siteleri oluşturmak için esasen bu ilkelerin bazılarının birleşimiyle oluşturulur.

Tasarım hakkında daha fazla bilgi edinmek isterseniz, yaratıcılarımızdan biriyle iletişime geçmekten çekinmeyin.