Her Web Tasarımcısı Uykusunda Yapabilmesi Gereken 10 Şey
Bazı beceriler, bilmeniz gerekenler. Onları o kadar iyi tanıyorsan iyi olur ki neredeyse düşünmeden yapabilirsin. Web tasarımı söz konusu olduğunda, birçok beceri zaman içinde değişebilir ve gelişebilir, ancak uykunuzda yapabileceğiniz birkaç temel unsur vardır.
Ve ticaretle bir “web tasarımcısı” olmasanız bile, bu becerilerin her biri bugün çalışan tüm tasarımcılar için olmazsa olmaz hale geliyor. Kaç kişiyle zaten rahatsınız? Gelin ve “otomatik pilot” ile neler yapabileceğinize bir göz atalım!
Tasarım Kaynaklarını Keşfedin
1. HTML ve CSS ile kodlama
Bir geliştirici olun ya da olmayın, herkesin web sitesi tasarımının arkasındaki en temel dili anlaması gerekir. Temel HTML'nin nasıl okunacağını, düzenleneceğini ve sorun giderileceğini anlamalısınız. (Gerçek işinize bağlı olarak bundan çok daha fazlasını bilmeniz gerekebilir.)
Her durumda, HTML'de kalın, yazı tipi veya renk veya boyut sorununu düşünmeden tespit edebilmeniz gerekir. CSS'deki stilleri kolaylıkla değiştirebilmelisiniz. Bunlar öğrenmesi kolay ve uzun vadede size iyi hizmet edecek becerilerdir.
Öğrenin: W3Schools ile ilgili temel bilgileri edinin (veya öğrenin). Eğiticiler kendi hızınızda, anlaşılması kolay ve ücretsizdir. (Web dilinde akıcı olmamak için hiçbir neden yoktur.)
2. Fotoğrafları Düzenle
Herhangi bir tasarım alanında, gün boyu görüntülerle çalışmanız muhtemeldir. Bu yüzden onları nasıl manipüle edeceğinizi anlamanız mantıklıdır. Temel kırpmadan boyutlandırmaya ve biraz “temizlemeye” kadar, fotoğraflarla kolayca çalışabilmelisiniz. En azından, bazı görüntü kalitesi ayarlarının yanı sıra kırpma ve yeniden boyutlandırma konusunda kendinizi rahat hissetmelisiniz.
Öğrenin: Digital Camera World, fotoğraflardan en iyi şekilde yararlanmak için altı adımı açıklayan şık bir kılavuza sahiptir. İpuçlarının kullanımı kolaydır ve öğretici Photoshop'ta köklendirilirken, herhangi bir yazılımla uygulanabilir.
3.Baskı Yap
İşiniz dijital alanda olsa da, basılı uygulamalar için tasarımın bazı bölümlerine şüphe gerekmeyecektir. El ilanlarından kartvizitlere, basın bültenlerine kadar, öğeleri de baskıya hazır olacak şekilde oluşturup dönüştürmelisiniz.
Anlaşılması gereken önemli noktalar arasında farklı ortam türleri ve renkler için baskı çözünürlükleri bulunmaktadır. Bir metin bloğunu kırmızı yapmak için FF0000 gibi bir değer kullanmanıza rağmen, bu yazdırma için çalışmaz. (En azından komik görünecektir.) CMYK (mavi, macenta, sarı, siyah) renk karışımları basılı ürünler için standarttır.
Öğrenin: Şanslıyız, baskıya hazır bir şeyler hazırlamak için bir rehberimiz var. Renk, ortam, yazı tipi, taşma payı ve daha fazlasındaki farklılıkları açıklar.
4. Bir Başlık Yazın
Ana başlık olarak lorem ipsumlu bir tasarımı gerçekten görselleştirmek neredeyse imkansız. Kelimeler, görselleri ve mesajı bir araya getiren yapıştırıcıdır. Başlığınız her zaman yapışmayabilir, ancak bir tasarım konseptine döndüğünüzde her zaman büyük kelimeleri doldurmalısınız.
Pratik bir mesele olarak, kelimeler müşterinin metin için ne kadar yer olduğunu anlamasına yardımcı olabilir. İyi bir başlık, müşteriyi anladığını ve projelerde fazladan yol kat ettiğinizi gösterir ve insanları kalıcı bir izlenim bırakır.
Öğrenin: Copyblogger, kopyaların giriş ve çıkışları söz konusu olduğunda harika bir kaynaktır. “Çalışmanın Başlıkları Yazma” ile başlayın.
5. Herhangi Bir Cihazı Yakalayın ve Bir Web Sitesinde Gezinin
Çoğu insanın kullanmadığı bilgisayarlarda ve cihazlarda rahatlık seviyesine sahip olmalısınız. Bu, en sevdiğiniz cihazlardan veya tarayıcılardan veya programlardan uzaklaşmanızı ve başka birçok şeyle oynamanızı gerektirebilir. (Yaparsanız minnettar olacaksınız, garantili!)
Hepimiz oradaydık: Bir müşterinin eski bir telefonu çırpmasından veya size yardım için küçük bir ekranda bir şey göstermesinden daha kötü bir şey yoktur ve bunu kolayca çözemezsiniz. Web sitenizi (ve diğerlerini) herhangi bir ortamda kullanabilmeniz ve başkalarıyla nasıl yapacağınızı konuşabilmeniz gerekir.
Öğrenin: Sadece oynamaya başlayın. Farklı tarayıcıları denediğinizden emin olun ve Apple kullanıcısıysanız bir Android cihazı alın (veya tersi).
6. Güvenle Eskiz
Eskizle ilgili en büyük şeylerden biri, başkalarının ne düşündüğünüzü görselleştirmesine yardımcı olabilmenizdir. Unutmayın, başkalarının ne düşündüğünüzü hayal etmeye başlamadan önce birçok insanın bir tel kafes veya anahat görmesi gerekir.
Güvenle çizim yapmak, bu bağlantıyı oluşturmanıza yardımcı olmanın harika bir yoludur. Bu, bir gecede birinci sınıf bir sanatçı olmayı öğrenmeniz gerektiği anlamına gelmez. Ancak bir kağıt ve kalemle (veya kurşun kalemle) hazır olmalısınız, böylece bu fikirleri kağıda koyabilir ve ekiple paylaşabilirsiniz.
Öğrenin: Tuts + çizmeyi öğrenmek için harika bir küçük astara sahiptir. İlk adım? Mükemmel olmaya çalışın.
7. Ortak Bir Çerçeve Kullanın
Projeleri başlatmak için bir web sitesi tasarım çerçevesi kullanmaktan utanç yoktur. Aslında, süper yıldızlı bir geliştirici değilseniz muhtemelen yapmalısınız.
Çerçeveler, her projeyle tekerleği yeniden keşfetmenizi engeller ve sonuçta bir web sitesini bakımını yapmaya ve güncelleme yapmaya çalışacak bir müşteriye teslim ediyorsanız başkalarının kullanımı kolaydır. WordPress popüler bir seçenektir, ancak denemek için çok sayıda başka şey var.
Öğrenin: WordPress ile başlayın. Mevcut en büyük blog ve web sitesi içerik yönetim sistemi ve çerçevesidir. (Ve kullanımı oldukça kolaydır.)
8. Yedekleme ve Paket Dosyaları
Bir web sitesi kendi kendine yeten bir sistem gibi görünse de, öyle değildir. Sitede bir şey olması durumunda veri kaybını önlemek için sitenizi nasıl ve ne sıklıkta yedekleyeceğinizi (ve gerekirse geri yükleyeceğinizi) anlamanız gerekir. (Üzgün olmaktan daha güvenli olmak daha iyi, değil mi?) Uykunuzda bu egzersizin kesin lojistiğini bilmeseniz bile, neyin kaydedildiğini, ne sıklıkta gerçekleştiğini ve verilerin nerede saklandığını bilmelisiniz.
Buna ek olarak, web sitesi stilleri, tasarım parçaları ve parçaları ve yedek olarak kullanılabilen ve parçaları kullanmaları gerektiğinde müşteriler için hayati bilgiler sağlayabilen daha fazlası için paket dosyaları oluşturma konusunda iyi bir fikriniz olmalıdır. Paket dosyaları (baskı için) web tasarım sürecinin gerekli bir parçasıdır, böylece müşteriler basılı tanıtımlar için web sitesi tasarımıyla eşleşen bir dizi markalama aracına sahiptir. (Müşteriler bunun için seni sevecekler!)
Öğrenin: Her web sitesinin bir yedekleme planına ihtiyacı vardır. Dosyaları paketleme, başka bir yere göndermeniz gerektiğinde yazı tipleri ve görüntüler gibi malzemeleri bir arada tutmanıza yardımcı olur.
9. 3 Eğilimi Bilin (Ve Ne Zaman Kullanılmalı)
Bir go-to web trendleri asansör sahası olmalıdır. Ne anlama geliyor?
Basitçe, hangi görsel tekniklerin eğilimi olduğu ve bunları neden veya neden kullanmamanız gerektiği konusunda makul miktarda tasarım bilgisine sahip herhangi biriyle konuşabilmeniz gerekir. Nasıl çalışırlar ve bu eğilimler hakkında neyi seversiniz / sevmezsiniz.
Öğrenin: Trend olan ve bu tasarım tekniklerinin nasıl uygulanabileceği konusunda güncel kalmak için bunun gibi tasarım bloglarını okuyun.
10. Tasarım Teorisini açıklar
Renk, akış, denge ve orantı, boşluk: Bunlar, projelerde çalışırken görmeniz gereken her şeydir. Ama bu iyi bir göze sahip olmaktan daha fazlası; tasarım teorisi de aynı derecede önemlidir. Neden yaptığınızı ve bunun neden dengeli bir estetik yarattığını anlamak önemlidir.
Ve iyi anlarsanız, bunu açıklayabilir ve tasarım kararlarını başkalarına daha kolay savunabilir ve açıklayabilirsiniz. Temel bir temel, herhangi bir projede ustalaşmanıza yardımcı olacaktır.
Öğrenin: Bunu henüz yapmadıysanız, temel bilgilere dönme zamanı gelmiş olabilir. Stephen Pentak'ın “Design Basics” ve Ellen Lupton ve Jennifer Cole Phillips'in “Graphic Design: The New Basics” ile başlayın.
Sonuç
Bu listedeki kaç öğeyi uykunuzda bildiğiniz şeyler olarak kontrol edebilirsiniz? Başka kaç kişi daha fazla bilgi edinmek veya beceri setinizi yenilemek için istekli?
Web tasarımı - diğer herhangi bir tasarım türü gibi - temellere dayanır ve birçok trend ve yeni tekniklerle serpilir. Karışımı iyi anlamak, büyümenize ve daha iyi bir tasarımcı olmanıza yardımcı olacak ve tasarım kararlarınıza ve çalışmalarınıza daha fazla güvenmenize yardımcı olacaktır.
Görüntü Kaynakları: ekkun, lenep, Blake Patterson ve cirox.
