Ücretsiz Web Tasarımcısı Kaynaklarının Nihai Özeti


Web tasarımcıları, çalışmak için şaşırtıcı miktarda araç ve kaynağa ihtiyaç duyar. Donanıma, tasarım yazılımına, en son e-Kitaplara, güncel kalmak için bir veya iki iyi eğitim kaynağına, birinci sınıf yazı tiplerine, simgelere, vektörlere, hazır görüntülere vb. ihtiyacınız var.

Bu işte birinin bir ya da iki dolar kazanmayı başarması bir mucize.

Neyse ki cüzdanınız için (ve sonuç olarak), çoğu tasarımcıya gerçekten yardımcı olabilecek neredeyse sonsuz çeşitlilikte ücretsiz çevrimiçi kaynak var, çalışmaları kaliteden etkilenmeden. Tek bilmeniz gereken nereye bakmanız gerektiği ve biz de burada devreye giriyoruz.

Seyahatlerimiz boyunca, web tasarımcıları için şu anda mevcut olan en iyi ücretsiz kaynaklardan bazılarının kapsamlı bir listesini derledik. İşleri eski moda yoldan, güzel bir kitapla başlayalım.

En İyi e-Kitaplar

Konu yeni bir konu hakkında bilgi edinmek olduğunda hiçbir şey iyi bir kitabı geçemez ve tasarım da bu kuralın istisnası değildir. Bu nedenle, her türden tasarımcı için çevrimiçi olarak mevcut olan en iyi ücretsiz e-Kitaplardan bazılarıyla bu listeyi başlatmaya karar verdik. Öyleyse bir göz atın, zevkinizi gıdıklayanları seçin, güzel bir fincan kahve alın ve bir süreliğine kendinizi şımartın.

1. Zarif Web UI Tasarım Teknikleri

Elegant Web UI Design Techniques kitabının ana sayfasının ekran görüntüsü.

Elegant Web UI Design Techniques, piyasadaki en yaygın kullanılan tasarım ve tel çerçeveleme araçlarından bazılarının arkasındaki şirket olan UXPin tarafından sağlanmaktadır. Bu e-Kitap, renkleri kullanma tekniklerini, düz tasarımı ve bu alanda nasıl güncel kalınacağına dair uygulanabilir tavsiyeleri kapsar.

2. Logo Tasarımı Hakkında Bilinmesi Gereken Her Şey

Logo Tasarımı Hakkında Bilinmesi Gereken Her Şey kitabının ana sayfasının ekran görüntüsü.

Bu küçük e-Kitap iddialı bir başlığa sahip, ancak içeriği buna uygun mu? Tüm evrendeki logolar hakkında bilinmesi gereken her şeyi kapsamasa da, 25 sayfasında tasarımlarının tüm temellerini kapsamayı başarıyor.

3. Tasarımın Demir Yumruğu

Design'ın Iron Fist kitap kapağının ekran görüntüsü.

Bu e-Kitap, sektördeki en iyi uygulamalardan bazılarını acemi tasarımcılara dönüştürmek için mükemmel bir araçtır. Alternatif olarak, onu okumayı da seçebilirsiniz ve içinde deneyimli bir tasarımcıdan birçok harika (ve kişisel) tavsiye bulacaksınız.

Bu kitabın yazarı Jarrod Drysdale, popüler "Önyükleme Tasarımı"nın arkasındaki kişiyle aynı kişidir.

4. Pixel Perfect Precision El Kitabı

Pixer Perfect Precision El Kitabı ana sayfasından bir ekran görüntüsü.

Pixel Perfect Precision El Kitabı, bir dijital tasarım ajansı olan ustwo'nun buluşudur. İlk olarak 2010 yılında yayınlandı ve o zamandan beri sürekli güncellendi. Mükemmel piksel tasarım ilkelerini kapsar ve Photoshop ve Illustrator tekniklerine derinlemesine girer.

5. 2015-2016 Yılının En İyi Web Tasarımları

