Tasarım Becerilerinizi Geliştirmek için 11 Ücretsiz Web Tasarım e-Kitabı

Web tasarımı, ustalarının diğerlerinde ustalaşırken birden fazla disiplin hakkında çalışma bilgisine sahip olmasını gerektiren rekabetçi bir alandır. Örneğin, oldukça yetkin bir web tasarımcısı, diğer birçok konu arasında tipografi, erişilebilirlik, kullanılabilirlik, CSS ve duyarlı tasarım hakkında bilgi sahibi olacaktır. Bu kalp zayıflığı için bir iş değil.

Sıradan bir insansanız, şu anda kendinize şunu soruyor olabilirsiniz: "Ortalama bir Joe tüm bu konuları nasıl öğrenecek ve yeni gelişmelere ayak uyduracak?" Kolay bir cevap bekliyorsanız, hayal kırıklığına uğrattığımız için üzgünüz. Ne de olsa yetenekli web tasarımcılarına bu kadar talep olmasının bir nedeni var.

İyi haber şu ki, eğer uygun şekilde motive edilmişlerse (sizin de kesinlikle öylesiniz) herkesin tasarım becerilerini geliştirmesi için birçok çevrimiçi kaynak var ve bugün yalnızca ücretsiz web tasarım e-kitaplarına odaklanacağız.

1. Web'e Uygulanan Tipografik Stilin Öğeleri

