Tüm Web Tasarımcılarının Edinmesi Gereken Temel Tasarım Becerileri

Bir web tasarımcısı olmayı düşünüyorsun, ha? Ya da belki sen zaten öylesin. Önemli değil. Ne işe yarar, göreve nasıl yaklaştığınızdır. Karışacak mısın, giderken öğrenecek misin? Yoksa daha hesaplı bir yaklaşım mı izleyeceksiniz?

Bence bir kombinasyon en iyisidir. Sonuçta bazı şeyleri ancak yaparak öğrenebilirsin. Ve diğerleri, başlamadan önce sağlam bir bilgi temeline sahip olmanız gerekir.

Aşağıdakiler, web tasarımcılarının sahip olması gereken becerilerin bir karmaşasıdır; gerçekten başarılı olabilmeleri için araç kutularında hangi araçlara ihtiyaçları var? Not: Muhtemelen bunlardan bazıları olmadan da idare edebilirsiniz, ancak repertuarınızda ne kadar fazla beceriye sahipseniz o kadar iyidir.

HTML ve CSS

Akıl almaz, değil mi? İyi bir web tasarımcısı olmak için HTML bilmeniz gerekir. Emin olmak için bu beceri olmadan bir WordPress teması yükleyebilirsiniz. Ancak, bir müşterinin özel ihtiyaçlarına uyacak önemli düzenlemeler yapmak istiyorsanız, en azından bir etiketi nasıl kapatacağınızı bilmeniz gerekir.

Ve HTML ile birlikte CSS geliyor. Sitelerinizin nasıl görünmesini istiyorsanız öyle göründüğünden emin olmak için CSS'ye hakim olmanız gerekir. Bu, vitrin giydirmesinden çok daha fazlası. CSS, sitenizin kullanıcı deneyiminde önemli bir rol oynar ve UX, bir sitenin son kullanıcı için ne kadar işlevsel olduğunu belirleyebilir. Burada hızlanmak, site genelinde renkleri ve yazı tiplerini minimumda nasıl değiştireceğinizi bilmenizi sağlar.

En iyi web tasarımcılarının çoğu kendi kendini yetiştirmiştir. İyilik, bol miktarda ücretsiz kaynak olduğunu biliyor. İşte favorilerimden birkaçı:

• Çevrimiçi Web Geliştirmeyi Öğrenmenize Yardımcı Olacak 10 Harika Web Sitesi
• W3Schools.com HTML5 Eğitimi
• W3Schools.com CSS Eğitimi
• Codecademy HTML ve CSS Kursu
• CSS-Püf Noktaları

JavaScript

Word of the Word'ün son durumuna dikkat ettiyseniz, WordPress kurucu ortağı Matt Mullenweg tüm geliştiricilere “JavaScript'i derinlemesine öğrenmelerini” söyledi. Baş honcho, JavaScript bilmeniz gerektiğini söylüyorsa, bence buna başlamanın zamanı geldi, değil mi? Çünkü bu, CMS'nin büyük olasılıkla Javascript'i ana işlevlerine adapte edeceği anlamına gelir; bu, devam etmek istiyorsanız onu nasıl kullanacağınızı bilmeniz gerektiği anlamına gelir.

İşte sizi olacaklara hazırlayacak birkaç kaynak:

• Etkili JavaScript
• Codecademy JavaScript Kursu

Bir Tasarımın Elle Çizilmesi

Bir web tasarımcısı olduğunuz doğru olsa da, normal bir eski kalem ve kağıt üzerinde sağlam becerilere sahip olmak çok kullanışlı olabilir. Diyelim ki bir sitenin müşteriniz için neler yapabileceğini açıklamaya çalışıyorsunuz, sadece yüz yüze görüşmedesiniz. Bir tel kafes tasarımının taslağını çizmek, bilgisayarda tam bir model oluşturmaktan çok daha kolay (ve çok daha hızlı). Bu beceriyi kazanmak için harika bir sanatçı olmanıza gerek yok ama eskiz defteri ile ilgili bazı temel yetkinliğe sahip olmalısınız.

