Jarak antar komponen UI

1. Apa jarak di dalam elemen UI?
2. Apa jarak dalam sistem desain?
3. Mengapa jarak penting dalam desain?
4. Apa itu padding dalam desain UX?

Apa jarak di dalam elemen UI?

Jumlah ruang putih antara elemen dalam UI menunjukkan bagaimana elemen saling berhubungan. Hukum kedekatan menunjukkan bahwa: elemen terkait harus ditempatkan lebih dekat bersama. Sebaliknya, elemen yang tidak terkait harus dipisahkan lebih jauh.

Apa jarak dalam sistem desain?

Jarak adalah area negatif antara elemen dan komponen. Itu biasanya dikendalikan dalam kode dengan margin dan bantalan . Karbon menawarkan beberapa metode seperti token dan komponen tata letak untuk membuat jarak implementasi dalam produk lebih mudah dan lebih konsisten.

Mengapa jarak penting dalam desain?

Ruang memohon imajinasi, ketika kita melihat ruang dalam desain, itu memungkinkan kita untuk membayangkan dan bebas berkeliaran. Ini menciptakan hierarki visual ke elemen ketika kesenjangan dibuat untuk memastikan bahwa pengguna dapat menemukan dan mencerna informasi yang disajikan dengan lebih mudah.

Apa itu padding dalam desain UX?

Padding adalah ruang antara elemen dalam suatu komponen. Padding dapat diukur baik secara vertikal maupun horizontal dan tidak perlu menjangkau seluruh ketinggian tata letak. Padding diukur dengan peningkatan 8px atau dalam beberapa kasus 4px.