Bir tablette gösterilen "2015-2016'nın En İyi Web Tasarımları"nın ekran görüntüsü.

Web tasarımı ilhamı için harika bir kaynak olarak Awwwards'a zaten aşina olabilirsiniz, ancak aynı zamanda söz konusu dönemin en iyi web tasarımlarını içeren yıllık bir e-Kitap yayınladıklarını biliyor muydunuz? Bu, hayatın her kesiminden 168 farklı web sitesini kapsıyor ve onları bu kadar harika yapan şeyin tam olarak ne olduğunu açıklıyor, noktalarını göstermek için çok sayıda ekran görüntüsü.

En İyi Eğitim Web Siteleri

Kitaplar harika öğretmenler olabilirken, bazen karmaşık tasarım tekniklerinde size rehberlik edecek daha etkileşimli bir deneyim isteyebilirsiniz ve işte bu noktada eğitim siteleri kurtarmaya gelir.

1. Yaratıcı Bloq

Creative Bloq web tasarımı bölümünün ekran görüntüsü.

Creative Bloq, her şey tasarımı için haberler, ipuçları, ilham ve öğreticiler için harika bir günlük kaynaktır. Ayrıca, yalnızca web tasarımına ayrılmış, sık sık güncellenen ve son zamanlarda "Motion UI ile özel animasyonlar nasıl oluşturulur" ve "2016 için en iyi 10 prototip oluşturma aracı" gibi ilginç makaleler içeren bir bölümleri vardır.

2. Çarpıcı Dergi

Smashing Dergisi

Web Tasarım bölümleri istediğimiz sıklıkta güncellenmese de Smashing Magazine, derinlemesine makaleler arayan web profesyonelleri için hala iyi bilinen bir kaynaktır.

3. EnvatoTuts+

Envatoto Tuts+ ana sayfasından bir ekran görüntüsü.

Envato, web geliştirme ve tasarım dünyasında tanınmış bir şirkettir ve WordPress temalarından video görüntülerine, eklentilere, serbest çalışanlar için bir işe alım platformuna ve ayrıca 21.000'den fazla öğreticiden oluşan bir koleksiyona (çoğunlukla tasarım merkezli) kadar her şeyi sunar.

Başka Nereye Bakmalı?

Kısa bir süre önce, takip edilecek müstehcen uzun bir yetkili tasarım kaynakları listesi için piyasadaysanız bir göz atmanız gereken, 2016'da İzlenecek En az 55 Web Tasarım Blogunu kapsayan bir makale yaptık.

En İyi Çevrimiçi Araçlar ve Uygulamalar

Tasarımcının hayatı tamamen Photoshop ve Sketch ile ilgili olmak zorunda değildir (oldukça kullanışlı olmalarına rağmen). Burada ücretsiz alternatiflerden bahsetmeyeceğiz, bunun yerine araç takımınızı tamamlayacak bazı ücretsiz uygulamalardan bahsedeceğiz.

1. InVision ile El İşi

Craft by InVision ana sayfasının ekran görüntüsü.

Craft, UI tasarım oyununuzu bir sonraki seviyeye taşımanıza yardımcı olmak için (doğrudan bu iki programla entegre olabilse de) seçtiğiniz grafik tasarım programıyla birlikte çalışan, yakın zamanda piyasaya sürülen bir eklenti paketidir.

2. Google Web Tasarımcısı

Google Web Designer ana sayfasının ekran görüntüsü.

Google Web Designer, tasarımcıların kendi etkileşimli HTML5 sitelerini ve reklamlarını oluşturmalarına yardımcı olacak bir araç olarak 2013'te çok fazla tantana olmadan piyasaya sürüldü. Tasarımcı ayrıca JavaScript, CSS ve XML dosyaları oluşturmanıza ve hem görsel hem de kod arabirimleri sunmanıza olanak tanır.

3. hayret

Marvel uygulaması ana sayfasının ekran görüntüsü.