Tipografi hayranıysanız, bir tedavi içindesiniz. Web'e uygulanan tipografik tasarımın içini ve dışını kapsayan bu ilgi çekici inceleme, 2005'te piyasaya sürüldü (2015'in ikinci yarısında güncellenmesine rağmen) ve Robert Bringhurst'ün klasiği The Element of Typographic Style'dan ilham aldı. ilk kez 1992'de yayınlandı ve o zamandan beri bu alanda bir referans haline geldi.

Richard Rutter, Bringhurst'ün klasiğinin üzerinden geçme ve tüm zamansız bilgeliğini net HTML ve CSS'ye çevirme gibi devasa bir görevi üstlendi. Kitap hala devam eden bir çalışmadır; şimdiye kadar daha çok metin ritmi, orantı ve armoni ile ilgili konuları kapsamaktadır. Favori konularımızdan bazıları şunlardır: Aralıksız ve mütevazı bir şekilde veya hiç , Yazı tipine, metne ve ölçüye uygun temel bir satır aralığı seçin ve Ölçek olmadan oluşturma .

2014'te – proje başlatıldıktan neredeyse on yıl sonra – Rutter, kaynak kodunu GitHub'da açtı, böylece diğer tipografi meraklıları içeriğini güncelleme işini üstlenebilirdi.

2. Sadece Sor: Erişilebilirliği Tasarım Boyunca Entegre Etme

Bu kitabın ana sayfasına bakılacak pek bir şey olmasa da, burada bulunan tavsiyeler barebone bir web sitesi oluşturmaya değer. Yazarı Shawn Henry, UX deneyimini optimize etmek için Fortune 500 şirketleri ile birlikte çalışmanın yanı sıra World Wide Web Konsorsiyumu'nda web erişilebilirlik eğitimi ve sosyal yardım faaliyetleri düzenleyen çalışmalarıyla ünlüdür. Bu sizi kitaba satmaya yetmezse, A List Apart'tan Jeffrey Zeldman şunları söyledi:

Shawn Henry erişilebilirliği yaşıyor ve nefes alıyor. Kitabı beklediğiniz her şeye sahip: basit, pratik, titiz ve canlandırıcı.

Kitap boyunca okuyuculara tasarımda erişilebilirliğin temelleri, kullanıcı grubu profillerinin analiz edilmesi, çoklu senaryolar, projelerine hangi tarama tekniklerinin uygulanacağı, kapsamlı kullanılabilirlik testi prosedürleri ve hatta engelli kişilerin projelerinize nasıl dahil edileceği gibi konular tanıtılıyor. .

3. Web için Tasarım

Mark Boulton, bu kitaptaki tanıtımımız sırasında bahsettiğimiz aynı fikre değiniyor: Web için tasarımın nasıl benzersiz bir alandır, uygulayıcılarının anlaması gereken ne kadar farklı beceri ve bu türe ilgi duyan insan türleri. iş (ve hayır, cevap deli değil).

Web için Tasarım, yeni tasarımcılara web için çalışmanın neleri gerektirdiği, ilk işinizi nasıl kuracağınız, bir ajans için çalışmanız, iş akışını anlamanız, hangi araçları kullanmanız bekleneceği konusunda bir giriş görevi görür ( Bu bölüm zamanın biraz gerisinde kalsa da), bir freelancer olarak kendi başınıza nasıl grev yapacağınızı ve tasarım temellerini kullanarak bir web sitesini nasıl bir araya getireceğinizi. Kitap ayrıca, söz konusu temeller veya web tasarımının en az üç temel yönü hakkında derinlemesine bilgi veriyor: tipografi, renkler ve düzenler.

4. Web Tasarımcısının Başarı Kılavuzu

Bu kitap, bu kılavuzda bulacağınız diğer kitaplardan biraz farklıdır. Diğer kitaplar size web tasarımının püf noktaları konusunda rehberlik edecek olsa da, bu kitap, serbest çalışan bir web tasarımcısı olarak nasıl para kazanılacağına dair kısa ve öz bir rehber olarak hizmet etmeyi amaçlıyor – ki bu kesinlikle birçoğunuz için ilgi çekici bir konu olacak. .

Kitap 2006'da yazılmış olsa da, verdiği pratik iş tavsiyelerinin çoğu bugünün dünyasına hala mükemmel bir şekilde uygulanabilir (ancak hangi araçların kullanılacağına ilişkin önerilerini göz ardı etmekten çekinmeyin). İçinde, serbest çalışmaya nasıl geçeceğiniz, yeni müşteriler bulma ve elde tutma, kendinizi pazarlama, projelerinizi yönetme ve işinizi fiyatlandırma konusunda eyleme geçirilebilir tavsiyeler bulacaksınız.

Bunların hepsi, alanından bağımsız olarak herhangi bir serbest çalışanın, herhangi bir başarıya ulaşmayı umuyorsa, araç kutularına dahil etmesi gereken becerilerdir, günümüzde karşılaştığımız rekabet miktarı göz önüne alındığında, web tasarımcıları için iki kat daha fazladır.

5. Duyarlı ve Uyarlanabilir Web Tasarımı

Duyarlı ve Uyarlanabilir Web Tasarımı, UX tasarım platformu UXPin'in arkasındaki aynı kişilerin beynidir. Daha spesifik olarak, Jerry Cao, Ben Gremillion ve Matt Ellis tarafından bir araya getirildi. İçeride, cihazlar arasında tutarlı bir deneyimin nasıl sağlanacağı, duyarlı ve uyarlanabilir tasarımla ilgili temel bilgiler ve en iyi uygulamalar, mobil öncelikli tasarıma giriş ve UX tasarımının her yerde nasıl tutarlı tutulacağına ilişkin birkaç örnek olay hakkında harika bilgiler bulacaksınız. cihazlar.

Örnek olarak ünlü web sitelerini ( The Guardian , Smashing Magazine, Lookout ve Hulu Plus) kullandıkları ve mobil muadillerini tasarlarken yapılan tasarım seçimlerini parçaladıkları için bu vaka çalışmaları e-Kitabın en sevdiğim bölümlerinden biridir.

6. Web Tasarım Trendleri 2015–2016

UXPin'dekiler tarafından yazılmış bir başka kitap (düzinelerce ücretsiz web tasarımı e-Kitabı yayınladılar) – bu durumda, Jerry Cao, Carrie Cousins ​​ve Kamil Zieba arasında bir işbirliği. Bu kitaba web tasarım trendlerine dair kısa bir genel bakış bekleyerek girerseniz, 186 sayfanın (bu tür çevrimiçi kaynaklar için normalden çok daha fazla) olduğunu ve bu sayfaların yalnızca tek başına gitmekle kalmayıp, aynı saatte çalıştığını öğrendiğinizde hoş bir şekilde şaşıracaksınız. söz konusu eğilimler üzerinde değil, aynı zamanda örnekler ve bunların yanı sıra burada görülen etkileri çoğaltmak için kullanabileceğiniz ücretsiz kaynaklar ve araçlar da sağlar.

Web Tasarım Trendleri 2015–2016, düz tasarımı, işlevsel minimalizmi, kart UI modellerini, sürükleyici etkileşimleri, web animasyonlarını, dramatik tipografiyi, canlı renkleri, büyüleyici fotoğrafçılığı, uzun kaydırmaları ve HD arka planlarını araştırıyor.

7. SVG Yazma Cep Rehberi

Bir süre önce SVG ve CSS ile Animasyonlu Logo Oluşturma bölümünde SVG'nin en havalı uygulamalarından birini tartıştığımızı hatırlayabilirsiniz. Bununla birlikte, formata hala aşina değilseniz, Joni Tryhall'ın SVG Yazma Cep Kılavuzu konuya mükemmel bir giriş niteliğindedir (ve kitabın web sitesini başlatmak oldukça keyiflidir).

Kitabın kendisi o kadar uzun olmasa da, SVG'leri manipüle etmeye başlamak için bilmeniz gereken her şeyi ve formatın daha gelişmiş özelliklerinden bazılarına bir giriş içerir. Bu cep kılavuzunu bir araya getirmeden önce, Joni ayrıca, SVG Gradientlerini Canlandırma, SVG viewBox ve görünüm penceresine bir bakış ve SVG metnini Alon A Path'i Canlandırma gibi birkaç SVG öğreticisi daha oluşturdu. kitapla yapılır.

8. Uyarlanabilir Web Tasarımı

Uyarlanabilir Web Tasarımı, Microsoft'ta çalışan bir web standartları savunucusu, A List Apart'ta yazar ve öğretim görevlisi olan Aaron Gustafson tarafından yazılmış 144 sayfalık bir kitaptır. Bu kitap, ele aldığı konu bakımından benzersiz bir canavardır, çünkü uyarlamalı tasarımın felsefesini ve sürecini kapsamlı bir şekilde tartışan türünün hemen hemen ilk örneğidir.

Bu size saçma sapan geliyorsa, yoğun öğleden sonranızdan (veya gecenin bir yarısında – bir tasarımcının hayatının nasıl olduğunu biliyoruz) beş dakika ayırın ve okuyucuyu düşünmeye davet eden ilk bölümüne bakın. işaretleme, CSS, JavaScript ve erişilebilirlik ile aşamalı tasarımın temellerine dalmadan önce tasarım sürecinde tarayıcı yerine kullanıcı .

9. CSS'nin Büyüsü

İşte partilerinizi canlandırmak için sihirli CSS hileleriyle dolu mükemmel bir küçük kitap – ya da en azından yazarın pazarlama şekli bu. CSS'nin büyüsü, Adam Schwartz'ın bir web tasarımcısı ve geliştiricisi olarak kariyeri boyunca öğrendiklerinin bir derlemesidir ve aslında, HubSpot mühendislerinden oluşan bir ekibe haftalık CSS dersi vermek için kullandığı kitapla aynıdır.

Bununla birlikte, bu kitap, doğrudan içeriğe dalması nedeniyle, temel CSS anlayışına sahip kişiler içindir. Her iki durumda da, ilginç bir okuma içindesiniz.

10. Veri + Tasarım

Data + Design, tasarımcılara verileri görsel olarak nasıl düzgün bir şekilde sunacakları konusunda talimat vermeyi amaçlayan bir e-Kitaptır; tahmin edebileceğiniz gibi, günümüzün veri odaklı dünyasında sahip olunması gereken oldukça temel bir beceridir. Kitabın kendisi 50'den fazla uluslararası gönüllü tarafından ortaklaşa oluşturuldu ve hangi verilerin gösterileceğine karar vermek, bir grafiğin anatomisi, renklerin, yazı tiplerinin ve simgelerin önemi ve tasarımcıların kaçınması gereken yaygın görselleştirme hataları gibi birçok ilginç konuyu içeriyor. .

Bu oldukça niş bir konu gibi görünebilir, ancak bahse girersek, veri görselleştirmeleri tasarlama deneyimine sahip olmanın yakın gelecekte birçok iş fırsatı açabileceğini söyleyebiliriz.

11. UX Okuyucu

UX Okuyucu, MailChimp ekibi tarafından geçmiş makalelerinin çoğundan doğmuş, rafine edilmiş, bir araya getirilmiş ve iyi bir ölçü için atılmış birçok yeni içerikle hazırlanmış bir kullanıcı deneyimi kitabıdır. MailChimp'ten bekleyebileceğiniz gibi, kitap yalnızca UX tasarımına ilginç bir bakış açısı sunmakla kalmıyor, aynı zamanda paha biçilmez kariyer tavsiyeleri ve iş akışı önerileri de sunuyor.

Bu kitap boyunca okuyucular, sektördeki bir devin perspektifinden bir UX ekibini bir araya getirme ve bir tasarım üzerinde işbirliği yapma sürecini gözden geçirecekler.

Çözüm

Kitaplar harika bir kaynak olsa da (kimsenin size aksini söylemesine izin vermeyin!), tasarım becerilerinizi keskin tutmak istiyorsanız tek başına yeterli olmayacaktır. Bunu başarmak için, zamanınızın bir kısmını onların tavsiyelerini uygulamaya ayırmanız da gerekecek. Öğrenmek ve pratik yapmak, uygun motivasyona sahipseniz, herhangi bir alanın zirvesine çıkmanın en kesin yoludur.

Ne yazık ki istediğimiz kadar kitap koyacak yerimiz yoktu. Ancak, seçtiklerimiz arasında, aşağıdakiler gibi birden çok temel tasarım disiplini için uygulanabilir tavsiyeler bulacaksınız:

1. tipografi
2. Erişilebilirlik ve UX
3. Duyarlı ve uyarlanabilir tasarım
4. CSS ve SVG'leri kullanma
5. Verileri tasarımlarınıza dahil etmek
6. Web tasarım trendleri

Bir web tasarımcısı olarak kariyeriniz boyunca aldığınız en iyi tavsiye nedir? Abone olun ve tavsiyelerinizi aşağıdaki yorumlar bölümünde bizimle paylaşın!

Paladjai / Shutterstock.com'dan makale küçük resmi