Her geliştiricinin kaydetmesi gereken tasarım kaynakları

yazar:

kategori:

Birçok projede tasarımcı yoktur. Bu, kazara oluşmuş gibi duran bir arayüz için mazeret değildir.

Bu araçlar genelde yanlış giden kararları kapsıyor: renk, kontrast, boşluk, görseller ve tipografi ölçeği.

Renk

Realtime Colors

Bir paleti hiçbir şey anlatmayan beş kare yerine gerçek bir yerleşim üzerinde deneyin.

realtimecolors.com

Renk

Coolors

Paletleri hızlıca üretip kilitleyin, sonra CSS değişkeni olarak dışa aktarın.

coolors.co

Erişilebilirlik

WebAIM Contrast Checker

Burada geçirilen iki dakika, her denetimden kalan gri üstüne gri metni önler.

webaim.org/resources/contrastchecker

Tipografi

Type Scale

Tutarlı bir başlık ölçeği kurar, böylece punto seçimleriniz keyfî olmaktan çıkar.

typescale.com

İllüstrasyon

unDraw

İndirmeden önce markanıza göre renklendirebileceğiniz ücretsiz illüstrasyonlar.

undraw.co

Görseller

Squoosh

Görselleri tarayıcıda sıkıştırın ve kaliteyi kaybetmeyi kabul etmeden önce sonucu görün.

squoosh.app

Arka planlar

Haikei

Hero bölümleri için birkaç tıklamayla SVG lekeler, dalgalar ve gradyanlar üretir.

haikei.app

Tasarım aracı

Figma

İçinde hiç çizim yapmasanız bile gerçek tasarımcıların gönderdiğini açmak için gerekecek.

figma.com

Yalnızca ikisini kullanacaksanız kontrast denetleyicisi ile tipografi ölçeğini seçin: kullanıcıların gerçekten fark ettiği sorunları çözerler.

Seçmek değil, kurmak mı gerekiyor?

Web uygulamaları, API'ler, altyapı ve arayüzler. Barselona'dan freelance, dünyanın her yerinden müşterilerle.

İletişime geç


Yorumlar

Leave a Reply

Your email address will not be published. Required fields are marked *