Apa yang dimaksud dengan sistem jarak/skala?

Dalam desain grafis, skala dan spasi adalah dua konsep yang sangat penting.

Skala: Skala mengacu pada ukuran relatif dari elemen-elemen desain dalam sebuah karya. Ini berkaitan dengan seberapa besar atau kecil elemen-elemen tersebut dibandingkan satu sama lain dalam desain. Skala dapat digunakan untuk menarik perhatian, menciptakan hierarki, atau memperkuat pesan visual. Misalnya, elemen-elemen yang lebih besar cenderung menonjol dan menarik perhatian lebih banyak daripada elemen-elemen yang lebih kecil.

Jarak: Spasi, atau kadang-kadang disebut sebagai ruang negatif, adalah area kosong di antara atau di sekitar elemen-elemen desain. Spasi membantu mengatur hubungan antara elemen-elemen tersebut dan memberikan pernapasan visual bagi mata pengamat. Spasi yang disusun dengan baik dapat meningkatkan pemahaman, keterbacaan, dan estetika keseluruhan desain. Spasi juga dapat digunakan untuk menyeimbangkan komposisi, memberikan fokus pada elemen tertentu, dan menciptakan perasaan keteraturan atau ketenangan dalam desain.

Ketika menggunakan skala dan spasi dalam desain, penting untuk mempertimbangkan prinsip-prinsip desain grafis yang meliputi keseimbangan, kontras, ritme, proporsi, dan harmoni. Dengan memanfaatkan skala dan spasi secara efektif, seorang desainer dapat menciptakan karya-karya yang menarik, mudah dipahami, dan estetis.

Bagaimana cara membuat skala jarak?

Cukup pastikan semua variabel spasi (padding & margin) adalah kelipatan dari garis dasar Anda. Contohnya:

Jika Anda menggunakan grid dasar 4px, nilai spasi Anda harus 4, 8, 12, 16, 20, 24, 28, 32 dan seterusnya.

Bagaimana cara menggunakan skala spasi?

Setelah Anda menyiapkan sistem/skala penspasian, Anda perlu menentukan seperangkat aturan dan pola di mana Anda menggunakan setiap nilai penspasian.

Misalnya:

-4px antara ikon dan teks

-8px antar elemen dalam suatu komponen

-16px sebagai nilai padding default untuk komponen kartu atau daftar

-24px untuk margin antar bagian

Berikut ini contohnya: