risposta-alla-domanda-sullo-sviluppo-web-bd.com

Perché le immagini del profilo sono arrotondate al giorno d'oggi?

Perché molti siti Web e applicazioni utilizzano immagini di profilo rotonde? Anche i migliori giocatori come Google e Apple usano le foto dei profili rotondi sui frame rettangolari convenzionali. Perché?

90
Kay Gee

Gli angoli di una foto di un volto (che la maggior parte delle persone sceglierà come avatar) non sono solo rumori visivi non necessari, ma possono rendere l'immagine più difficile da elaborare. Le cose con bordi arrotondati sono considerate più facili per gli occhi delle cose con bordi taglienti. I cerchi sono più facili da elaborare per il sistema visivo, quindi generano meno carico cognitivo.

Tuttavia, molti di noi che sono cresciuti con avatar rettangolari li stanno ancora progettando per sfruttare al meglio uno spazio rettangolare. Forse dovremmo andare con i tempi e smettere di essere così quadrati .

70
Franchesca

Questo è quello che penso.

Se guardi un'immagine, tutto ciò di cui hai bisogno è l'area più centrale di essa per capire di cosa si tratta. Se il centro dell'immagine viene rimosso, diventa davvero difficile per noi capire di cosa tratta l'immagine, mentre se gli angoli vengono rimossi e il centro viene preservato, possiamo ancora capire di cosa si trattava.

Examples of rounded avatars, square avatars, and avatars with a hole in them

Quanto sopra è vero per la maggior parte dei casi. So che ci possono essere eccezioni in cui il soggetto non è al centro della fotografia.

Per quanto riguarda il motivo per cui tutti usano avatar arrotondati anziché quadrati, è come chiedersi perché tutti stanno passando al design piatto.

Spero che questo abbia aiutato.

44
raz0r

enter image description here

Questo è il mio conto sulle foto del profilo arrotondato.

  1. Perché prima c'era una foto con profilo quadrato?

    L'idea è stata derivata da una cornice per foto che era quadrata e per abbinare il mondo reale le foto del profilo erano quadrate.

  2. Ora perché tondo?

    Immagino che ora stiamo gradualmente spostando dal design scettico ai progetti più efficienti nella parola digitale. Inoltre è una novità che si distingue dalla tradizionale foto a profilo quadrato.

  3. Perché sta riuscendo?

    Sopra l'immagine vedrai che per l'immagine di profilo quadrato, ci sono 5 punti da concentrare (quattro all'angolo e uno al centro). La maggior parte delle volte la visuale è al centro. Quindi gli altri punti d'angolo sul Bordo allontanano la concentrazione dall'oggetto per mettere a fuoco, mentre se vedi l'immagine del profilo rotondo vedi solo un punto di concentrazione al centro e nessun punto distinto per concentrarsi su Edge.

    In breve in una foto di profilo circolare possiamo facilmente concentrarci sull'oggetto che si trova al centro dove è difficile in caso di quadrato a causa dei 4 punti d'angolo che prendono parte alla tua concentrazione.

9
sandeep_jagtap

Perché tutti usano "Bootstrap Twitter" per creare un sito Web pulito e reattivo.

Parte del toolkit è la classe img-circle che hai appena aggiunto e voilà, immagine rotonda, diametro 140px. Non potrebbe essere più semplice.

http://getbootstrap.com/css/#images

Potrebbero esserci più ragioni scientifiche per cui la forma rotonda è in voga, tuttavia l'adozione di massa è perché Twitter Bootstrap lo rende molto facile da fare.

6
Theodores

Perché oggi? Forse perché CSS3, adottato nel 1999 ma implementato comunemente solo pochi anni fa, consente border-radius proprietà in modo che i bordi arrotondati possano essere facilmente implementati in modo dinamico in un browser. In precedenza si sarebbe dovuto accendere Photoshop o creare un codice di manipolazione delle immagini usando Gd Graphics Library o ImageMagick sul lato server per ottenere lo stesso effetto.

Ma nella storia dei computer e dell'esperienza utente, puoi guarda indietro alla passione di Steve Jobs per il loro uso durante lo sviluppo di Apple Lisa (precursore del Macintosh) nel 1981:

Bill ha acceso la sua demo e ha riempito rapidamente lo schermo di Lisa con ovali di dimensioni casuali, più velocemente di quanto pensassi fosse possibile. Ma qualcosa dava fastidio a Steve Jobs. "Bene, i cerchi e gli ovali sono buoni, ma che ne dici di disegnare rettangoli con angoli arrotondati? Possiamo farlo ora anche?"

"No, non c'è modo di farlo. In effetti sarebbe davvero difficile da fare, e non credo che ne abbiamo davvero bisogno". Penso che Bill fosse un po 'seccato dal fatto che Steve non stesse delirando per gli ovali veloci e voleva ancora di più.

Steve divenne improvvisamente più intenso. "I rettangoli con gli angoli arrotondati sono ovunque! Basta guardarsi intorno in questa stanza!". E di sicuro ce n'erano molti, come la lavagna e alcuni dei banchi e dei tavoli. Quindi indicò fuori dalla finestra. "E guarda fuori, c'è ancora di più, praticamente ovunque guardi!". Persuase persino Bill a fare una breve passeggiata intorno al blocco con lui, sottolineando ogni rettangolo con angoli arrotondati che riuscì a trovare.

Quando Steve e Bill hanno superato un cartello senza parcheggio con angoli arrotondati, ha funzionato. "OK, mi arrendo", supplicò Bill. "Vedrò se è difficile come pensavo." Tornò a casa a lavorarci su.

Bill tornò a Texaco Towers il pomeriggio seguente, con un grande sorriso sul volto. La sua demo ora disegnava rettangoli con angoli meravigliosamente arrotondati, velocissimi, quasi alla velocità di semplici rettangoli. Quando ha aggiunto il codice a LisaGraf, ha chiamato il nuovo primitivo "RoundRects". Nei prossimi mesi, roundrects ha funzionato si sono fatti strada in varie parti dell'interfaccia utente e presto sono diventati indispensabili.

Detto questo, quello che trovo piuttosto divertente è ora Apple si sta muovendo verso il cerchio puro per l'interfaccia utente in iOS 7. Mentre Windows 8 ha quali? Tonnellate di quadrati non rotondi per un'interfaccia. = Apple diventa più rotonda e Microsoft diventa più quadrata!

4
JakeGould

I volti sono rotondi (ish). Ritagliando gli angoli dell'immagine, aumenti la sua concentricità, man mano che le curve del bordo si avvicinano alle curve della testa. Questo attira lo sguardo direttamente sul soggetto e incornicia in modo specifico il viso.

3
ahmacleod

Molto tempo fa era necessario un complicato mascheramento javascript o era necessaria solo la manipolazione delle immagini per estrarre le immagini arrotondate. Ora con border-radius è facile creare immagini arrotondate. Quindi immagino che la risposta più semplice sarebbe che le persone lo fanno perché è facile da fare e rompe gli schemi della normale immagine quadrata.

2
riotgear

Utilizzando lo stesso esempio della prima risposta, i cerchi potrebbero essere meno quadrati (rispetto alla colonna originale - 1 ° da sinistra), ma avere uno sfondo ridondante nel mezzo (colonna più a sinistra).

Ritagliare un rettangolo più piccolo (terza colonna da sinistra) ti mette a fuoco sul viso, poiché è tutto ciò che rimane.

Se il rettangolo ti sembra noioso, potresti sperimentare altre forme, ad es. trapezi. Nell'ultimo esempio (la riga in basso), il rapido trapezio che ho preformato corrisponde effettivamente al viso e rende il ragazzo più interessante rispetto ai cerchi che sembrano cornici della fine del 19 ° secolo. Fa persino sembrare noioso il ragazzo meno noioso delle alternative.

enter image description here

1
Danny Varod

Cerchi e bordi arrotondati costano meno carico cognitivo rispetto ai bordi diritti e duri.

"Un rettangolo con spigoli vivi richiede effettivamente un po 'più di sforzo cognitivo visibile rispetto ad esempio a un'ellisse della stessa dimensione. Il nostro" occhio di fovea "è ancora più veloce nella registrazione di un cerchio. I bordi coinvolgono ulteriori strumenti di immagine neuronale. Il processo è quindi rallentato." - Prof. Jürg Nänni

Realizzazioni di rettangoli arrotondati.

0
RobbyReindeer

Il volto è la parte più importante di un'immagine del profilo. Meno area di sfondo è presente, più utenti possono focus sul viso.

Un'immagine del profilo arrotondata ritaglia l'area di sfondo agli angoli.

Inoltre, aiuta gli utenti a differenziare le immagini del profilo da una semplice foto dal contenuto.

0
Madalina Taina

Ora sono rotondi perché sono alla moda. Nessun altro motivo. Nessun essere umano ha mai avuto difficoltà a riconoscere un volto a causa degli angoli. Enormi parti del cervello umano sono dedicate al riconoscimento facciale in modo da poter avere il viso a forma di stella e non influirebbe sul riconoscimento.

0
Randy