Marvel, tasarımcıların çizimlerini rekor sürede etkileşimli prototiplere dönüştürmelerini sağlayan basit bir platformlar arası araçtır. Özel animasyonlar içerir ve .psd dosyalarıyla uyumludur.

4. InVision

InVision ana sayfasının ekran görüntüsü.

Son olarak InVision, tasarımcılar için önde gelen prototip oluşturma ve işbirliği araçlarından biridir. Ekiplerin birlikte daha iyi çalışmasını sağlamak için güçlü bir yorum sistemi, bildirimler ve Kutsal Kase geliştirme özellikleri – sürüm kontrolü içerir.

Ayrıca, hey, ücretsiz!

En İyi Yazı Tipi Veritabanları

Bir tasarımcıysanız, muhtemelen size tipografinin ne kadar önemli olabileceğini söylememize gerek yok. Çoğu insan yalnızca hangi yazı tipini kullanacağıyla ilgilenirken, doğru kişiliğe sahip olanları nasıl seçeceğinizi, hangi boyutları kullanacağınızı, karakter aralığını, izlemeyi, hizalamayı, yönlendirmeyi vb. anlarsınız.

Dikkate alınması gereken çok şey var, ancak bugün tek endişemiz, projeleriniz için en iyi ücretsiz yazı tiplerinden bazılarını bulabileceğiniz harika kaynaklar sağlamak.

1. Adobe Edge Web Yazı Tipleri

Adobe Web Edge Fonts ana sayfasının ekran görüntüsü.


2. DaFont

DaFont ana sayfasından bir ekran görüntüsü.

3. Yazı Tipi Sincap

Font Squirrel ana sayfasından bir ekran görüntüsü.

4. FFontlar

FFonts ana sayfasından bir ekran görüntüsü.

En İyi Stok Görüntü Siteleri

Her tasarımcı, web projelerini her ziyaretçinin şaşkına çevireceği kadar muhteşem, benzersiz, özel yapım görüntülerle doldurmak ister. Ancak, gerçek dünyada bazen stok görsellerle yetinmek gerekir.

Bu, özellikle işin özgür tarafındaysanız, düşük kaliteli görüntülere razı olmanız gerektiği anlamına gelmez. Aslında, farklı ilişkilendirme kategorilerine sahip çarpıcı ücretsiz stok görseller için birçok ücretsiz kaynak var.

1. Sıçramayı kaldır

Unsplah ana sayfasından bir ekran görüntüsü.

2. Sıçrayan Fotoğraf

Skitter Photo ana sayfasından bir ekran görüntüsü.

3. Seyahat Kahve Kitabı

Travel Coffee Book ana sayfasından bir ekran görüntüsü.

4. Magdeleine

Magdeleine ana sayfasından bir ekran görüntüsü.

5. Pekseller

Pexels ana sayfasından bir ekran görüntüsü.

6. ISO Cumhuriyeti

ISO Republic ana sayfasından bir ekran görüntüsü.

En İyi Simge Depoları

Benzersiz simgeler, bir tasarıma harika bir dokunuş katabilir ve listeleri veya harekete geçirici mesajları kolayca canlandırabilir. Herhangi bir proje için kullanılabilecek çeşitli ücretsiz simgeler olmadan hiçbir tasarımcı seti tamamlanmış sayılmaz.

1. Kuru Simgeler

DryIcons ana sayfasından bir ekran görüntüsü.

2. Kötü Simgeler

Evil Icons ana sayfasından bir ekran görüntüsü.

3. Düz Simgeler

Flat Icons ana sayfasından bir ekran görüntüsü.

4. Gemicon ve Budicon

Gemicon ana sayfasından bir ekran görüntüsü.

5. Jenerikler

Genericons ana sayfasından bir ekran görüntüsü.

6. Simgeler8

Icons8 ana sayfasından bir ekran görüntüsü.

7. simgeTatlılar

iconSweets ana sayfasından bir ekran görüntüsü.

En İyi Fırça ve Vektör Kitaplıkları

Simgelere çok benzer şekilde, tuzuna değecek hiçbir tasarımcı, sürekli bir birinci sınıf fırça ve vektör kaynağı olmadan olmamalıdır. Kendinizi bu bölümde eksik buluyorsanız, bunu birlikte düzeltmemizin zamanı geldi.

1. FırçaAşıklar

Brushlovers ana sayfasından bir ekran görüntüsü.

2. Fırçasız

Brusheezy ana sayfasından bir ekran görüntüsü.

3. Vecteezy

Vecteezy ana sayfasından bir ekran görüntüsü.

Başka Nereye Bakmalı?

  • En İyi 20 İllüstratör Fırçası
  • 60 Ücretsiz Illustrator Fırçasının Büyük Bir Derlemesi

İlham için En İyi Kaynaklar

İlham kararsız bir metrestir; hiçbir uyarı olmadan gelir ve gider. Bununla birlikte, bir telaş içinde olsanız bile, yaratıcı meyve sularının akmasını sağlamak için yapabileceğiniz birçok şey var. Bu siteler, ilham perisi kendini münzevi hissettiğinde hızlıca gezinmek için mükemmeldir.

1. Awwwards

Awwwards ana sayfasından bir ekran görüntüsü.

Awwwards, e-Kitapları nedeniyle toparlanmamızın ilk bölümünde zaten bir çeşit görüntü oluşturdu ve şimdi kemerlerinde ikinci çentiği harika bir ilham kaynağı olarak alıyor. Bu web sitesinin arkasındaki kişiler, web'deki en benzersiz ve ilginç tasarımlardan bazılarını düzenli olarak sergiliyor ve bunları kullanılabilirliklerine, yaratıcılığına ve genel içeriğine göre puanlıyor.

2. Behance

Behance ana sayfasından bir ekran görüntüsü.

Behance, 2006'dan beri tüm alanlardaki yaratıcı profesyoneller için bir vitrin görevi görüyor. Tasarımcıların kendi yaratıcı çalışmalarını yayınlayabilecekleri bir yer sağlıyorlar ve çok sayıda inanılmaz yetenekli insanı çektikleri için şirketler için de mükemmel bir yer haline geldi. bir sonraki işe almak için.

3. Top Sürme

Dribble ana sayfasından bir ekran görüntüsü.

Behance gibi, Dribbble da tasarımcıların çalışmalarını paylaşabilecekleri bir platform olmayı amaçlıyor. Ancak bunun aksine, Dribbble daha çok her parçayla ilgili tartışmayı teşvik etmeye ve içerik oluşturucuların süreçlerini açıklamalarına olanak sağlamaya odaklanıyor. Fortune 500 şirketi için tasarımcıları işe alıyorsanız, başlamak için başka bir iyi yer burasıdır.

4. PatternTap

PatternTap ana sayfasından bir ekran görüntüsü.

PatternTap, harika bir tasarım veya 'desen' koleksiyonudur. Bir dahaki sefere biraz ilham almanız gerektiğinde bunu işaretleyin!

5. UI Geçit Töreni

UI Parade ana sayfasından bir ekran görüntüsü.

Biraz daha spesifik bir şey için, UI Parade, herhangi bir tasarımcının yakında sevmeyi öğreneceği olağanüstü UI tasarım örneklerinin bir kataloğudur.

Çözüm

Tüm ücretsiz çevrimiçi kaynaklar parlamasa da, seçici bir tasarımcı en beklenmedik yerlerde bile pürüzlü elmasları kolayca bulabilir.

Burada derlediğimiz kaynakları yalnızca bir giriş olarak düşünün. Bir tasarımcının onsuz yaşayamayacağı donanım ve yazılımların (Photoshop gibi) yanı sıra, ihtiyacınız olabilecek hemen hemen her şeye ücretsiz alternatifler bulabilirsiniz. Bu sadece bakmak meselesi!

Gelecekteki gönderilerde ne tür kaynakları ele aldığımızı görmek istersiniz?

LWY Partnership / Shutterstock.com'dan makale küçük resmi

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir