Web Tasarımcısının İhtiyacı Olan Yetenekler

Web tasarımcısı. Sadece biz miyiz, yoksa hoş bir yüzüğü var mı? Üstelik sadece akılda kalıcı bir başlık değil – web tasarımını öğrenmek, özellikle sizin gibi yaratıcı bir problem çözücünün için heyecan verici ve etkileyici bir kariyere yol açabilir.

Ancak sadece web tasarımına başlama fikri çok zor olabilir. Belki gizlice düşünüyorsun: web tasarımcıları ne yapar? Veya belki de: web tasarımı nedir? (Evet, biz de bir noktada oradaydık!)

Web tasarımının sizin için doğru kariyer yolu olup olmadığını göz önünde bulundururken, büyük sorulara bazı cevaplara ihtiyacınız var: Gerçekten neye ihtiyacınız var? Kodlamayı öğrenmelisin? Hangi araçlara ihtiyacınız var? Müşterileri yönetmeye ne dersiniz?

Endişelenme! Web siteleri tasarlamaya başlamak hayal edebileceğinizden daha kolaydır. Sadece bu temel web ve görsel tasarım becerileri ile başlayın ve yakında yola çıkacaksınız.

(Psst! Skillcrush’un Web Tasarımcısı Blueprint programında aşağıda listelenen TÜM becerileri öğrenebilirsiniz, sizi tamamen sıfırdan web tasarımcısına 3 ay içinde götürecek şekilde tasarlanan tamamen çevrimiçi bir program. Ayrıca renk teorisinden her şeyi kapsayan bir Görsel Tasarımcısı programına sahibiz. Tipografi ve bir Photoshop ustası olmak. Yaratıcı türler için mükemmel bir dijital kurstur.)

Web Tasarımı Nasıl Öğrenilir: Teknoloji Becerileri 101
İlk önce, bir web tasarımcısı olmanın teknik yönünü gözden geçirelim. Tüm bu garip kısaltmalar ve terimler korkutucu görünebilir, ancak onları tanıdığınızda bir kez çok kolay (ve süper eğlenceli!).

1. Görsel Tasarım
Bir web tasarımcısı olmak için tasarım bilgisine ihtiyacınız var gibi görünebilir, ancak görsel tasarım dijital ürünlere odaklanır, bu nedenle beklediğinizden farklı olabilir. Bu durumda, tasarım ilkeleri bir sitenin görünüşünü ve hissini belirleyen şeydir. Oranlardan tipografiye, ızgara sistemlerine ve renk teorisine kadar değişebilir. Başka bir deyişle: görsel tasarım, ruh hali panoları oluşturma ve hiyerarşi yazma ve web fontları ve renk paletleri ile deneme yapma şansınızdır.

2. UX
İşte komik kısaltmalar geliyor! UX, kullanıcı deneyimi veya insanların bir web sitesi kullanırken nasıl hissettiğini (sakin, sinirli vb.) Gösterir. Her şeyden önce, UX tasarımlarınıza ilk bakış açısıyla yaklaşmakla ilgilidir; ihtiyaç duyduklarını tam olarak almalarına yardımcı olan bir web sitesini nasıl tasarlayabilirsiniz?

Bunu yapmak için, kullanıcılarınızı araştırıp “personas” (hayali ideal kullanıcıların profilleri) oluşturacaksınız. Sayfaları ve içeriği bir site haritasıyla düzenleyeceksiniz. Kullanıcıların sitenizde kullanıcı akışlarında izlediği yolu keşfedeceksiniz. (Örneğin, her zaman doğrudan sosyal medyaya tıklıyorlar mı, yoksa sadece iletişim bilgileri mi arıyorlar?) Ve her web sayfasının ana bölümlerini çizmek için tel kafesler oluşturacaksınız. Bu bileşenlerin tümü, web tasarımı fiyat ve kullanıcı deneyimi tasarımını uygulamak için çok önemlidir.

Profesyonel ipucu: Tüm bu tür tasarım becerileri arasındaki fark konusunda hala kafa karışıklığı var ve hangisini önce öğrenmelisiniz? Son zamanlarda, daha fazla netlik istiyorsanız görsel tasarım ile web veya web sitesi tasarımı arasındaki farkı ve UX tasarımı ile grafik tasarımı arasındaki farkı azalttık!

3. Tasarım Yazılımı
Herhangi bir zanaatkar gibi, işinizi yapmak için doğru aletlere ihtiyacınız var. Endüstri standartları arasında yolunuzu bilmek her durumda yardımcı olacaktır ve birçok konuda kritik öneme sahip olacaktır. Bir web sitesi tasarlamak bir web tarayıcısında yapılabilirken, Adobe Photoshop, Illustrator ve Sketch gibi araçlar hemen hemen tüm tasarımcıların, maket oluşturmak, varlıkları tasarlamak (logoları ve görüntüleri düşünmek) ve Elbette fotoğrafları değiştirme ve geliştirme. Bunları nasıl kullanacağınızı öğrenmelisiniz (yeni başlıyorsanız, bunun yerine birkaç tane ücretsiz photoshop alternatifi kullanmayı düşünün)

