Tombol

Jumlah bantalan yang tepat antar tombol di aplikasi seluler

Jumlah bantalan yang tepat antar tombol di aplikasi seluler

Studi ini menyimpulkan bahwa kisaran 12 hingga 48 piksel adalah jarak tombol optimal. Rentang luas ini berguna karena Anda dapat menerapkannya pada ukuran tombol yang berbeda.

  1. Berapa banyak banting yang harus dimiliki tombol?
  2. Harus tombol seluler menjadi lebar penuh?
  3. Ukuran apa yang seharusnya di ponsel?
  4. Apa yang seharusnya menjadi ukuran tombol?

Berapa banyak banting yang harus dimiliki tombol?

Tombol bantalan adalah salah satu aspek paling penting dari gaya tombol. Gaya pribadi saya adalah mengatur bantalan vertikal yang sama dengan tinggi font, dan mengatur bantalan horizontal ke 1.Tinggi 33 kali vertikal. Jika ketinggian font adalah 20px, padding vertikal adalah 20px, dan bantalan horizontal adalah 27px.

Harus tombol seluler menjadi lebar penuh?

Tergantung pada tata letak, orientasi, dan tujuan tetapi aturan praktis yang baik untuk menambahkan setidaknya margin 8dp. Ingatlah keterbatasan ruang sentuh, misalnya pada Android, desain material dianggap sebagai praktik yang baik untuk memiliki tombol yang setidaknya 48x48 dp lebar sehingga area tombol nyaman digunakan untuk pengguna.

Ukuran apa yang seharusnya di ponsel?

Studi oleh MIT Touch Lab menunjukkan bahwa 10mm × 10mm adalah ukuran minimum terbaik untuk tombol di ponsel karena ukuran rata -rata ujung jari.

Apa yang seharusnya menjadi ukuran tombol?

Ukuran tombol juga membantu membuatnya dapat diidentifikasi sebagai satu. Studi oleh MIT Touch Lab menunjukkan bahwa 10mm x 10mm adalah ukuran minimum terbaik untuk tombol karena ukuran rata -rata ujung jari. Merancang tombol tidak hanya harus menyenangkan mata, tetapi mereka juga perlu masuk akal untuk pengguna.

Cara mengintegrasikan bantuan AI ke bidang entri regex?
Cara menggunakan regex di chatbot?Bagaimana memvalidasi teks dengan regex? Cara menggunakan regex di chatbot?Seret dan letakkan item elemen pesan da...
Cara meningkatkan proses kerja antara tim dev dan desainer UX/UI?
Bagaimana desainer dan pengembang UX bekerja sama?Bagaimana desainer dan pengembang bekerja sama? Bagaimana desainer dan pengembang UX bekerja sama?...
Filter dalam gulungan horizontal atau dalam dropdown; Apa yang lebih baik? (Saya membuat contoh gambar)
Apa itu filter dropdown?Apa itu gulir horizontal?Bagaimana cara membuat gulir horizontal?Mengapa saya mendapatkan scrollbar horizontal? Apa itu filt...