Bazı temel tasarımlar çizdikten sonra, bunları web sitelerinize kolayca dahil edebilirsiniz. Bu, bir tel kafes çizmenin ötesine geçer. Birçok web sitesi artık kaydırıcı resimlerde, afişlerde ve gezinmede elle çizilmiş öğeler kullanıyor, bu nedenle bu beceriyi geliştirmek sitelerinizi farklılaştırmanıza yardımcı olabilir.

Çizim yapmayı öğrenmek için çok, çok fazla kaynak var, ancak bunlar özellikle web tasarımı maketleri oluşturmak isteyenler için yararlıdır:

• Çizmek İstiyorum: Yeni Başlayanlar İçin Basit Alıştırmalar
• Beraberlik 101: Temel Bilgiler
• Eskiz: Basit Bir Kalem ve Kağıt Web Tasarımlarınızı Nasıl Dönüştürebilir?

Arayüz Tasarımını Tanıyın

Kalem ve kağıt gerçekten yardımcı olur, ancak bir siteyi bilgisayarınızda nasıl modelleyeceğinizi de bilmelisiniz. Bunu hemen hemen herhangi bir grafik tasarım programında yapabilirsiniz, ancak özellikle arayüz tasarımıyla uğraşma görevine uygun birkaç tane var, Sketch buna iyi bir örnek. Yakında piyasaya sürülecek olan Project Comet bir başkası. Ancak Illustrator'ı da kullanabilirsiniz. Gerçekten, herhangi bir vektör tabanlı program yeterli olacaktır.

Bir Çerçeve Öğrenin ve Kullanın

Bu bölümlerin etrafında dolanıyorsanız, WordPress kullandığınızı varsaymak güvenlidir. Bu, bu beceriyi zaten kapsandığınız anlamına gelir. Yine de, bir çerçeve kullanmanın ne kadar yararlı olabileceğini not etmek önemlidir. Bu, üzerinde çalıştığınız her sitenin asla birinci kareden başlamadığı anlamına gelir. Projeye, büyük bir zaman tasarrufu sağlayan temel bir yapı ile gireceksiniz.

Bu not, yalnızca temel WordPress'in ötesine de kolayca genişletilebilir. Site geliştirmeyi daha hızlı hale getirmek için kullanabileceğiniz birçok tema çerçevesi var (Aklıma Bootstrap geliyor), bu yüzden bunlara aşina olmanız da avantajlı olabilir.

Çok Sayıda Cihazın Nasıl Kullanılacağını Anlayın

Bir siteyi bir araya getirirken, onu birden fazla cihazda test etmek önemlidir. Bu, her şeyin istediğiniz gibi görünmesini sağlamaya yardımcı olur ve lansmandan önce tasarımı biraz değiştirme fırsatı verir. Bu, birçok farklı türde cihaza aşina olmanız (ve bunlara erişiminiz) gerektiği anlamına gelir.

PC ve Mac, iPhone, iPad, Android'in yanı sıra Chrome, Firefox, Safari ve oradaki diğer birçok tarayıcıdan bahsediyorum. Eski tarayıcılarda da test etmelisiniz. Bununla birlikte, birçok cihaza aşina olmak, potansiyel bir müşterinin telefonunda bir site açmaya çalıştığınızda tökezlememenizi sağlar. Tüm platformlarda bir yetkinlik görünümü tasarlamak, başkalarının sizin yeteneklerinize olan güvenini arttırmada uzun bir yol kat edebilir.

Baskı Tasarımının Temelleri

Hayır, o alt başlığı yanlış okumadın. “Baskı” tasarımı dedim. Bir web tasarımcısı olduğunuzun farkındayım ama beni iyi dinleyin: baskı tasarımının öğeleri web tasarımcıları için son derece kullanışlı olabilir. En son web tasarım trendleri, serif yazı tiplerinden el yazısına ve illüstrasyonlara kadar giderek daha fazla baskı öğesi kullanıyor. Bu unsurlar, baskı tasarımcılarıyla sınırlı değildir ve bu trendler ortaya çıkmaya ve şekillenmeye devam ettikçe, bunlara aşina olmak faydalı olabilir.

Ayrıca, web tasarımınızın zaman öğelerinin çoğunun yazdırılmaya devam edeceğini de unutamazsınız. Örneğin, bir site logosu ve/veya başlığı kolaylıkla sabit bir başlık veya kartvizit haline gelebilir. Basılı tasarımın (ve web tasarımlarının baskıya nasıl dönüştürüleceğini) anlamak inanılmaz derecede yararlı olabilir ve bu sırada fazladan iş almaya hazırsınız.

