it-swarm-eu.dev

Perché Facebook, Twitter e Grooveshark hanno un'altezza di 40 px nella barra di navigazione?

È solo una coincidenza o è una dimensione perfetta per una migliore interfaccia utente?

14
janoChen

Ben individuato! A proposito, anche SE. Penso che sia perché 25px è di dimensioni standard per una casella di testo (ricerca), quindi su ogni lato aggiungi circa 5px di sfondo e un totale di 5px in più per bordi e ombre e arrivi a 40. Questo non spiega Grooveshark, che è l'unico dei quattro senza una casella di testo nella sua intestazione, ma lì hai i pulsanti sulla destra, e lo stesso vale per loro. Quindi, se stai diventando minimalista e vuoi controlli nella tua intestazione, questa è apparentemente la più piccola intestazione ragionevole che puoi ottenere, a meno che tu non sia disposto a compromettere l'appeal visivo.

Gmail ne ha solo 30, ma non ha pulsanti o caselle di testo, solo il menu e bordi estremamente minimali.

13

spiegazione dell'interfaccia utente

40px è un'altezza dell'intestazione relativamente piccola. Le piccole intestazioni consentono a più elementi di adattarsi sopra la piega. Mettendo più cose above the fold, l'usabilità è aumentata perché gli utenti non devono scorrere tanto per arrivare al contenuto di cui hanno bisogno. Tutti questi siti hanno scelto una piccola altezza di 40 px, anziché 200 px, per questo motivo.

spiegazione eterea

Per preferenza personale, mi piace progettare i miei elementi in multipli di 5px o 10px. Crea un senso di armonia del Feng Shui. Sentirei il mio chi sbilanciato se il mio header fosse alto 39px. Forse anche ad altri designer piacciono questi numeri "rotondi". Hanno scelto 40px perché è un multiplo di 5 o 10. Ricordo che la mia insegnante di economia ha detto alla classe come in TV, alza o abbassa il volume solo a un multiplo di 5 oppure si sentirà strana. La maggior parte della classe sembrava conformarsi a questa natura. È un innato desiderio di equilibrio e armonia.

3
JoJo

lavoro personalmente in multipli di 5, non è a causa della natura cognitiva che piace o tende a progettare in multipli di 5, è troppo più facile misurare velocemente ogni singolo spazio nella parte posteriore della tua mente senza pensare se stai usando la griglia 960, aiuta anche nello sviluppo, se progetti e altri ragazzi mettono le tue cose in diretta, è bene abituarle a questo sistema, riduce i difetti e le interpretazioni errate.

1
Motaz Al-Thaher