L'Almanacco è stato lanciato nella v9 e non è mai stato realizzato. Tuttavia si sta avvicinando sempre di più ogni giorno. Quindi nella v10 progetteremo in base al presupposto che sia "fatto".
Diamo un'occhiata al design esistente della v9, che è un po 'OK ma non serve molto bene il contenuto. Per inciso, vediamo che i rollover per le lettere in grassetto al passaggio del mouse, che di solito è un no-no (spesso spinge via altro testo e sembra strano) ma è una specie di effetto interessante su queste lettere in posizione bloccata.
Abbiamo già la grafica dell'intestazione personalizzata in atto, quindi l'abbiamo inserita in Photoshop in modo da poter armeggiare con il design nel contesto. Parte di quello che mi piace dell'illustrazione di Giovanni è che mi ricorda il libro fisico che era comune dove sono cresciuto: The Farmer's Almanac. Decidiamo di prendere la metafora del libro fisico e di inserirla in questo progetto. Non skeuomorfo o altro, ma solo un cenno alla dimensionalità.
Lo creiamo su due pagine e utilizziamo i gradienti per suggerire un'ombra e una rilegatura. Giochiamo con alcune ombre per estendere l'effetto.
Ancora una volta estendendo la metafora del "libro", scegliamo un carattere di scrittura a mano per mostrare le lettere nel libro, rendendolo più un diario o un diario che un libro con cui sto bene.
Quest'area è divisa in due (che funziona bene con il layout a 2 pagine). Un lato è per le proprietà CSS e l'altro è per i selettori CSS. Per renderlo visivamente più chiaro (oltre al semplice titolo delle due pagine), i due lati hanno un colore di base diverso.
Pensiamo un po 'attraverso la tipografia e lottiamo con alcune decisioni su dove possiamo farla franca con questo carattere di scrittura a mano e dove non possiamo. Abbiamo anche lottato un po 'con il fatto che abbiamo (di nuovo) utilizzato l'intera pagina per l'esplorazione dei contenuti. Una buona cosa, certo, ma ancora una volta abbiamo rimosso la pubblicità che è piuttosto vitale per la sopravvivenza del sito.