# 125: Vienotā video lapas fotošopošana CSS-triki

Anonim

Šajā ekrānuzņēmumā mēs izpētām vēl vienu ļoti svarīgu lapu. Šī ir viena no tām lapām, par kuras dizainu esmu sajūsminājies kopš sākuma, jo tā ir lapa, kurai pēdējais dizains bija īpaši nepietiekami. Šajā jaunajā dizainā mēs tam tuvosimies no sākuma un izstrādāsim kaut ko tādu, kas saturam labāk atbilst.

Pirmais darba kārtība ir tā, lai faktiskais video lapā būtu tik liels, cik tas var būt. Es domāju, ka būtu lieliski, ja videoklips uz ekrāna būtu lielāks nekā vietnē YouTube. Man patīk skatīties video ļoti lielus, bet man ne vienmēr patīk pilnekrāna režīms, kas paslēpj visu ekrānu.

Tad jautājums kļūst par to, kur paliek videoklipa nosaukums. Mums jau ir vietnes galvene, video galvene un melnās joslas apakšnavigācija. Ja mēs iekļaujam arī virsrakstu (un, iespējams, aprakstu un metadatus), kas šo pilna platuma videoklipu nospiež tālu visā lapā. Šī lapa ir par video, tāpēc mēs saglabājam videoklipu virs šīs citas informācijas. Par laimi mēs varam izmantot melno joslu, lai parādītu videoklipa nosaukumu, tāpēc nav tā, ka lietotājs būtu apmaldījies par to, ko viņš skatās vai kur atrodas vietnes hierarhijā.

Mēs arī izmantojam melnās joslas navigāciju, lai piedāvātu saiti Abonēt uz iTunes - kas šajā lapā ir svarīgāks nekā jebkur citur vietnē. Tas ir tāda veida satura veidņu pielāgošana, kas vietnei liek dziedāt.

Zem videoklipa mēs varam strukturēt režģi, kas būtībā izskatās kā emuāra ziņojums vai fragments, vai alamanaka ieraksts vai kas cits. Saturs un komentāri kreisajā pusē 2/3 un malā (sānjoslas) saturs labajā pusē 1/3.