# 125: Vieno vaizdo įrašo puslapio fotografija - CSS-gudrybės

Anonim

Šioje ekrano juostoje mes gilinamės į dar vieno labai svarbaus puslapio dizainą. Tai vienas iš tų puslapių, kuriuos kuriu nuo pat pradžių, nes tai puslapis, kuriame paskutinis dizainas buvo ypač nepakankamai aptarnautas. Šiuo nauju dizainu mes prieisime prie jo nuo nulio ir suprojektuosime tai, kas geriau tinka turiniui.

Pirmoji darbo tvarka yra tai, kad tikrasis vaizdo įrašas puslapyje būtų toks didelis, koks tik gali būti. Manau, būtų nuostabu, jei vaizdo įrašas ekrane būtų didesnis nei „YouTube“. Man patinka žiūrėti labai didelius vaizdo įrašus, bet ne visada mėgstu visą ekraną, kuris slepia visą ekraną.

Tada kyla klausimas, kur dingo vaizdo įrašo pavadinimas. Mes jau turime svetainės antraštę, vaizdo įrašų antraštę ir juodosios juostos antrinę navigaciją. Jei mes taip pat įtrauksime pavadinimą (ir galbūt aprašą ir meta duomenis), kuris šį viso pločio vaizdo įrašą nustumia toli į apačią. Šis puslapis yra apie vaizdo įrašą, todėl vaizdo įrašą laikome virš tos kitos informacijos. Laimei, mes galime naudoti juodą juostą, norėdami parodyti vaizdo įrašo pavadinimą, taigi nėra taip, kad vartotojas būtų pamestas dėl to, ko žiūri ar kur yra svetainės hierarchijoje.

Mes taip pat naudojame juodos juostos naršymą, kad pasiūlytume nuorodą „Prenumeruoti„ iTunes “- kuri šiame puslapyje yra aktualesnė nei bet kur kitur svetainėje. Štai toks turinio šablonų pritaikymas priverčia svetainę dainuoti.

Po vaizdo įrašu galime susisteminti tinklelį, kuris iš esmės atrodo kaip tinklaraščio įrašas, fragmentas ar alamanako įrašas ar dar kas nors. Turinys ir komentarai kairėje 2/3 ir šalutinis (šoninės juostos) turinys dešinėje 1/3.