Nuovo layout per il Blog di Androidiani per i 4 anni del sito

5 dicembre 2012151 commenti
Per il 4° anno di vita del sito abbiamo deciso di ridare al sito un look più moderno e in linea con i tempi.

Queste le principali novità

  • Il layout è stato reso più largo per accompagnare l’adozione di schermi sempre più grandi da parte di tutti voi.
  • Scritto con le “ultime tecnologie” html5 + css3
  • Design più chiaro e pulito
  • Nuovo logo
  • Homepage con 3 sezioni di post in evidenza:
    • I più commentati dell’ultimo periodo
    • Le ultime recensioni hardware e software
    • Scelti dallo staff
  • Sito più leggero e veloce
  • Newsletter

In maggior dettaglio

I dettagli

Ogni porzione del layout è stato visto nei minimi dettagli. Ad esempio, passando con il mouse a vari elementi cliccabili (come i tag e le categorie del post) si noterà che l’animazione non avviene instantaneamente bensì viene accompagnata da un leggero effetto di fade molto veloce che “guida” l’occhio verso il nuovo stato.

Impaginazione

Abbiamo scelto di utilizzare un font non standard e di togliere – di default – l’impaginazione giustificata che rendeva tutto “troppo uniforme” e difficile da leggere molte volte.

Newsletter

Ora è possibile, inserendo la vostra email nel form che trovate nel footer, inscriversi ad una specie di newsletter tramite il servizio FeedBurner di Google il quale vi invierà quotidianamente la lista degli articoli postati nel giorno precedente dal sito.

Logo e grafica in generale

Abbiamo ridisegnato il nuovo logo In modo che risulti meno “cupo” del precedente e più in stile “cartoon”. A seguire i due loghi ridimensionati uno sotto l’altro.

Per quanto riguarda invece la grafica del “resto del sito” abbiamo deciso di puntare sul classico nero su bianco con qualche minima ombra di divisione che rende il layout più pulito, spazioso e chiaro nella divisione dei contenuti.

Nell’immagine qui sopra si può notare come allineamento, ordine e  spaziatura siano più prevalenti nel nuovo design piuttosto che sul vecchio; sebbene i due screenshot presentino praticamente le medesime informazioni.

Altro

C’è molto altro ancora ma quello che avrete – credo – già notato è che in homepage sono presenti degli android-squalo che nuotano. Il loro inserimento nel design è stato deciso durante lo sviluppo poichè ci siamo resi conto che il blog stava diventando troppo serio ( non è una battuta :) ) . – Sarebbe stato meglio aggiungerli verso la fine dello sviluppo poichè ho perso (globalmente) almeno 1h30m a guardarli.

Bugs e segnalazioni

Il layout è praticamente completo anche se, ovviamente, potrebbe presentare qualche problema di visualizzazione in qualche caso/pagina. Fateci sapere tramite un commento qui sotto (magari indicando tutte le informazioni che ci permettano di “replicare” il problema ).

Oltre ai problemi di visualizzazione e rendering ci potrebbe essere qualche altro problema indiretto causato comunque dal layout che potrebbero affliggere – ad esempio – le nostre applicazioni chrome e android.

Thanks e conclusioni

Alla realizzazione del layout sono intervenute molte persone interne ed esterne allo staff di Androidiani che ovviamente vogliamo ringraziare. Principalmente, l’ultima versione grafica è stata realizzata da Sandro Forbìce (Design) e da me (Sviluppo).

Insomma cosa ne pensate?

  • dario

    innanzitutto AUGURI e grazie per l’impegno profuso in questi 4 anni di passione, siete stati un importante punto di riferimento per me fin da prima che comprassi il primo android e il forum di androidiani credo sia il migliore in italia per il robottino verde.
    per la nuova veste grafica, ovviamente ancora ci devo ancora fare l’occhio, ma già da ora la trovo molto gradevole, ordinata pulita e moderna.
    Bravi!

  • http://www.facebook.com/zipper75 Rino Castiglia

    molto windows8 …. carino … ora modificate anche l’applicazione di android :-)

  • http://www.facebook.com/roberto.rigliaco Roberto Rigliaco

    Pesantissimo…

  • Roby Rock

    hem l’ html e il css non sono tecnologie ma linguaggi.

    Per il resto un ottimo lavoro!

    • Andrea Baccega

      Avresti anche ragione. Ho generalizzato un po troppo :)

  • 97nannino

    bellissimo il nuovo look del sito!!! complimenti ancora, simpatici anche gli squali-droid che nuotano ^-^. ah una domanda…ma per il forum?? ci sarà anche li un nuovo look?

  • Frango

    bbbbbbbbbbbbbeeeeeeeeeeeeeeelllllllllllllllaaaaaaaaaaaaa finalmentte :) Complimenti :)

  • sc

    ci voleva proprio questo restyling, il vecchio layout era davvero antiquato!!:)

  • Federico Barone

    Ciao, vorrei far sapere al webmaster o al grafico che ha creato la nuova grafica del sito che l’articolo sull’acquisto del nexus 4 dall’america ha alcuni problemi: ha un ingiustificato enorme spazio bianco dopo la fine dell’articolo e non mi sta permettendo di commentare… tra l’altro non ha ancora alcun commento, fatto di per sé strano per un articolo, credo, che interessi a molti…

    grazie per l’attenzione e buon lavoro :)

  • Marcoz

    Qualcuno lo ha provato con Opera Mobile ? E’ ingestibile. Manda in botta tutto Opera. Rallenta tutto anche il menu per tornare all’home page. Con il browser stock va molto a scatti (ho un galaxy tab 2 7.0). L’ho provato da ipad di mia mamma… una scheggia… Per un sito che si chiama androidiani è il colmo!

  • blackskorpion

    il blog adesso è molto più attraente esteticamente parlando , ma ho notificato maggiore lentezza in apertura pagine =(….va beh, non si può avere tutto! :)

  • milan

    cambierete layout anche al forum?

  • ffffff

    Nooooo, adesso il sito è pesantissimo, ho problemi di scrolling…. e ho un pc cpn 2 processori. Alleggerire!!!! usare caratteri più piccoli…. usare roba scura che mi spacca gli occhi il binco!

  • mmorselli

    E’ stato fatto un errore abbastanza ingenuo nel layout. Non è stato specificato il bianco come sfondo nei DIV principali, questo perchè il webmaster ha dato per scontato che tutto il mondo usasse il bianco come sfondo di default. Per capire cosa intendo, provate ad impostare il nero come sfondo del browser, nei colori, e guardate come si vede il sito. Se in un layout voglio che ci sia del bianco, va specificato in modo esplicito. (dubito che l’intenzione fosse onorare la scelta di default)

    • Andrea Baccega

      Ciao mmorselli, grazie per il suggerimento. Effettivamente me lo sono dimenticato :)

      Entro breve sono previsti altri miglioramenti per le performance e ci “includo” anche questo .. grazie ancora.

  • http://www.facebook.com/LuciaGiorgi.W.Boole.Godel.Turing Lucia Kikyo Giorgi

    Ganzo!

  • http://www.facebook.com/LuciaGiorgi.W.Boole.Godel.Turing Lucia Kikyo Giorgi

    Molto bello, però mettete il nuovo logo anche nel forum XD