# 97: „Almanacho“ nuotraukos - CSS-gudrybės

Anonim

„Almanachas“ buvo paleistas v9 versijoje ir niekada nebuvo atliktas. Kiekvieną dieną vis artėja. Taigi v10 versijoje remsimės prielaida, kad tai „padaryta“.

Mes žiūrime į esamą „v9“ dizainą, kuris yra gana gerai, bet nepateikia turinio. Greitai atmetus, matome, kad užvestos raidės, paryškintos užvedus pelės žymeklį, paprastai yra ne-ne (dažnai nustumia kitą tekstą ir atrodo keistai), tačiau tai tarsi puikus poveikis šioms užrakintos padėties raidėms.

Mes jau turime pasirinktinį antraštės grafiką, todėl įdėjome tai į „Photoshop“, kad galėtume pritaikyti dizainą kontekste. Dalis to, kas man patinka Giovanni iliustracijoje, yra tai, kad ji man primena fizinę knygą, kuri buvo įprasta ten, kur aš užaugau: „Ūkininko almanachas“. Mes nusprendžiame pasinaudoti fizine knygos metafora ir įtraukti ją į šį dizainą. Ne skeuomorfiškai ar nieko, o tik linktelėjimu į matmenį.

Mes darome tai dviejų puslapių sklaida ir naudojame gradientus, kad užsimintume apie šešėlį ir įrišimą. Mes žaidžiame su tam tikrais šešėliais, norėdami išplėsti efektą.

Vėl pratęsdami „knygos“ metaforą, mes pasirenkame rašysenos šriftą, kuriame parodomos knygos raidės, todėl tai labiau žurnalas ar dienoraštis nei knyga, su kuria man viskas gerai.

Ši sritis yra padalinta į dvi dalis (tai puikiai veikia su 2 puslapių išdėstymu). Viena pusė skirta CSS ypatybėms, kita pusė skirta CSS parinkėjams. Kad vizualiai būtų aiškiau (ne tik pavadinant du puslapius), abi pusės turi skirtingą pagrindinę spalvą.

Mes šiek tiek galvojame apie tipografiją ir kovojame su kai kuriais sprendimais, kur galime išsisukti su šiuo rašysenos šriftu, o kur ne. Mes taip pat šiek tiek kovojame su tuo, kad turinio tyrinėjimui (vėl) panaudojome visą puslapį. Geras dalykas, be abejo, bet mes vėl pašalinome reklamą, kuri yra labai svarbi norint išlikti svetainėje.