Jumlah padding antara butang dalam aplikasi mudah alih

Kajian ini menyimpulkan bahawa julat 12 hingga 48 piksel adalah jarak butang yang optimum. Julat luas ini berguna kerana anda boleh memohon kepada saiz butang yang berbeza.

1. Berapa banyak padding yang harus dimiliki oleh butang?
2. Sekiranya butang mudah alih lebar penuh?
3. Berapakah ukuran butang di telefon bimbit?
4. Apa yang harus saiz butang?

Berapa banyak padding yang harus dimiliki oleh butang?

Padding butang adalah salah satu aspek yang paling penting dalam gaya butang. Gaya peribadi saya adalah untuk menetapkan padding menegak sama dengan ketinggian fon, dan menetapkan padding mendatar hingga 1.33 kali ketinggian menegak. Sekiranya ketinggian fon adalah 20px, padding menegak adalah 20px, dan padding mendatar akan menjadi 27px.

Sekiranya butang mudah alih lebar penuh?

Bergantung pada susun atur, orientasi dan tujuan tetapi ia adalah peraturan yang baik untuk menambah sekurang -kurangnya margin 8dp. Perlu diingat batasan ruang sentuh, contohnya pada Android, reka bentuk bahan yang dianggap sebagai amalan yang baik untuk mempunyai butang yang sekurang -kurangnya 48x48 dp lebar supaya kawasan butang selesa untuk digunakan untuk pengguna.

Berapakah ukuran butang di telefon bimbit?

Kajian oleh MIT Touch Lab menunjukkan bahawa 10mm × 10mm adalah saiz minimum terbaik untuk butang di telefon bimbit kerana saiz purata hujung jari.

Apa yang harus saiz butang?

Saiz butang juga membantu menjadikannya dapat dikenal pasti sebagai satu. Kajian oleh MIT Touch Lab menunjukkan bahawa 10mm x 10mm adalah saiz minimum terbaik untuk butang kerana saiz purata hujung jari. Butang merancang bukan sahaja menyenangkan mata, tetapi mereka juga perlu membuat rasa sentuhan bagi pengguna.