Arayüz Güncel Tasarım

Web Geliştiricilerin Kullanabileceği Harika Kaynaklar

Merhabalar, bu yazımızda web geliştirmede kullanılabilecek siteleri listeledim. Site içeriklerini ve kullanım alanlarını tek tek anlatmak yerine gruplandırma yaptım. Gruplandırmaya göre listeledim. Yazı içeriğinde yer alan gruplar;

  1. Web Tasarım için İlham Kaynağı
  2. CSS Düzeni
  3. Ücretsiz Stok Görseller
  4. Ücretsiz Stok Videolar
  5. Renk Paleti
  6. Gradyan Oluşturma

Bir müşteri ürünü için bir web tasarımı için size yaklaştığında, bazen nereden başlayacağımız, hangi tasarımı kullanacağımız hakkında hiçbir fikrimiz olmayabilir. Aşağıda listelenen kaynaklar size yardımcı olacak, müşteriyi memnun edecek iyi bir tasarım üretmek için kullanılabilecek fikirler verecektir. Listelenen bazı sitelerde, projelerimizde kullanılabilecek bileşenlerin web tasarımı, kullanıcı arabirimi kitleri, web şablonları vb. Gibi ücretsiz özellikler de var.

Web Tasarım için İlham Kaynakları

Behance

 

Dribble

Muzli

Awwwards

One Page Love

Daily Css Design

Sitesee

Best Website Gallery

Cssnektar

Siteinspire

Collectui

Httpster

Uplabs

 

 

Web geliştirmenin içe aktaran yönlerinden biri de düzendir. Tasarımcının bize verdiği düzeni birçok şekilde geliştirebiliriz, bir süre sonra düzeni oluşturmak için hangi CSS özelliğini kullanacağımızı bilemeyebiliriz. Aşağıda Css Düzeni için yardımcı siteleri inceleyebilirsiniz.

 

CSS Düzeni

Layoutit

 

Css Grid Generator

Griddy

 

CssPortal

Ücretsiz Stok Görseller

Web projenizde lisanssız görseller kullanmak başınızı belaya sokar, işte kişisel veya ticari web projelerinizde kullanabileceğiniz ücretsiz stok görsel sağlayan sitelerin listesi. Lütfen burada listelenen web sitelerinden bazılarını indirmeden önce lisansı kontrol edin, hem ücretsiz hem de ücretli sürüm içerir, ayrıca lisans farklı olabilir, bu nedenle lisansın projenize uygun olduğundan emin olun.

 

Pexel

Pixibay

 

Unsplash

Stocksnap.io

Gratisography

Lifeofpix

Freeimages

 

Burst

 

Ücretsiz Stok Videolar

Projelerinizde kullanabileceğiniz stok videoların bir listesi. Lütfen indirmeden önce videonun lisansını kontrol edin, bazılarının kısıtlaması olabilir, yalnızca kişisel amaç için kullanılabilir veya atıf gerektirebilir.

Pexels Video

 

Videvo

Videezy

 

Coverr 

 

Mazwai

 

Pixibay Video

 

Vidsplay

 

Cutestockfootage

 

Splirshire

 

Renk Paleti Denetleyiciler

 

Bir sonraki web projeniz için renk seçmenize yardımcı olacak renk paletlerinin bir listesi. Liste ayrıca kontrast denetleyici içerir, ön plan ve arka plan arasındaki doğru kontrast değeri daha iyi erişilebilirliğe yardımcı olacaktır.

 

LearnUI

Color.lol

 

TinEye

 

Accessible Color Palette

 

 

ColorsUI

 

Gradyan Oluşturma

Aşağıda listelenen web siteleri, web projeleriniz için renk gradyanları oluşturmanıza yardımcı olur.

Larsenwork

 

Gradient Magic

 

Virtuosoft

 

LearnUI

 

Css Gradient Generator

 

Mesh 

 

Hypercolor

 

Umarım paylaşmış olduğum kaynakları beğenirsiniz. Kullanmadığım bazı web siteleri de ekledim ama hepsinin faydalı olacağı kanaatindeyim. Benim bu yazı sırasında aynı zamanda araştırmalarım arasında en fazla Muz.li beğendim. Ne zamandır öyle bir şey yapmayı düşünüyordum ama yapılmış. Kullanmanızı tavsiye ederim.

Sizin kullandığınız burada benim belirtmediğim web siteleri varsa, yorum bölümünden paylaşabilirsiniz.



Yazar hakkında

Furkan Toptaş

Manisa Celal Bayar Üniversitesinde Yazılım Mühendisliği 4. Sınıf öğrencisiyim. Teknovol şirketinde Front-end üzerine kendimi geliştiriyorum. Bilgi sahibi olduğum konuları sizlerle paylaşıyorum. Geri dönüşleriniz benim için önemlidir. Yorum, düşünce ve görüşlerinizi bekliyorum.

Yorumlar

Bir yorum yaz