Sumber desain yang perlu disimpan setiap developer

Banyak proyek tidak punya desainer. Itu bukan alasan untuk antarmuka yang tampak seperti kecelakaan.

Alat-alat ini menutupi keputusan yang biasanya keliru: warna, kontras, spasi, gambar, dan skala tipografi.

Warna

Realtime Colors

Coba palet pada tata letak sungguhan, bukan pada lima kotak yang tak berarti apa-apa.

realtimecolors.com

Warna

Coolors

Hasilkan dan kunci palet dengan cepat, lalu ekspor sebagai variabel CSS.

coolors.co

Aksesibilitas

WebAIM Contrast Checker

Dua menit di sini mencegah abu-abu di atas abu-abu yang gagal di setiap audit.

webaim.org/resources/contrastchecker

Tipografi

Type Scale

Membangun skala judul yang konsisten agar ukuran huruf berhenti asal pilih.

typescale.com

Ilustrasi

unDraw

Ilustrasi gratis yang bisa diwarnai sesuai merek sebelum diunduh.

undraw.co

Gambar

Squoosh

Kompres gambar di peramban dan lihat penurunan kualitas sebelum menyetujuinya.

squoosh.app

Latar

Haikei

Menghasilkan blob, gelombang, dan gradien SVG untuk bagian hero dalam beberapa klik.

haikei.app

Alat desain

Figma

Meski tak pernah menggambar di sana, Anda tetap perlu membuka kiriman desainer sungguhan.

figma.com

Kalau hanya dua, ambil pemeriksa kontras dan skala tipografi: keduanya memperbaiki masalah yang benar-benar disadari pengguna.

Perlu dibangun, bukan sekadar dipilih?

Aplikasi web, API, infrastruktur, dan antarmuka. Freelance dari Barcelona, klien di mana saja.

Hubungi saya


Comments

Leave a Reply

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