Öğrenmeniz gereken minimum baskı tasarımı öğeleri şunları içerir:

• CMYK
• Baskı çözünürlükleri
• kanama

Farklı kağıt türleri ve basılı ortamlar hakkında bilgi sahibi olmak da iyi bir fikirdir. Ayrıntılar için Doğru Kağıdı Seçme Sanatı'na bakın.

Temel Fotoğraf Düzenleme

Bir tasarımcıysanız, muhtemelen fotoğrafları nasıl düzenleyeceğinizi zaten biliyorsunuzdur, ancak bu sizin işiniz değilse, şimdi tazeleme zamanı. Her şeyden önce, dışarıdan temin etmeniz gereken işi sınırlar. İkincisi, tasarımlarınızla neler başarabileceğiniz konusunda size daha fazla esneklik sağlar. Temel olarak, onları gerçekleştirecek fotoğraf düzenleme becerilerinden yoksun olduğunuz için bazı şeylerden kaçındığınızı görmeyeceksiniz.

Bu nedenle Photoshop, Pixelmator, GIMP veya kullandığınız herhangi bir yazılımı açın ve en azından yeniden boyutlandırma, kırpma, renk düzeltme ve filtre uygulama konusunda rahat olun.

Temel Metin Yazarlığı

Sözlü bir dahi olmanıza gerek yok, ancak tutarlı cümleleri nasıl bir araya getireceğinizi bilmek, tasarımınızın alması gereken şekli sezgisel olarak anlamanıza yardımcı olabilir. Web tasarımında içeriğin en sonda yer alması çok yaygındır, ki bunu gerçekten anlamıyorum çünkü tasarımın çoğu zaman içeriği en azından bir dereceye kadar barındırması gerekiyor.

Bu nedenle, içeriğin neye benzediğini ve nasıl yapılandırıldığını anlıyorsanız, tasarımlarınızı buna uyacak şekilde daha iyi şekillendirebilirsiniz. Bu, özellikle başlıklar söz konusu olduğunda önemlidir. Başlıkların yaklaşık olarak ne kadar uzun olduğunu ve hangi yapıya sahip olduklarını anlamak size tam bir tasarım avantajı sağlayabilir.

Metin yazarlığının nasıl çalıştığını ve içine neler girdiğini öğrenmek için biraz zaman ayırın ve daha iyi bir tasarımcı olacaksınız. Hiç şüphe yok. İşte kontrol etmeniz gereken birkaç kaynak. Burada özetlenen her ilkeye hakim olmanıza gerek yok, ancak üstünkörü bir bilgi yardımcı olacaktır:

• Metin Yazarlığı 101
• Metin Yazarlığı için Kesin Kılavuz

Temel Sosyal Medya Pazarlaması

Bir tasarımcı olarak işiniz çevrimiçi olarak gerçekleşir, bu nedenle düzenli olarak sosyal medyaya aşina olmak ve bunlarla etkileşime geçmek iyi bir fikirdir. Ancak standart bir tweet göndermenin ötesinde kaybolduysanız, sosyal medya pazarlamasının içini ve dışını öğrenmek için biraz zaman harcamalısınız.

Popüler inanışın aksine, her sosyal ağda aktif olmanıza gerek yoktur (ancak her birinde kendi adınız ve/veya markanız altında bir profil talep etmelisiniz). 2-3'ü seçin ve oradaki varlığınızı taahhüt edin. Hangisini seçeceğiniz elbette hedef kitlenize bağlı olacaktır. Çoğu tasarımcı, Facebook, Twitter ve LinkedIn ile en iyi şekilde çalışır.

Öğrenme Arzusu

Web tasarımı statik bir meslek değildir. Önde olmak, alakalı olmak ve müşteri kazanmaya devam etmek için en son trendleri takip etmeniz gerekir. Tasarımla ilgili makaleler okumalı, dergilere abone olmalı ve kitaplar okumalısınız. Bir ders almalı, öğreticileri takip etmeli ve yeni beceriler öğrenmelisiniz. Hep. İstisna yok.

Öğrenme arzusu, oradaki en başarılı tasarımcıların bazılarında içsel bir niteliktir. Size doğal gelmiyorsa, yavaş yavaş elde etmek mümkündür. Basit bir çevrimiçi sınıfa kaydolmayı deneyin. Başarılı olduğunuzda, yeni zorluklarla karşılaştığınızda ve bunların üstesinden geldiğinizde, yakında daha fazlasını öğrenme arzusunun sizi yakaladığını göreceksiniz. Onunla kal. Yaptığına sevineceksin.

Gab'ın Hediyesi

Bugün burada tartışacağım son şey, hemen hemen her mesleğe uygulanabilecek bir beceridir: gab hediyesi. İyi konuşabiliyorsan, iş hayatında gerçekten çok ileri gidebilirsin. Bunun birçok insana doğal olarak gelen bir beceri olmadığının farkındayım. Zamanla iyileştirilmeli ve geliştirilmelidir. Ama burada zaman ve enerji harcarsanız, size temettü ödeyeceğine söz veriyorum.

Görüyorsunuz, tasarımla ilgili kongrelere veya seminerlere giderseniz, muhtemelen ağ kuracaksınız. Bu, diğer tasarımcılarla ve diğer işletme sahipleriyle yüz yüze konuşmanız gerekeceği anlamına gelir. Bu nedenle, herhangi bir durumda ne söyleyeceğinizi uygulamak, rekabette ciddi bir adım atmanızı sağlayabilir. Genel konuşma becerileri ve topluluk önünde konuşma becerileri, araç kutunuzda bulunması gereken mükemmel araçlardır. Bununla birlikte, spesifik olmak istiyorsanız, iki özel konuşma türünü başlamaya hazır hale getirmenizi öneririm:

• Asansör Sahası. Bu, temel olarak hizmetlerinizle ilgilenen herkese yaptığınız 30 saniyelik bir konuşmadır. Bir müşteriye sunabileceğiniz şeyleri mümkün olduğunca az kelimeyle daraltın. Kendinizi rekabetten farklılaştırdığınız yer burasıdır. Ve ihtiyaç duyulduğunda her şeyi yapmaya hazır, prova edilmiş bir konuşma yaparak, beklentilerinize güven aşılarsınız. İşte bir asansör konuşmasının nasıl geliştirileceğine dair harika bir özet: Asansör Sahanızda Ustalaşın ve Daha Fazla Tasarım Müşterisi Kazanın.
• Tasarım Konuşması. Ayrıca web tasarımı hakkında kısa bir konuşma ezberlemelisiniz. Nedir? O nasıl çalışır? En iyi tasarım çeşitlerini sağlayan nedir? Yukarıdaki “Öğrenme Arzusu” becerisi sayesinde, en son tasarım trendleri hakkında da bilgi sahibi olacaksınız. Şu anda web tasarımı için geçerli olan tüm moda sözcükleri ve terminolojiyi (ve gelecek için öngörülenleri) bilmelisiniz. Bu şekilde, herhangi biri bu unsurlardan birini sorarsa, ışık hızında bir açıklama yapabilirsiniz. Bilginizin genişliği ve derinliği sizi gerçek bir profesyonel gibi gösterecek.

Temel Tasarım Becerilerinizi Geliştirin

Web tasarımcılarının tüm ticaretin ustası olmasını savunuyormuşum gibi gelebilir. “Usta” zorluyor olabilir ama “Tanıdık” kesinlikle uygun. Web tasarımcıları, özellikle serbest çalışanlar genellikle kendi baskı, pazarlama ve metin yazarlığı departmanları olmak zorundadır. İnsan kaynaklarından ve BT'den sorumlu olmalılar. Onlar yapmazsa yapılmaz. Bu nedenle, beceri setinizi genişletmek için burada ve orada biraz zaman ayırmak, işinizi bir bütün olarak geliştirmek için uzun bir yol kat edebilir.

Web tasarımcılarının sahip olması gereken beceriler nelerdir? Bu listedeki becerilerden biri işinize yardımcı oldu mu? Bir şey mi kaçırdım? Lütfen fikirlerinizi yorumlarda paylaşın.

Makale küçük resmi, Laralova / Shutterstock.com