Saiz butang yang disyorkan di laman web

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.

1. Berapa besar butang UI?
2. Adakah saiz butang penting?
3. Berapa banyak padding yang harus dimiliki oleh butang?
4. Sekiranya butang mudah alih lebar penuh?

Berapa besar butang UI?

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

Adakah saiz butang penting?

Ya, saiz penting. Saiz butang adalah salah satu faktor yang paling penting untuk dipertimbangkan semasa merancang aplikasi skrin sentuh. Sekiranya butang terlalu kecil, pengguna mungkin mengalami kesukaran mengetuk mereka dengan tepat.

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.