4. HTML
Bir web tasarımcısının kodlamayı bilmesi gerektiğini düşünmemiş olabilirsiniz. Ancak günümüzde çoğu tasarım işi için beklenen bir beceridir. HTML, bir web sayfasına içerik koymak ve yapı vermek için kullanılan kodlama dili olan HyperText Markup Language anlamına gelir. Bu, bir grup kelimeyi başlıklara, paragraflara ve altbilgilere dönüştürdüğünüz anlamına gelir. Ayrıca bir web sitesindeki fotoğraflar, videolar ve grafikler gibi “harika” içeriği nasıl elde edersiniz.

5. CSS
Ve sonra HTML’in ortağı, CSS veya Basamaklı Stil Sayfaları var. CSS, tarayıcılara bir web sayfası için HTML’nin nasıl biçimlendirileceğini ve stillendirileceğini söyleyen koddur. Başka bir deyişle, tüm metni ve diğer içerikleri iyi gösteren şeydir. CSS ile renkleri ayarlayabilir, yazı tiplerini değiştirebilir veya çarpıcı bir arka plan ekleyebilirsiniz – ve çok daha fazlası! Tasarım gözünüzün gerçekten parladığı ve yaratıcılığınızı her siteye nasıl yerleştirebileceğinizdir.

Bonus! JavaScript
Tasarımlarınızı yalnızca HTML ve CSS kullanarak kodlayabilirken, JavaScript kullanarak da programlama yapabilirseniz, rekabete karşı çok büyük bir ayağınız olur. JavaScript, sitenizdeki statik öğeleri almanıza ve etkileşimli hale getirmenize olanak tanır – Twitter’ın otomatik olarak güncellediğini, giriş yaptığınızda farklı görünen web sitelerini, resim kaydırıcılarını ve daha fazlasını içerdiğini düşünüyorum!

Yumuşak Beceriler (Veya Her Web Tasarımcısının İhtiyacı Olan Gizli Silahlar)

Artık tasarım ve teknoloji parçalarına sahip olduğunuza göre, web tasarım çalışmalarınızda kendinizi düzenli ve etkin tutmak için bir miktar yönetim eklemeniz yeterlidir. Bunlar, çoğu web tasarımcısının yemin ettiği becerilerdir, bu yüzden daha sonra değil şimdi öğrenerek zaman kazanın.

6. Zaman Yönetimi
Serbest çalışmak veya bir şirket için çalışmak üzere web tasarımını öğrenmekle ilgileniyor olsanız da, göze çarpan bir web tasarımcısı olmak için programınızın ve projelerinizin üzerinde durmanız gerekir. Bu, görev listeleri veya takvimler gibi üretkenlik uygulamalarını tanımak veya özellikle büyük bir kuruluştaysanız Trello veya JIRA gibi proje izleme araçlarını öğrenmek anlamına gelebilir. Araçlar ne olursa olsun, çalışmalarınızı önceliklendirme ve izleme sanatında ustalaşmak, web tasarımının yoğun dünyasında başarınız (ve aklı başında!) İçin çok önemli olacaktır.

7. iletişim
İrtibatta kalmak ve dikkatinizi çekmek bir tasarımcı için de sahip olunması gereken becerilerdir. Harika iletişim kurmadan web siteleri oluşturmaktan geçemezsiniz. Müşterileri, projelerinin ilerleyişiyle ilgili olarak güncel tutmanız ve fikirlerinizi paylaşmanız ve kreasyonlarınızı açıklamanız gerekecektir. Siteler için bazı metin yazarlıkları veya düzenlemeler yapmaya bile davet edilebilirsiniz, özellikle de kendi mağaza dükkanınızı işletiyorsanız. Bu yüzden yazınızı ve sunum becerilerinizi geliştirin ve her durumda amacınızı anladığınızdan emin olacaksınız.

8. SEO / Dijital Pazarlama / Sosyal Medya
SEO (arama motoru optimizasyonu), dijital pazarlama ve sosyal medya yetenekleri bir web tasarımcısından ziyade bir satış elemanı için yapılmış gibi görünebilir. Ancak, İnternet bugün pek çok şirketin sattığı ve web tasarımcısı yeteneklerinizi (bir iş ararken veya serbest çalışan müşteriler için) satmanız gerekeceğinden, başınızı da etrafına sarmanız gerekir. . Her birinin temellerini bilmek ve onları hem müşterimiz hem de kendi siteleriniz için akılda tutmak bile, web tasarımcısı yolculuğunuzda size uzun bir yol kat edecektir.

9. İşletme / Müşteri Yönetimi
Ve bir çalışan veya serbest çalışan olarak, sonuç olarak anlaşılması, sizin veya şirketinizin kârlı ve sürdürülebilir olduğundan emin olmanıza yardımcı olacaktır. MBAinize geri dönmek zorunda değilsiniz, ancak işvereninizin veya kendi işinizin amaçları ve finansmanı hakkında bir fikriniz olmalı, böylece işinizi yönlendirmek için bunları kullanabilirsiniz. Ayrıca, doğrudan müşteriler için tasarım yapıyorsanız, nakit akışınızın ve proje biriktirme payınızın kısa ve uzun vadede hem sağlıklı hem de uygulanabilir olmasını sağlamak için bir planınız olmalıdır.