Icon
Principles
Purpose
DNA Design System memiliki Icons set yang berperan sebagai alat bantu visual untuk membantu user dalam pembuatan User Interface maupun Graphic Design. Sederhana, informatif, dan dibangun di atas bahasa visual Design System.
Simple over
Icon yang detail akan meningkatkan beban kognitif. Fokus pada kesederhanaan untuk membantu user memahami konsep yang diwakili icon dan mengenali icon di layar yang lebih kecil.
Literally literal
Icon yang literal lebih mudah dipahami daripada icon yang abstrak. Jika konsep tidak dapat disampaikan secara harfiah (aktivitas seperti berkebun, profesi seperti dokter), pilih simbol yang terkait secara logis (sekop, stetoskop).
Stay professional
Desain icon mengomunikasikan tone, seperti konten yang dipasangkan dengan icon lainnya. Fokus pada keefektifan pesan daripada visual yang hanya estetik. Dengan kata lain, prioritaskan representasi fungsi, daripada tampilannya yang bagus.
Formatting
Size
Icons dapat digunakan dengan empat variant ukuran sesuai dengan kebutuhan. Dari layar mobile, desktop, maupun responsive. Beberapa ukuran yang sudah disediakan DNA Design System adalah sebagai berikut:
- extra small – x-sm
- small – sm
- medium – md
- large – lg
